elice/WIL
[week_06] Node.js 기초 | NPM의 이해, NPX, Node.js의 모듈, ES Module
1. NPM이란 Node Package Manager Node.js 프로젝트를 관리하는 필수적인 도구 구성: 온라인 저장소 + 커맨드라인 도구 온라인 저장소: 오픈소스 라이브러리와 도구들이 업로드되는 저장소 커맨드라인 도구: 프로젝트 관리를 위한 다양한 명령어 제공 2. NPM 사용해 보기 NPM의 사용 = NPM 커맨드라인 도구의 사용법을 익히는 것 프로젝트 디렉터리를 생성하고, 해당 디렉터리 안에서 $npm init 명령어를 사용하면 몇 번의 질문을 통해 package.json 이라는 파일을 만들어 주고, 이 디렉터리는 Node.js 프로젝트가 된다. 2-1. package.json 프로젝트 관련 정보들이 저장되는 파일, 이 파일을 직접 수정하거나 npm 명령어를 사용하여 프로젝트 정보를 수정할 수 ..
→2022.02.12
elice/WIL
[week_06] Node.js 기초 | Node.js의 이해, 특징, ES6, 비동기 코딩, 이벤트 루프
1. Node.js란 자바스크립트를 어느 환경에서나 실행할 수 있게 해주는 실행기 Browser의 JavaScript 브라우저에서 실행 웹 내부의 제한된 동작 웹 프론트 개발자의 언어 Node.js 크로스 플랫폼 실행 (어느 환경에서든 실행 가능) 제한 없는 동작 다양한 어플리케이션 개발 2. Node.js의 특징 싱글 쓰레드 - 비동기 - 이벤트 기반 2-1. 싱글 쓰레드 쓰레드(Thread): 명령을 실행하는 단위, 한 개의 쓰레드는 한 번에 한 가지 동작만 실행 가능 싱글 쓰레드: 한 번에 한 가지 동작만 수행함 멀티 쓰레드: 동시에 여러 동작 수행 가능 장점 쓰레드 생성 비용이 없다 쓰레드가 늘어나지 않기 때문에 CPU 리소스 관리에 효율적 단점 쓰레드 기반의 작업들의 효율이 떨어짐 ex) CPU..
→2022.02.12
elice/WIL
[week_05] async/await과 API
1. async/await Promise를 활용한 비동기 코드를 간결하게 작성하는 문법 async/await 문법으로 비동기 코드를 동기 코드처럼 간결하게 작성 가능 await 키워드는 반드시 async 함수 안에서만 사용해야 함 async로 선언된 함수는 반드시 Promise를 리턴 async function asyncFunc() { let data = await fetchData(); let user = await; fetchUser(data); return user; } async 함수는 function 키워드 앞에 async를 붙여 만든다. fetchData, fetchUser는 Promise를 리턴! await 키워드는 then 메서드 체인을 연결한 것처럼 순서대로 동작 async functio..
→2022.02.09
elice/WIL
[week_05] 비동기 통신과 Promise
1. 자바스크립트 제어 흐름 자바스크립트는 다른 멀티스레드 프로그래밍 언어와 다른 방식으로 비동기 동작을 처리한다. 특정 코드의 연산이 끝날 때까지 코드의 실행을 멈추지 않고 다음 코드를 먼저 실행 console.log('1'); setTimeout(() => {console.log('2');}, 1000); console.log('3'); 다른 멀티스레드 언어에서의 결과: '1'출력 → 1초 후 '2' 출력 → '3'출력 자바스크립트에서의 결과: '1'출력 → '3'출력 → 1초 후 '2' 출력 자바스크립트 엔진 하나의 메인 스레드로 구성 (즉, 단 하나의 Call stack을 사용) 메인 스레드는 코드를 읽어 한 줄씩 실행 브라우저 환경에서는 유저 이벤트를 처리하고 화면을 그린다 1-1. 동기적 제어..
→2022.02.07
elice/WIL
[과제] 자기소개 페이지 제작
2주차 마지막 날의 과제로 HTML, CSS, JavaScript를 이용해서 자기소개 페이지를 제작하는 과제가 주어졌다. 멋사에서 활동했을 때도 HTML/CSS를 배우고 가볍게 자기소개 페이지 제작 과제를 했었는데, 확실히 그 때보다 이런저런 요소들을 제법 다룰 수 있게 된 것을 느꼈다. 그 때 같이 활동했던 동아리원 중, 웹 화면에 페이지를 꽉 채워서 여러 페이지들을 스크롤 하는 방식으로 제작하신 분이 계셨는데, 당시 웹 개발 햇병아리였던 나는 그런 신세계(?) 디자인은 처음 접해봤었고 다음에 한 번 저렇게 만들어 보고싶다는 생각을 했었다. 그 외에도 능력이 부족해서 해보고는 싶지만 구현을 못했던 것들이 많았어서, 이번 과제의 페이지 디자인은 당시를 회상하면서 했다. 과제의 주제가 필수 내용들을 삽입하..
→2022.02.04

• 이전
• 1
• 2
• 3
• 다음