I/O(Input/Output) : 컴퓨터를 조작하기 위한 입력과 출력 입력 소스(Input source) : 컴퓨터에 새로운 명령을 전달하는 모든 소스로 마우스, 키보드, 카메라, 마이크 등 출력 소스(Outut surce) : 화면(시각적 출력), 스피커(청각적
nvm nvm (Node.js Version Manager) : 다양한 Node.js version을 손쉽게 설치하고 관리할 수 있는 프로그램 nvm 설치 nvm 사용법 nvm ls 현재 nvm을 통해 설치되어 있는 Node.js version 리스트가 나온다.
npm 모듈 : 남이 만들어 놓은 모듈 package.json : 이에 대한 정보를 담아둔 곳 npm(Node Package Manger): node.js 생태계의 패키지 매니저 node.js 환경에서 외부 라이브러리를 다운로드 하기 위한 방법들 중 하나 필요한 모듈
: map, filter, invoke 등 100여개의 유용한 함수들을 제공하는 JavaScript 라이브러리Underscore.js: 데이터(data)/자료의 모음, 대표적으로 배열과 객체배열 : 데이터들(요소, element)을 순서대로 모은 자료 구조요소의 위치(
브라우저에서 사용할 수 있는 비동기(Web APIs)는 setTimeout(), DOM events, XMLHttpRequest()등으로 다소 한정적이지만,Node.js의 경우 많은 API가 비동기로 작성되어 있다.About Node.jsAs an asynchronou
시작하기에 앞서, Nodemon과 serve라는 도구에 대해 알아보자. >## Nodemon : 원래 서버의 코드를 변경할 때마다 서버를 재실행시켜줘야 하는데, 이를 자동으로 해주는 도구 > Nodemon으로 서버 실행 방법 1 - npm nodemon을 설치한다.
: Node.js 환경에서 웹 서버 또는 API 서버를 제작하기 위해 사용되는 프레임워크Express를 사용하면, HTTP 모듈보다 훨씬 더 간단하게 웹 서버를 만들 수 있다.Express (공식 문서)Express - Hello World 예제미들웨어를 추가할 수 있
: Node.js에서 요청 body를 파싱해주는 미들웨어로 4 가지의 parser를 제공한다.JSON body parserRaw body parserText body parserURL-encoded form body parserbody-parser (공식 문서)npm
Styled Component : 리 Style Component를 이용해 React를 컴포넌트 주도 방식으로 개발할 수 있다. Styled-Component
Component Driven Development가 트렌드가 되면서, 이를 지원하는 도구 중 하나인 Component Explorer가 등장했다.Component Explorer에는 많은 UI 개발 도구가 있는데, 그 중 하나인 Storybook에 대해 알아보자.:
: 전역 상태를 관리할 수 있는 Store를 제공하여 데이터(props) 흐름을 단순하게 해주고, props drilling과 같은 문제를 해결해주는 상태 관리 라이브러리ReduxRedux에서는 데이터가 단방향으로 흐른다.Action -> Dispatch -> Redu
: Node.js와 브라우저를 위한, Promise 기반 HTTP 비동기 통신 라이브러리Axios 공식 문서Axios는 Fetch API와 비슷한 역할을 하지만, Fetch API보다 사용이 더 간편하면서 추가적인 기능들이 포함되어 있다.npm install 명령어로
: 로컬 환경(내 컴퓨터)에서 신뢰할 수 있는 인증서를 만들 수 있게 해주는 도구mkcertHomebrew를 통해 mkcert를 다운 받는다.➡️ 옵션으로 추가한 localhost, 127.0.0.1(IPv4), ::1(IPv6)에서 사용할 수 있는 인증서가 발급된다.
: 웹 애플리케이션 동작에 필요한 HTML, CSS, JavaScript 등의 파일들을 묶어서 제공하는 것: HTML, CSS, JavaScript 등의 자원을 전부 각각의 모듈로 보고, 이를 조합해 하나의 묶음으로 번들링(빌드)해주는 도구 하나의 시작점(entry)으