๊น๋ฉ์์๋ ssh ํค๋ฅผ ๊ธฐ์ ํด์ฃผ์ด์ผ๋๋ค. ํ๋ฒ ๋ ์ ๋ ฅcat ~/.ssh/id_rsa.pub์ ๋ ฅํ๋ฉด ํค๊ฐ์ด ๋์ค๊ณ ํด๋น ํค ๊ฐ์ gitlab์ ๋ถ์ฌ๋ฃ์ผ๋ฉด๋๋ค!
ReactDOM.createPotal ์ฌ์ฉ ์ ํด๋น ์๋ฌ๊ฐ ๋จ๋ฉด์ document.getElementById ๋ฅผ ์ฝ์ง๋ชปํ๋ค.ํด๋น ์๋ฌ๋ฅผ ์์ ํ๋ ค๋ฉด ! ๋ฅผ ๋ถ์ฌ์ฃผ๋ฉด ๋๋คํ์ ์คํฌ๋ฆฝํธ๋ document.getElementById("modal-root") ๊ฐ null ์ผ ์
Error message "error:0308010C:digital envelope routines::unsupported" ๋ผ๋ ์๋ฌ๋ ๋ ธ๋ ๋ชจ๋์ด ์ ํฉํ์ง ์์์ (์ง์๋์ง ์๋ ๊ธฐ๋ฅ๋ค์ด ์กด์ฌํ๊ธฐ ๋๋ฌธ์) ๋จ๋ ๋ฌธ์ ์ด๊ธฐ ๋๋ฌธ์ ๋ ธ๋ ๋ฒ์ ์ ๋ฎ์ถฐ์ฃผ๋ฉด ๊ฐ๋จํ๊ฒ ํด๊ฒฐ๋๋ค
๐ next.config.js ๐ package.json ๐ .prettierrc ๐ tsconfig.json ๐ .babelrc ๐ .eslintrc.json
์ ๋ฐ๋ฏธ ๊ฐ์๋ฅผ ๋ฃ๋ ์ค npm start๊ฐ ์ ๋๋ก ์คํ๋์ง ์๋ ํ์์ด ๋ฐ์ํ๋ค.thow err ๋ผ๋ ๋ฌธ๊ตฌ์ ํจ๊ป ๋ฐ์ ๊ฒฝ๊ณ ๋ฉ์ธ์ง๋ค์ด ์ถ๋ ฅ๋์์.๊ฐ๋จํ ๋ณด๋ node ๋ฒ์ ์ ๋ฐ์ดํธ ์ฌํญ๊ณผ ์ง๊ฒฐ๋ ๋ฌธ์ ์๋ค. (์ด๋์ ์์ ํ ๋ฒ์ ์ ์ฌ์ฉํ๋ ๊ฒ์ด ์ข๋ค)package.jso
ํ๋จ์ ํ๋ก ํธ ์์ ์ค๐ ์๋ฌ์ฌํญ๋ฅผ ์คํํ๋๋ฐ Need to specify how to reconcile divergent branches. ๋ผ๋ ์๋ฌ๊ฐ ๋ฐ์ํ๋ฉด์ pull ์์ ์ด ์ ๋๋ก ์งํ๋์ง ์์๋ค.์ด๋ฐ ๊ฒฝ์ฐ๋ ์ถฉ๋๋๋ ๋ถ๋ถ์ด ์๊ณ pull ์ ์ ๋๋ก ์งํํ ์
\* nvm ์ค์น ์งํsudo curl -o- https://raw.githubusercontent.com/creationix/nvm/v0.33.1/install.sh | bash \* nvm ๋ฒ์ ํ์ธ(์ ๋๋ก ์ค์น๋์๋์ง)nvm --version \* ์ค์น๋
์ ํ๋ฆฐ์ด ์ ๋ฐ์ดํธ๋ฅผ ์งํํ๋ฉด์ ๊ณ์ํด์ ์ธ์ ๋ง๋ฃ๊ฐ ๋จ๋ฉด์ ๋ก๊ทธ์ธ์ด ๋์ง์๋ ํ์์ด ์ผ์ด๋ฌ๋ค.์ด๋ฐ๊ฒฝ์ฐ ์ ํ๋ฆฐ ์บ์ฌ๋ค์ ์ง์์ฃผ๋ฉด ์ฝ๊ฒ ํด๊ฒฐ๋๋ค์๋จ ํ๋กํ ๋ฉ๋ด์์ ๋ก๊ทธ์์Zeplin Mac ์ฑ ์ข ๋ฃFinder๋ฅผ ์ด๊ณ ์๋จ ๋ฉ๋ด์์ "์ด๋ > ํด๋๋ก ์ด๋..."์ ์ ํํฉ๋๋ค
api๊ฐ ํ์ํ ๊ฒฝ์ฐ๊ฐ ๋งค์ฐ๋งค์ฐ! ๋ง๋ค... ๊ฒฐ๊ตญ ์คํ api ๋ฅผ ํ์ฉํ๊ฑฐ๋ ์ง์ ๋ฐฐ์ฐ๋๊ฒ ๊ฐ์ฅ ์ข๋ค.์ง์ ๋ฐฐ์ฐ๋๊ฒ ์ ๋ง ๋๋ฌธ์ด ๋ ๊ฒ๊ฐ์ง๋ง, ์์ง ํ๋ก ํธ๋ ์ต์ํ์ง ์์๋ฐ api๊น์ง ์๋๋ฉด ์ ๋ง ํฐ์ผ๋ ๊ฒ ๊ฐ์์ , ๊ณต๊ณต๋ฐ์ดํฐ ํฌํธ์ ํ์ฉํด๋ณด๊ธฐ๋ก ํ๋ค!https
๊น ์ด๊ธฐ์ธํ ์ ๋ง๊ฒ ํด๋ดค์ง๋ง ใ ใ ๋๋ฌด์ง ๋ญ๊ฐ ๋ฌธ์ ์ง ๋ชฐ๋ผ์ ์์นญํด๋ณด๋ ๋ฐ์ดํฐ ์ ์ค๋ฌธ์ ๋๋ฌธ์ git push --set-upstream origin main ๊ฐ ๋จนํ์ง ์๋๊ฑฐ๋ผ๊ณ ํ๋ค git push -u origin +main ๋ฅผ ํด์ฃผ๋ฉด๋๋ค๊ณ ํ๋ค.์ค๋ฅ ํด๊ฒฐ ๋!
๋ถ๋ช ์ข ์์ฑ ๋ฌธ์ ์ธ๋ฐ ๊ฐ๋ฐ์ ํ๋ค๋ณด๋ฉด ์์ ํ๋ค ์ค๊ฐ์ ๋ฒ์ ๋ฌธ์ ๋๋ฌธ์ ์ด๋ฐ๋ ๊ฒฝ์ฐ๊ฐ ๋๋ฌด ๋ง๋ค...npm install --forcenpm install --legacy-peer-depsnpm config set legacy-peer-deps true๋ฒ์ ์ด ๋ฌ๋ผ ์ข ์์ฑ์
mac์ ๊ธฐ๋ณธ์ ์ผ๋ก ํน์ ๋ฒ์ ์ด์์ด ๋์ด์ผ ์ค์น ๋ฐ ์คํ์ด ๊ฐ๋ฅํ๊ธฐ ๋๋ฌธ์ ์๋์ฐ ์ปด์ ์ฌ์ฉํ๊ฒ ๋์๋ค. (mac ํ๋ธ๋ฅ ์ค์น์ ์ง์์ ์ผ๋ก ์๋ฌ๊ฐ ๋ฐ์ํ๋ค๋ฉด... ์๋ก ์ฌ์ผ ํ๋ค๋...ใ ใ ใ )ํ์ฌ ๋ฒ์ ์ด ์๋ LTS๋ฒ์ ์ ๋ค์ด๋ก๋ ๋ฐ๋๋ค. (์ต์ ๋ฒ์ ์ ๊ณต์๋ฒ์ ์ด๊ธด ํ
๊ตฌ๊ธ์์ ์ ๊ณตํด์ฃผ๋ squoosh ์ฌ์ดํธ๋ฅผ ํ์ฉํด ๊ธฐ์กด ์ด๋ฏธ์ง๋ฅผ ์น์ด๋ฏธ์ง๋ก ๋ณํํ์ฌ ์ด๋ฏธ์ง์ฌ์ด์ฆ๋ฅผ ์ต์ ํ์์ผ์ค ์ ์๋ค.https://squoosh.app/ํด๋น squoosh ์ฌ์ดํธ๋ฅผ ํ์ฉํ๋ฉด์ค๋ฅธ์ชฝ ํ๋จ์ ์ถ์ํ ํ๋ฆฌํฐ์์ฌ๋ถ์ ์ฌ์ด์ฆ ์ฌ๋ถ๊ฐ ๋ํ๋๋ค.๊ธฐ์กด kB
์ฌ๋ฌ์ด๋ฏธ์ง๋ ๋ค์ค์ด๋ฏธ์ง ๋๋ ์์์ ์ฌ์ฉํ ๊ฒฝ์ฐ, ์คํฌ๋กค์ ๋ฐ๋ผ ๊ฐ์งํ๋ ๋ฐฉ๋ฒ์ ๋๋ฌด๋๋ ์์ด์ ์ธ ๋ฐฉ๋ฒ์ด๋ผ ์คํ๋ ค ์ต์ ํ๋ ํ๋ฉด๊ตฌํ์ ๋ฐฉํด๊ฐ ๋ ์ ์๋ค.์ด๋ด๋ ์ฌ์ฉํ๋ ๊ฒ์ด ๋ฐ๋กIntersectionObserver๋ผ๋ ๊ธฐ๋ฅ์ด๋ค.IntersectionObserver๋ ๋ทฐ
๋ชจ๋ ํ์ด์ง์์ ์ฌ๋ฌ๊ฐ์ง ๋ผ์ด๋ธ๋ฌ๋ฆฌ๊ฐ ์ ๋ถ ํ์ํ์ง ์๋ค.๋ผ์ด๋ธ๋ฌ๋ฆฌ๋ ๋ง์ ๋ฐ์ดํฐ๋ฅผ ์ฐ๊ฒ๋๊ณ , ๋ ๋๋ง์๊ฐ์ด ๋ ์ค๋๊ฑธ๋ฆฌ๊ธฐ ๋๋ฌธ์ ํ์ด์ง๋ณ๋ก ๋ผ์ด๋ธ๋ฌ๋ฆฌ๋ฅผ ๋๋ ์ ์ฌ์ฉํด์ฃผ๋๊ฒ์ด ์ต์ ํ์ ์ฉ์ดํ๋ค.ํ์ด์ง๋ฅผ ๋ก๋ํ๋ค๋ณด๋ฉด ์ ?๋ญ ๋๋ฌธ์? ๋ก๋ฉ์ด ์ค๋๊ฑธ๋ฆฌ๋์ง ์๋ฌธ์ด ๋ค๋๊ฐ ๋ง๋ค.
๋ง ๊ทธ๋๋ก '๊ฒ์ผ๋ฅธ ์ด๋ฏธ์ง'๋ฅผ ๋ปํ๋ค!์ฆ, ์๋ฒ๋ ์ฌ์ดํธ๊ฐ ์คํ๋ ๋ ๋ชจ๋ ์ด๋ฏธ์ง๋ค์ ํ๋ฒ์ ๋ถ๋ฌ์ค๋ ๊ฒ์ด ์๋, ํ์ด์ง ๋ ๋ฉ์ ๋ฐ๋ผ ์ฒ์ฒํ ๋ถ๋ฌ์ค๋ ๋ฐฉ์์ด๋ค.์ด๋ฏธ์ง ์ต์ ํ๋ฅผ ์ฌ์ฉํ๋ฉด ์ด๊ธฐ ์ง์ ์ ์ ์ ๊ฐ ํ์ด์ง๋ฅผ ๋ ๋นจ๋ฆฌ ์ ํ ์ ์๊ณ , ๋ฐ์ดํฐ์ ๋ญ๋น๋ฅผ ์ค์ผ ์ ์๋ค.
์๋ง์ ์๋ฌ๋ฅผ ์ ํ๋ฉด์ ๊ทธ๋ฆฌ๊ณ ๊ทธ ํด๊ฒฐ๊ณผ์ ์ ๊ฒช์ผ๋ฉด์, ์ค์ค๋ก๊ฐ ์กฐ๊ธ ๋ ์ฑ์ฅํ๋จ ๊ฒ์ ๋ฟ๋ฏํจ๊ณผ ์์ฌ์ด ๋ ์๊ธฐ๊ธฐ ์์ํ๋ค. ์ฒ์์ ์ ๊ณต์๋ ์๋ ์ฉ๋ฆฌ๊ฐ ๋ญ ํ ์ ์๊ฒ ๋๋ ์์ ๋ฌด์๊ฐ ์ซ์ด์ ๋ ์ฐพ์๋ณด๊ณ ํํค์น๊ณ ๋ ธ๋ ฅํ๋ ๊ฑด๋ฐ, ์ด๋์๊ฐ '๋ฌด์'๊ฐ '์ธ์ '์ผ๋ก ๋ฐ๋์
๊น ํด๋ก ์์ ์ ํ๋ ์คnpm ci๋ฅผ ๋๋ ์ ๋ฟ์ธ๋ฐ ๊ฐ์๊ธฐ ์ค์น์ค ์ค๋ฅ๊ฐ ๋ฌ๋คnode-sass npm ERR! command failedํด๋น ์ค๋ฅ๋ sass ๋ฒ์ ์ด ํธํ๋์ง ์์์ ์ผ์ด๋๋ ๋ฌธ์ ๋ผ๊ณ ํ๊ธฐ์ node๋ฅผ ์๋ก ์ค์นํ๊ฑฐ๋ ๊ทธ๋ฅ node-sass ๋ฅผ ์ ๋ฐ์ดํธ ํด
์ด๋ฉ์ผ (@) ํ์์ ์ฒดํฌํ๋ ์ ๊ท์ ํํ์ ๊ท์ ํํ์ regEmail์ ๋ด์์ค ํ test๋ฅผ ํ์ฉํด ์ด๋ฉ์ผ์ ์ ํจ์ฑ์ ๊ฒ์ฌํด์ฃผ๋ฉด ๋๋ค
scroll-behavior ํญ๋ชฉ์ smooth๋ฅผ ๋ฃ์ด์ฃผ๋ฉด์ ์ฒด ์คํฌ๋กค์ด๋ ํ๋ฉด์ด ๋ถ๋๋ฝ๊ฒ ์ด์ด์ง๋ค.์์>