본문 바로가기

Books123

[Node.js 프로젝트 투입 일주일 전] 3장 - 서버 프로그램을 위한 자바스크립트 3.1 변수 선언자 이해하기 - var 선언자 - 같은 JS 코드 안에서 동일한 변수명 사용 가능 (변수 재선언 가능) - 내가 구현하고 있는 프로그램에 외부 JS 라이브러리를 사용할 때, 전역에 var로 선언된 변수명이 있다면 기존 변수명과 중첩되서 예기치 못한 에러 발생 가능 (에러 추적 힘듦) - let 선언자 (ES6) - 동일한 변수명 갖는 변수를 재선언해서 사용 불가 (변수 재선언 불가) - 코딩 시점에 프로그램 오류 방지하는 장점 - var 대신 let 사용 권장!!! - const 선언자 (ES6) - 선언 시점에 값을 할당한 후 같은 변수명으로 재선언뿐만 아니라 이미 선언된 변수의 값도 변경 불가 - 실무 활용 - 좋은 애플리케이션은 모든 화면에서 사소한 부분까지 동일한 날짜 포맷 사용 .. 2022. 5. 5.
[Node.js 프로젝트 투입 일주일 전] 2장 - 개발환경 구성 2.1 Visual Studio Code 설치하기 - 맥에서 Visual Studio Code 설치 - 윈도우에서 Visual Studio Code 설치 - 환경변수 추가 체크 2.2 Node.js 설치하기 - 맥에서 Node.js 설치 - 윈도우에서 Node.js 설치 - 터미널 모드 변경 2.3 자바스크립트 개발에 유용한 Visual Studio Code Extension 설치하기 - JavaScript (ES6) code snippets - ES6 포함한 JS 코드 자동완성 지원 - snippet: 재사용 가능한 코드의 작은 조각 - 미리 등록된 코드 블록을 바탕으로 개발자가 코드를 좀 더 빠르고 정확하게 작성할 수 있도록 해줌 - ESLint - ES(ECMA Script) + Lint - Lin.. 2022. 5. 4.
[Node.js 프로젝트 투입 일주일 전] 1장 - Node.js 1.1 Node.js란? - Node.js: Chrome V8 JS 엔진으로 빌드된 JS 런타임 1.2 Node.js의 특징 - 논블로킹(Non-blocking) I/O - 블로킹: 함수 호출 시 호출된 함수가 작업을 마칠 때까지 제어권을 돌려주지 않고 함수가 종료될 때까지 대기 (동기식 I/O) - 논블로킹: 함수 호출 시 호출된 함수에게 바로 제어권을 넘겨줘서 다른 작업 바로 진행 가능 (비동기식 I/O) - 싱글 스레드 (Single Thread) - 스레드 하나 사용 - 동시에 하나의 작업만 처리 가능 (하나의 콜 스택 가짐) - 이벤트 루프 (Event Loop) - 콜 스택과 콜백 큐의 상태를 체크하고, 콜 스택이 빈 상태가 되면 콜백 큐의 첫 번째 콜백을 콜 스택으로 이동시킴 1.3 npm(.. 2022. 5. 4.
[Vue.js 프로젝트 투입 일주일 전] 14장 - 미니프로젝트: 제품 판매 웹앱 구현 (마지막) 14.1 애플리케이션 Overview - 제품 등록 페이지 - 제품 리스트 페이지 - 제품 상세 페이지 14.2 프로젝트 소프트웨어 구성 - 클라이언트: Vue.js, Bootstrap - 서버: Node.js, Express.js - 데이터베이스: MariaDB 14.3 클라이언트(Vue 프로젝트) - Vue CLI로 프로젝트 생성 - vue create 명령어 - Bootstrap 추가하기 - index.html - css, js 파일에 대한 cdn 주소 추가 - 화면 레이아웃 만들기: Header, Main, Footer - Header: 애플리케이션 로고, 메뉴에 해당하는 네비게이션 등 위치 - Main - Footer: 애플리케이션을 제공하는 회사 정보 - 라우터 구성 - / (ProductLi.. 2022. 5. 3.
반응형