반응형 컴맹도 할 수 있다/Node.js, Express.js9 Express.js 사용, 라우팅 목록 1. Express.js를 사용하는 이유 2. express 사용하기 1) npm init으로 시작하기 2) express-generator 사용하기 3) app.js 4) app 객체의 주요 기능 3. Express.js의 구조 4. Express.js의 동작 방식 1) Express.js 동작 시키기 2) Express.js 동작 따라가기 3) app.js 4) app 객체의 주요 기능 5. 라우팅 1) app 라우팅 2) Express.Router 3) path parameter 사용 6. 라우팅에 적용되는 함수 - Request Handler 1. Express.js를 사용하는 이유 Node.js의 웹 프레임워크 중 가장 유명함 필요에 따라 유연하게 구조 설정 가능 다양한 미들웨어를 통해 필.. 2022. 9. 30. 프론트엔드와 백엔드, 웹 프레임워크 목록 1. 웹 서비스 동작 방식 2. 백엔드와 프론트엔드 3. 웹 프레임워크 1) 의미 2) 웹 프레임워크를 사용하는 이유 3) 웹 프레임워크의 기본 구성 요소 4) Node.js의 웹 프레임워크 종류 1. 웹 서비스 동작 방식 웹 서비스 : HTTP 요청과 응답의 반복으로 동작 HTTP 요청 : 사용자가 필요로 하는 데이터를 서버에 알리는 역할 클라이언트 → 서버 HTTP 응답 : HTTP 요청에 해당하는 적절한 데이터를 전달하는 역할 서버 → 클라이언트 사용자 응답 시각화 ↑ ↓ url 입력 웹 브라우저(클라이언트) http 응답 ↑ ↓ http 요청 서버 * 인터넷이 웹 브라우저와 서버 연결 http 요청 예시 전송된 데이터 사용자가 요청한 데이터 get/http/1.1 host: localhost.. 2022. 9. 28. vscode 확장 프로그램 없이 터미널에서 출력시키기, 터미널 경로 수정하기 목록 1. 왜 내 vscode는 출력이 안되는가 도대체 또 뭐가 문제냐 2. 두번째 방법 혼자서 해결 못해서 또 물어봄 3. 출력 안됬던 이유 추가) 터미널 상위/하위 경로로 이동하는 법 1. 강의듣다가 실습 프로그램에서는 잘만 출력되던데 왜 내 vscode에서 만든 html에서는 console.log(내용) 출력이 안되는지 질문했던거 답변) console.log는 웹 브라우저의 console 패널에서 확인해야함 걍 html 파일 열면 내용 안뜸 아래 해결 참고하셈 해결) 1) vscode에서는 log를 터미널 창에 출력하게 해주는 확장 프로그램 설치하기 2) 확장 프로그램 없이 확인하는법 참고 VS Code 에서 자바스크립트 개발환경 구축. Hello World 실행. 개요. - Visual Studi.. 2022. 9. 28. 질문했던것들 정리 9.28 Node 1. 변수 이름에 공백 문자가 있으면 제대로 동작하지 않을 수 있음 2. 모듈 불러올때에는 require로 불러옴 3. require뒤에는 모듈이름 써야됨 - const 변수이름 = require('/모듈이름'); 4. console.log는 웹 브라우저의 console 패널에서 확인해야함 - vscode에서는 log를 터미널 창에 출력하게 해주는 확장 프로그램 설치하기 - 확장 프로그램 없이 확인하는법 아래 참고 VS Code 에서 자바스크립트 개발환경 구축. Hello World 실행. 개요. - Visual Studio Code 기반 자바스크립트 개발 환경 구축위한 설치사항. - 아래 2개만 설치하면 기본은 완료됨. - Hello World 출력하기 설치1. Visual Studio Cod.. 2022. 9. 28. Node.js 모듈 목록 1. 모듈 2. 모듈 사용 예시 3. 모듈과 패키지 4. Node.js의 기본 제공 모듈 1) console 2) process 3) fs 4) http 5) 기타 기본 제공 모듈 1. 모듈 코드를 분리하기 위한 방법 프로젝트가 커지면 기능에 맞게 코드를 분리하는 것이 중요해짐 그래서 모듈을 사용함 2. 모듈 사용 예시 A B C B D 위 표에서 반복되는 B 코드를 모듈로 따로 빼서 관리함 →B를 쓰겠다고 한번만 사용하고 실제 B의 코드는 다른 곳에 있음 3. 모듈과 패키지 패키지 : 모듈의 모음 NPM : 많은 모듈을 포함하고 있는 코드 모음 모듈 < 패키지 < NPM 4. Node.js의 기본 제공 모듈 기본으로 제공하는 모듈이 다양함 기본으로 제공하는 모듈은 직접 작성하기 매우 어렵거나 복잡.. 2022. 9. 27. NPX 목록 1. NPX와 NPM 차이 2. NPX - Node.js 특정 버전으로 실행 3. NPX - github gist 코드 실행 1. NPX와 NPM 차이 NPX NPM $ npx cowsay hi $ npm i cowsay -g (cowsay 모듈을 install 해서 사용) $ cowsay hi 패키지를 설치 유무 - NPM은 패키지 설치하지 않고 사용할 수 있게 해주는 도구 프로젝트에 추가하거나 전역 패키지로 추가할 필요 없음 NPX로 바로 실행 가능 2. NPX - Node.js 특정 버전으로 실행 Node version $ npx node@12 index.js $ npx node@14 index.js npx를 사용하면 Node.js의 특정 버전을 사용해서 js 파일을 실행할 수 있음 프로젝트의.. 2022. 9. 27. 이전 1 2 다음 반응형
