[React] my directory setting (실습환경 구축)

앱과 프로젝트 셋팅에서 디렉토리가 간결해지면 코딩 효율이 좋아집니다.

그러기 위해 에디터, 디비, 프로젝트, 서버, 라이브러리 등을 내가 통제하기 쉬운 패스로 설정하겠습니다.

디렉토리를 셋팅 하겠습니다.

 

 

Backend project

myname 디렉토리 만들기
C:\myname - click right mouse - 즐겨찾기에 추가

앱 설치할 디렉토리

workspace 디렉토리 만들기
C:\myname\workspace

프로젝트 진행 할 디렉토리

 

db 디렉토리 만들기

C:\myname\mydb

디비관련 디렉토리

 

프로젝트 네임은 당연히 영문입니다.

한글은 에러날 가능성이 아주 큽니다.

압축 정확하게 풀기
압축 앱은 반디집 추천
구글 - 반디집
언집 할 때 알아서 풀기와 여기에 풀기는 조금 다릅니다.
압축 풀 때 문제가 생기면 이 차이일 수 있으니 잘 살펴보고 풀기 바랍니다.

 

 

Frontend project

프론트엔드도 백엔드와 같습니다.

 

디렉토리는

C:\Users\CafeAlle\Downloads\myproject

이런 패스를 추천 합니다.

 

 

 

React project directory

리액트도 위와 같습니다.

혹시 잘 모르겠다면 아래의 매뉴얼대로 하는 것도 좋습니다.

 

다운로드 폴더 안에 리앤트앱이라는 폴더를 하나 만듭니다.

react 라는 폴더명은 에러의 원인이 될 수 있으니 그것만 조심 하세요.

이 프로젝트에서는 react-app 디렉토리를 사용 하겠습니다.

C:\Users\tj\Downloads\react-app

 

 

출처 : my directory setting