개발자로 가는길

React에서 절대경로를 설정하지 않으면 파일을 불러올때마다 "./../../파일" 이런식으로 import를 해와야 하기때문에 절대경로를 설정하는게 좋다.

1. 절대경로를 편하게 설정하기위해 라이브러리 설치하기

(cross-env는 운영체제나 플랫폼에 종속되지 않고 동일한 방법으로 env 변수를 주입하는 방법.

사용법은 아주 간단하다. 사용할 커맨드 앞에 cross-env [<key>=<value>, ...]를 붙여 실행해주면 된다.)

$ npm install --save-dev cross-env

2.  package.json 수정 해서 cross-env 사용하기

"scripts": {
"start": "cross-env NODE_PATH=src react-scripts start", 
"build": "cross-env NODE_PATH=src react-scripts build", 
"test": "react-scripts test", 
"eject": "react-scripts eject" 
},

3. jsconfig.json파일 생성후 아래내용 삽입

(jsconfig.json파일은 js 프로젝트를 할때 필요한 파일이고, 이 파일이 위치하는 곳이 루트 디렉토리가 된다.

만들고 있는 js 프로젝트에 속해있는 파일, 속하지 않은 파일, 컴파일러 옵션 등을 설정할 수 있는 설정 파일이다.)

{
    "compilerOptions": {
        "baseUrl": "src"
    },
    "include": [
        "src"
    ]
}

<참고>

- https://velog.io/@cckn/windows%EC%97%90%EC%84%9C-NODEENV%EB%A5%BC-%EB%B0%94%EA%BF%80-%EB%95%8C%EC%97%90%EB%8A%94-cross-env%EB%A5%BC-%EC%82%AC%EC%9A%A9%ED%95%98%EC%9E%90

- https://velog.io/@zxcvbnm5288/jsconfig.json%EC%9D%B4%EB%9E%80

- https://velog.io/@cckn/windows%EC%97%90%EC%84%9C-NODEENV%EB%A5%BC-%EB%B0%94%EA%BF%80-%EB%95%8C%EC%97%90%EB%8A%94-cross-env%EB%A5%BC-%EC%82%AC%EC%9A%A9%ED%95%98%EC%9E%90