FE

FE/React

[React] React 프로젝트/컴포넌트 구조

1. node_modules npm에서는 외부 모듈들을 다운받고 관리해준다. 다운 받은 외부 모듈들이 node_modules에 들어간다. 2. package.json 프로젝트의 설정들이 들어간다. 외부 모듈을 다운받으면 dependencies에 모듈명과 버전들이 기입된다. 외부 모듈 다운 시 package.json에 모듈 정보가 기입되고 node_modules에 특정 모듈이 설치된다. scipts에 start부분을 보면 react-scripts start가 있는데, 이는 우리가 리액트를 동작시키기 위해 npm start를 치면 해당 코드가 동작하는 것이다. 3. public > index.html public은 주로 이미지 파일을 추가할 때 사용한다. src폴더에서 코딩을 하게 될 것이다. css, js..

FE/React

[React] React 시작하기 & node 다운받기

1. 기본지식 1) node.js 자바스크립트는 브라우저에서만 실행되는 언어였다. 점점 자바스크립트가 널리 사용되면서 '웹 개발 말고 다른 곳에서도 사용할 수 있지 않을까'라는 이야기가 나오게 되었다. 그래서 브라우저에서 뿐만 아니라 자체적으로 프로그램을 만들어서 실행할 수 있도록 나온 기술이 node.js이다. node.js는 서버 프로그램을 개발할 때 많이 사용된다. node.js는 화면을 그려주는 역할이 없기 때문에 웹 빌드 도구 (Babel, webpack)을 이용해서 브라우저가 이해할 수 있는 언어로 바꾸주는 작업이 필수적으로 들어간다. 2) npm node package manager의 약자로 node 프로젝트의 패키지(외부 라이브러리)를 관리해주는 저장소 역할을 한다. 브라우저의 경우 자바스..

SHIN SANHA
'FE' 카테고리의 글 목록 (6 Page)