[React] ์ ๋ ๊ฒฝ๋ก ์ค์ ํ๊ธฐ
๊ฐ๋ฐ ํ๊ฒฝ : Mac + VScode + React + js
.์ด๋ ..์ ์ด์ฉํด ../component/Header
์ ๊ฐ์ด ์๋ ๊ฒฝ๋ก๋ก ์์ฑํ๋ฉด, ์๋๊ฒฝ๋ก์ด๊ธฐ ๋๋ฌธ์ ํด๋น ํด๋๋ ํ์ผ ์ด๋ํ ๋ ๊ฒฝ๋ก๊ฐ ๋ฌ๋ผ์ ธ import ์ค๋ฅ๊ฐ ๋ ์ ์๋ค.
ํน์ ์ฌ์ฉํ ๋ ํท๊ฐ๋ฆด ์๋ ์๋ค..
๋ฐ๋ผ์ 'import {Header} from 'component/Header'์ ๊ฐ์ด ์ ๋๊ฒฝ๋ก๋ฅผ ์ด์ฉํ๋ฉด ํธํ๊ณ ,
๊ฒฝ๋ก ์ค๋ฅ ๋ฌธ์ ๋ ํด๊ฒฐ ๊ฐ๋ฅํ๋ค.
ํด๊ฒฐ๋ฐฉ๋ฒ
๊ฒ์ํ๋ env๋ฅผ ์ด์ฉํ๋ ๋ฐฉ๋ฒ๋ ์๋๋ฐ ์๋ ๋ฐฉ๋ฒ์ผ๋ก ๊ฐ๋จํ ํด๊ฒฐํ ์ ์์ด์, ์๋ ๋ฐฉ๋ฒ๋ง ๋ด์๋ค.์ด ๋ฐฉ๋ฒ์ผ๋ก ../.
์ ์ง์ฅ์ ํ์ถํ๋ค..
jsconfig.json ํ์ผ์ ๋ง๋ค๊ณ , ์๋ ์ฝ๋๋ฅผ ์ฝ์ ํ๋ค.
json ํ์ผ์ ์์น๋ package.jsonํ์ผ๊ณผ ๋์ผํ ์์น์ ์์ฑํ๋ค.
(typescript์ผ ๊ฒฝ์ฐ tsconfig.json์ผ๋ก ํ์ผ์ ์์ฑํ๋ค.)
jsconfig.json
{
"compilerOptions": {
"baseUrl": "src"
},
"includes": [
"src"
]
}
References
- https://velog.io/@mollang/React-%EC%A0%88%EB%8C%80%EA%B2%BD%EB%A1%9C-%EC%84%A4%EC%A0%95 (2022.03.02)
๋๐ง