본문 바로가기

개발자의 품격155

[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.
[Vue.js 프로젝트 투입 일주일 전] 13장 - 미니프로젝트: 로그인 처리 13.1 카카오 계정으로 로그인하기 - 카카오 개발자 센터 가입 - 애플리케이션 등록 - 앱 키 - 네이티브 앱 키: Android, iOS SDK에서 API 호출할 때 사용 - JavaScript 키: 자바스크립트 SDK에서 API를 호출할 때 사용 - REST API 키: REST API를 호출할 때 사용 - Admin 키: 모든 권한을 가지고 있는 키 - 플랫폼 설정하기 - 카카오 로그인 활성화 - 동의항목 설정 - 카카오 JavsScript SDK 및 앱 키 등록 - 로그인 컴포넌트 구현 - window.Kakao.Auth.login 함수 호출 => 카카오 계정으로 로그인 팝업 호출 - window.Kakao.Auth.logout 함수 호출 => 로그아웃 13.2 네이버 아이디로 로그인하기 - 오.. 2022. 5. 2.
반응형

티스토리툴바