반응형

PROGRAMING/FULL STACK 43

[Front End] React project folder

React 프로젝트 폴더 구성 node_modules 현재 프로젝트에 포함된 라이브러리들이 설치되어 있는 폴더입니다. public index.html과 같은 정적 파일이 포함되는 곳으로 컴파일이 필요 없는 파일들이 위치하는 폴더입니다. mainfest.json 모바일 환경에서 사용되어지는 파일도 함께 들어있습니다. src React 내부에서 작성하는 거의 모든 파일들이 이 폴더 내부에서 작성되며 이 폴더에 있는 파일들은 명령어에 따라 JS로 컴파일이 진행됩니다. .gitignore Git에 포함하고 싶지 않은 파일의 이름 혹은 폴더등을 입력하는 파일입니다. package.json 프로젝트에 관련된 기본적인 내용(프로젝트의 이름, 버전 등)과 라이브러리들의 목록이 포함되어 있습니다. 라이브러리가 설치된 n..

[Front End] Setting up a React project

React 프로젝트 생성 생성기(Generator)를 사용하지 않고 React 앱을 만들수 있지만 다소 긴 프로세스가 될수있으며 React 앱을 처음부터 설정하는 가장 빠른 방법은 일반적으로 생성기를 사용하는것입니다. 현재 새로운 React 앱을 만드는 가장 인기 있고 일반적인 방법은 Facebook에서 제공하는 소스 React 앱 생성기인 Create React app을 사용하는것입니다. React 앱 생성을 위해 VS Code를 실행합니다. 그리고 터미널을 열고(Top menu -> Terminal -> new Terminal) 프로젝트를 만들 위치로 이동을 합니다. React 앱 생성 명령어는 다음과 같습니다. npx create-react-app my-blog React 앱 생성이 완료되면 생성한..

[Node.js] Installing Node.js and NPM

Node.js 와 NPM 설치 Node.js는 코드를 실행하고 프로그래밍을 더 쉽게 만드는 데 사용할 몇가지 라이브러리를 설치하는 데 중요한 도구가 될것입니다. Node.js가 아직 설치되어 있지 않은 경우 https://nodejs.org 웹 사이트에서 설치 파일을 다운받을수 있습니다. 현재 버전은 20.11.1 LTS(Long Term Support) 이고 다운로드 한후 실행을 하면 설치프로그램이 나머지를 설치 안내를 할것입니다. 설치 완료후 CMD나 power shell 또는 VS Code terminal에서 다음과 같이 버전을 확인합니다.

반응형