JS/React 12

[React] 리액트 : #2 npm (node package manager)

지난 포스팅에서 리액트를 쓰는 이유와 특징에 대해 간략히 알아봤다. 우리는 리액트 프로젝트를 시작하기에 앞서 프로젝트를 생성하고 실행하기 위해 아래와 같이 npm의 도움을 받았다! //프로젝트 생성 명령 설치 npm install -g create-react-app //프로젝트 생성 create-react-app [react-app] //프로젝트 실행 cd [react-app] npm start 오늘은 npm에 대해 자세히 알아보자. 아래의 내용은 생활코딩 npm 수업을 토대로 정리한 내용이다. npm npm이란, Node Package Manager의 약자로 명령어를 통해서 컴퓨터를 제어하는 방식인 CLI(Command Line Interface)방식으로 동작하는 프로그램이다. npm은 앱 스토어에 비..

JS/React 2021.08.04

[React] 리액트 : #1 React ?

오늘은 리액트가 무엇이고 왜 리액트인지를 알아보는 시간을 가지려고한다. 👨🏻‍🎨 리액트 == 자바스크립트 라이브러리 React, Angular, Vue 알지 못하더라도 셋 중 하나 이상은 꼭 들어봤을 것이다. 얘네들을 자바스크립트 라이브러리 / 프레임워크라고 부르는데 자바스크립트로 쉽고 편리하게 개발할 수 있도록 도와주는 공통 목적을 가지고 있다. 라이브러리 vs 프레임 워크 여기서 라이브러리와 프레임워크의 차이점에 대해 간단히 짚고 넘어가자면 라이브러리 : 개발의 편의를 위한 도구의 모음, '공구'에 비유할 수 있고 프레임워크 : 기반 구조까지 짜여져있는 거기에 다양한 도구들이 모여있는 공장에 비유할 수 있다. 이 중 리액트는 사용자에게 선택의 여지가 주어지는 자유도가 높은 라이브러리의 성격을 띄고 있..

JS/React 2021.07.27