React

React란 무엇인가? React 공식 웹사이트에 따르면 "React는 사용자 인터페이스(UI)를 만들기 위한 Javascript 라이브러리"라고 나와있다. React는 facebook에서 제공해주는 프론트엔드 라이브러리라고 볼 수 있습니다. 싱글 페이지 애플리케이션이나 모바일 애플리케이션의 개발 시 토대로 사용될 수 있습니다. 즉 React를 사용할 경우 사용자 입장에서 데이터가 변할 때 페이지 리로딩이 일어나지 않기 때문에 UX가 더욱 향상되고 그 때문에 많은 사이트들이 React를 사용하는 것이었다. 또한, 개발자 입장에서도 컴포넌트 기반의 React를 사용할 경우 코드의 가독성과 재사용성 그리고 유지보수가 편해지기 때문에 React를 사용하는 점도 있다. React를 사용하는 이유 하지만 위에서 ..

type..script?... 그게 뭐죠? 타입스크립트는 자바스크립트에 타입을 부여한 언어입니다. 자바스크립트의 확장된 언어라고 볼 수 있습니다. ​ TypeScript는 MS에 의해 개발/관리되고 있는 오픈소스 프로그래밍 언어입니다. 대규모 애플리케이션을 개발하는 데 자바스크립트가 어렵고 불편하다는 불만에 대응하기 위해 개발되었습니다. TypeScript는 ES5의 Superset이므로 기존의 자바스크립트(ES5) 문법을 그대로 사용할 수 있습니다. ES6의 새로운 기능들을 사용하기 위해 Babel과 같은 별도 트랜스파일러(Transpiler)를 사용하지 않아도 ES6의 새로운 기능을 기존의 자바스크립트 엔진(현재의 브라우저 또는 Node.js)에서 실행할 수 있습니다. TypeScript의 장점 Ty..

- Babel Babel , 바벨 이라고 불리우는 이 녀석은 뭐하는 애일까? 일단 이 친구를 알기 전에 ES6,7 과 ES5 간의 차이를 알아야 한다. ES5는 2009년도 에 표준화된 JavaScript로 우리가 익히 알고 있던 JavaScript 표준 언어(동적 언어)이다. 그러다 2015년에 개정판으로 표준화된 JavaScript가 나오게 됬는데 이것을 ECMAScript2015(EC2015) , ECMAScript6(ES6) 이라고 한다. 더 나아가서 2016년에도 추가로 개정되어 ES7 이 나와서 최신 표준이 되었지만 아직까지 ES6가 대세이고 이 ES6에 들어와서 획기적인 변화들이 생기게 되었다. 변화된 문법들중 대표적으로 import & export let & const class arrow..

1. NVM이란? Node Version Manager 한 마디로 Node.js 의 버전을 관리하는 도구입니다. 이렇게만 들었을 땐 사실 잘 모르겠어요. Node.js 의 버전을 굳이? 왜 관리해야 하는거죠? 1.1 NVM, 왜 사용해야 하나요? 협업을 할 때, 또는 다양한 프로젝트를 동시에 진행해야 할 때 다양한 라이브러리 / 프레임워크 / 개발툴의 버전 호환 문제를 겪어서요. 이럴 때 NVM 을 사용하면 아래와 같은 이점을 챙겨갈 수 있거든요. 컴퓨터에 다양한 버전의 Node.js 를 설치할 수 있게 해줌 use 커맨드를 이용해 사용할 Node 버전으로 간단하게 스위칭할수 있게 해줌. 디폴트 버전을 설정하거나 / 설치한 버전들의 전체 리스트를 확인하거나 / 필요 없는 버전을 삭제하는 등등... 소위 ..

node로 프로젝트를 진행할 때 많이 쓰이는 패키지 관리 툴로는 대표적으로 npm과 yarn이 있습니다. 여러분들은 평소 어떠한 패키지 설치 모듈을 사용하나요? 또한 여러분들은 그 둘의 차이점에 대해 잘 설명하실 수 있으신가요? (아주 가끔 면접 질문으로 npm과 yarn의 차이에 대해서 설명할라고 할 때가 있답니다 ㅎㅎ) 오늘은 그 둘의 차이점에 대해 간단히 알아보도록 하겠습니다. npm NPM(Node Package Manager)은 자바스크립트 언어를 위한 패키지 관리자로, Node.js의 기본 패키지 관리자입니다. 전세계적으로 가장 많은 이들이 사용하고 있는 패키지 관리 툴이죠. 이러한 관리 툴을 이용하여 Node.js로 만들어진 모듈을 웹에서 받아서 쉽게 설치하고 관리해주는 프로그램으로 개발자 ..

기본용어정리 package.json : 모듈 설치시 자동으로 생성되는 node.js 버전 관리 파일 node_modules : 모든 모듈의 저장공간 React : 많은 모듈들로 구성된 라이브러리로 이들 간의 상호작용이 중요하다. 따라서 npm으로 모듈 설치, node.js로 개발 작업환경을 구성한다. NPM란? 우리가 매우 잘 알고 있듯이, npm은 Node.js의 의존성과 패키지 관리를 위한 패키지 매니저입니다. npm은 node.js의 자동화된 의존성과 패키지 관리를 위한 패키지 매니저이다. 1) 패키지 설치 프로젝트를 할 때 필요한 모든 의존성 패키지는 package.json 파일 안 에서 지정할 수 있다. npm intall를 실행하기만 하면 원하는 패키지를 로컬(node_modules)에 설치할..

로컬 설치란? ( npm i ) Node.js 패키지를 프로젝트 폴더 내부에 설치하는 것 글로벌 설치란? ( npm i -g ) Node.js 패키지를 컴퓨터 폴더에 설치하는 것 ( 모든 프로젝트에서 사용가능 ) 추천 설치법 로컬설치 글로벌설치 코드 내부에서만 사용할 경우 명령창에서 사용할 경우 ( 로컬 설치시, 문제 발생할 수 있음 ) 참조:https://defineall.tistory.com/710

⚡️ Node.js란? Node.js는 Chrome V8 JavaScript 엔진으로 빌드 된 JavaScript 런타임입니다. Node.js는 JavaScript를 서버에서도 사용할 수 있도록 만든 프로그램이다. Node.js는 V8이라는 JavaScript 엔진 위에서 동작하는 자바스크립트 런타임(환경)이다. Node.js는 서버사이트 스크립트 언어가 아니다. 프로그램(환경)이다. Node.js는 웹서버와 같이 확장성 있는 네트워크 프로그램을 제작하기 위해 만들어졌다. Node.js는 확장성이 있는 네트워크 어플리케이션 개발에 사용되는 소프트웨어 플랫폼이다. 특히 서버사이트에서 많이 사용되고 있다. 사용되는 언어로는 자바스크립트(Javascript)를 활용하며, Non-blocking I/O와 단일 ..