ESM (2) ์ธ๋ค์ผํ ๋ฆฌ์คํธํ ReferenceError: __dirname is not defined in ES module scope 2024.06.26 - [๐ฉ๐ป๐ป dev] - ๋ชจ๋ ์์คํ ์์ ๋ชจ๋ ์์คํ ์ด ๋ฌด์์ธ์ง, ์ด๋ค ๊ฒ๋ค์ด ์๊ณ , ์ฅ๋จ์ ๋ค์ ์ดํด๋ดค๋ค. ๋ชจ๋ ์์คํ ๐ฃ๏ธ import๊ณผ require์ ์ฐจ์ด๋ฅผ ์๊ณ ๊ณ์๋์? ๐ค ๋ ธ๋ ํ๋ก์ ํธ์์๋ require ๋ง์ด ๋ณธ ๊ฑฐ ๊ฐ๊ณ , react์์ import ๋ง์ด ์ผ๋ ๊ฑฐ ๊ฐ์๋ฐ? import๊ณผ require์ ๋ํด ์๊ธฐ ์ํด์๋ ๋ชจ๋ ์์คํ ์ด๋ผ๋ ๊ฒpyotato-dev.tistory.com๐ฉ๐ป๐ป ์ค๋์ turborepo๋ก nextjs์ sass๋ก ์คํ์ผ๋งํ๊ธฐ ์ํด scss์ next.config.mjs์ ์ค์ ํ๋ ๋ฐฉ๋ฒ์ ๋ํด ๋ค๋ค๋ณด์. sass ๊ฐ ๋ชจ๋ ธ๋ ํฌ์ ์ ๋์๊ฐ๊ธฐ ์ํด์๋ sass compiler ์ค์ ์ ํด์ค์ผ ํ๋ค.nextjs ๊ฐ๋ฐ ๋ฌธ์์ ๋์จ ๋๋ก .. ๋ชจ๋ ์์คํ ๐ฃ๏ธ import๊ณผ require์ ์ฐจ์ด๋ฅผ ์๊ณ ๊ณ์๋์? ๐ค ๋ ธ๋ ํ๋ก์ ํธ์์๋ require ๋ง์ด ๋ณธ ๊ฑฐ ๊ฐ๊ณ , react์์ import ๋ง์ด ์ผ๋ ๊ฑฐ ๊ฐ์๋ฐ? import๊ณผ require์ ๋ํด ์๊ธฐ ์ํด์๋ ๋ชจ๋ ์์คํ ์ด๋ผ๋ ๊ฒ์ ๋ํด ์์์ผ ํ๋ค.์ค๋์ ๋ชจ๋ ์์คํ ์ด ๋ฌด์์ด๊ณ , ์ด๋ค ๊ฒ๋ค์ด ์์ผ๋ฉฐ, ๊ฐ๊ฐ์ ํน์ง๊ณผ ์ฅ๋จ์ ์ ์ดํด๋ณด์.JS ๋ชจ๋ ์์คํ ์ด๋?์์ ์น์์ ์๋ฐ์คํฌ๋ฆฝํธ๊ฐ ๋ด๋นํ๊ณ ์ ๊ณตํ ์ ์๋ ๊ธฐ๋ฅ๋ค์ ํ์ด์ง๋ฅผ ๋ณด์ฌ์ฃผ๋ ๊ฒ ์ ๋์๋ค.ํ์ง๋ง ์ ์ฐจ ์๋ฐ์คํฌ๋ฆฝํธ์ ์ญํ ์ด ๊ฑฐ๋ํด์ง๊ณ , ๊ธฐ๋ฅ๋ค์ ๋ง๋ค๋ฉด์ ๋ค์์คํ์ด์ค๋ฉฐ dependency๋ฉฐ ๊ด๋ฆฌํ ๊ฒ๋ ๋น๋ก(์ ๋น๋ก๋ ์๋ ์๋?)ํด์ ๋ฐฉ๋ํด์ก๋ค.๋ชจ๋ ์์คํ ์ ์ด๋ ๊ฒ ๊ด๋ฆฌํ๊ธฐ ์ด๋ ค์ด ์ค์ฝํ ์ด์๋ฅผ ํด๊ฒฐํ๊ธฐ ์ํ ๋ฐฉ์์ผ๋ก ๋ฑ์ฅํ๊ฒ ๋์๋ค.J.. ์ด์ 1 ๋ค์