px, rem ๊ฐ์ด ์ด ๊ฒ ์ข
์ข
๋ณด์ด๋๋ฐ ํ๋๋ก ํต์ผํ๋ ๊ฒ ์ข์ ๊ฒ ๊ฐ๋ค
rem์ ์ธ๊ฑฐ๋ผ๋ฉด ๋ชจ๋ฐ์ผ, pc ํด์๋์ ๋ฐ๋ฅธ ํฐํธ ํฌ๊ธฐ๋ฅผ ๊ณ ๋ คํด๋ณด๋ฉด ์ข์ ๊ฒ ๊ฐ๋ค
์ฐจํฌ๋ผ ui์์ prop์ผ๋ก ๋ง์ด ๋ฌ๊ณ ์๋๊ฒ ์ข์ ๊ฑด์ง๋.. ๋ชจ๋ฅด๊ฒ ๋ค
๋์ค์ ๊ณ ๋ คํด๋ณด๊ธธ.. (๋ฆฌํฉํ ๋ง ๋ง์ํ์๋ ๋ฏ)
-> ์ปค์คํ
ํ๊ธฐ๊ฐ ์ฝ์ง ์๊ณ ๋ผ์ด๋ธ๋ฌ๋ฆฌ์์ ์๋ฌ๊ฐ ์๊ธฐ๋ฉด ๊ณ ์น๊ธฐ๋ ์ฝ์ง ์๊ณ ๊ฐ๋
์ฑ ๋ฌธ์ ๋ ์๊ธฐ ๋๋ฌธ์ ์ค๋ฌด์์ ์ธ๋ถ ๋์์ธ ์์คํ
์ ์ ์์ด๋ค..
user.ts?๋ฅผ ์์๋ก ๋ณด๊ธฐ๋ ์ด๋ ต์ง ์๋.. ๊ทธ๋ฅ ํ๋์ฝ๋ฉ ๋ฐ์๋์ ๊ฑฐ ์๋๊ฐ.. ๊ด๋ จํด ์๊ฐํด๋ณด์๊ธธ
ํฐํธ๋ฅผ ๋น๋ํ๋ฉด ์ฉ๋์ด ํฌ๋ค๊ณ ์๋์ด ๋จ๋๋ฐ ํด๊ฒฐํ ๋ฐฉ๋ฒ?
ํฐํธ ์์ฒด๋ฅผ ๋ค๊ณ ์ค๋ฉด ํ๋ก์ ํธ๊ฐ ์ปค์ง๋ ์น ํฐํธ ์ชฝ์ผ๋ก ํ์ด๋ณด์๊ธธ
์์
๋ก๊ทธ์ธ๊ณผ ์ด๋ฉ์ผ ๋ก๊ทธ์ธ ๊ตฌ๋ถ? (ex ์์
๋ก๊ทธ์ธ์ ๋น๋ฐ๋ฒํธ ๋ณ๊ฒฝ์ด ์๋์ด์ผํจ)
์์
๋ก๊ทธ์ธ์ ํ ๋ค์์ ํ ํฐ ๋ฐ๋ ๊ฑด ๋๊ฐ์๋ฐ, ์ ์
๊ฒฝ๋ก๋ฅผ ๊ตฌ๋ถํ๊ณ ์ถ์ ๊ฑด๊ฐ?
๋ค. ํ์ ์์๊น์?
ํ์๊ฐ ์๋ค๊ธฐ ๋ณด๋ค๋ ํ์ด์ง๊ฐ ๋ค๋ฅด๊ฒ ๋ณด์ธ๋ค๋ ๋ช
ํํ ์๊ตฌ์ฌํญ์ด ์๋ ๊ฒ ์๋ ์ํฉ์ผ๋ก ๋ณด์ฌ์ ๊ตณ์ด? ์ถ๋ค
(API PR ์ฝ๋ ๋ฆฌ๋ทฐ)
๋ฒ ์ด์ค ์ธ์คํด์ค ์์ฒด๊ฐ url์ด๋ config๊ฐ ์ง์ ํ๊ณ ๋์ด๊ฐ๋๋ฐ ๊นก์ผ๋ก ๊ฐ์ api์์ ์ง์ ํ๋ ๊ฑฐ ๊ฐ์๋ฐ ์ฌ๋งํ๋ฉด ๊ฐ๋ณ api ํธ์ถ๋ถ์์๋ url, request ๋ฐ๋์ ๋ค์ด๊ฐ ๋ฐ์ดํฐ๋ง ๋๊ธธ ์ ์๋๋ก ๊ตฌ์ฑํ๊ธธ...
config ์ด์ฉ๊ณ ๊ฐ ๋ฒ ์ด์ค ์ธ์คํด์ค์ ์์ด๋ ์๊ด์ด ์์ ๊ฑฐ ๊ฐ์ ๋ณด์ธ๋ค
์ธ์คํด์ค๊ฐ ๋๊ฐ์ธ๋ฐ ๋ฐ๋ณต๋๋ ๊ฑด ์ญ์ ํด์ผ ํ ๊ฒ ๊ฐ๋ค
ํ) 401 ๋จ์ด์ก์ ๋ ํ์
๋ฑ์ ๋์ฐ๊ณ ๋ก๊ทธ์ธ ํ์ด์ง๋ก ์ด๋ํ๋ ๋ก์ง์ด ์ถ๊ฐ๋๋ฉด ์ข์ ๊ฒ ๊ฐ์ต๋๋ค
์๋ฒ ์ชฝ์์ error ๊ฐ์ฒด์ ๋ฃ์ด์ค ๋ฐ์ดํฐ๊ฐ ์๋ ๊ฒ ์๋๋ฉด ๊ตณ์ด ์ปค์คํ
์ ๋ง๋ค์ด์ผํ ์ด์ ๊ฐ ์์ ๊ฑฐ ๊ฐ๋ค (๋ฒก์๋๋ ํ์ํด์ ํ๊ฒ ๋๋ค๋ฉด ํ๋ฉด ์ข์ ๊ฑฐ ๊ฐ๋ค)
์ทจํฅ์ฐจ์ด์ธ๋ฐ, ํ์
์คํฌ๋ฆฝํธ๋ ๋ณด์์ ์ผ๋ก ์ฐ๊ธฐ ์ํจ์ด ํฌ๋ค๊ณ ์๊ฐ์ด ๋๊ธฐ ๋๋ฌธ์ ์ ๋๋ฆญ๋ณด๋ค๋ ํ์
์ผ๋ก ์ง์ ํ๋ ๊ฑธ ์ถ์ฒ๋๋ฆฝ๋๋ค
(๊ณ ์ ๋ ์์์ด๊ณ ์ด๋ค ํ์
์ด ๋ค์ด์ฌ์ง๋ ํ์ํ ์ ์๋ ๋ถ๋ถ์ด๋ ํ์
์ผ๋ก ํ๋ ๊ฑด ์ด๋จ์งํ๋ ์๊ฒฌ!)
์ ๋๋ฆญ์ด any ํ์
๊ณผ ๊ฐ์ ๋๋์ด...?
ใดใด ๋ค๋ฅด๋ค. any๋ ์ ๋ง ์ด์ฉ ์ ์๋ ๊ฒฝ์ฐ ์๋๋ฉด ์ฐ์ง๋ง๊ธธ..
์ค๋ณต๋๋ ์ฝ๋๋ฅผ interface๋ก ์ ์ธํ๊ณ extend๋ก ํ์ฅํ๋ฉด ํ์ฅํ ํ์
์ ์ด๋ฆ๋ง ๋ณด์ด๋๋ฐ ์ ์๋ณด์ฌ์ฃผ๋ ๊ฑธ๊น์?
์ฒ์๋ถํฐ ๋๊น์ง interface๋ง ์ผ์ผ๋ฉด ํฌ๊ฒ ์๊ด์ด ์์ ๊ฑฐ ๊ฐ๊ธดํ๋ฐ..
ํ์
์ ์ฐ๋๊น ๋ณด์ด๊ณ ์ธํฐํ์ด์ค๋ฅผ ์ฐ๋๊น ์๋ณด์ด๋๋ผ๊ตฌ์ฉ..
ํ์คํ ์ด์ ๋ฅผ ๋ชจ๋ฅด๊ฒ ์ด์ ๋ณด๊ณ ๋ต๋ณ๋๋ฆฌ๊ฒ ์ต๋๋น
์ด์ผ๊ธฐ๊ฐ ๋์์ ํ๋ ๋ง์ธ๋ฐ ์์ฑ์ด ๋ค๋ฅธ ๋ ๊ฐ๋ฅผ ํฉ์น ๋๋ ๋ฌด์กฐ๊ฑด ์ธํฐํ์ด์ค์
๋๋ค
๊ธฐ๋ณธ์ ์ธ๊ฑด ์ธํฐํ์ด์ค, ์ธํฐํ์ด์ค๊ฐ ์๋๋ฉด ํ์
์ผ๋ก ์ฐ๊ธธ~!
pr ์ฌ๋ฆด ๋ ํจํค์ง๋ฅผ ๋ฐ๊พผ ๊ฒ ์๋๋ฐ package-lock์ด ๋ณํ๋ค? ์ด๊ฑด ์ฌ๋ฆฌ๋ฉด ์๋จ..
์ฌ๋์ ์ฌ๋ฆฐ ์ํฉ์์๋ node module์ ์ฌ์ค์นํ๋ ๊ณผ์ ์ด ๋ฌธ์ ์ผ ์๋.. ๋๊ฐ์ด ์ค์น๋๋ค๋ ๋ณด์ฅ์ด ์๋ค
๋๊ฑด๋์ด ๋ง์ํ์ ๊ฒฝ์ฐ๊ฐ npm ci์ ๋ฌธ์ ๋ ์๋ ๊ฑฐ ๊ฐ์ต๋๋ค. ์ปค๋งจ๋ ๋ฌธ์ ๋ผ๊ธฐ๋ณด๋ค๋ ํจํค์ง ๋ํ๋์๊ฐ ์๋ ๊ผฌ์ฌ์์ ๊ฐ๋ฅ์ฑ์ด ์ปค๋ณด์
๋กค์
๋ฌธ์ ๊ฐ ์๋์์๊น~ ํ๋ ์๊ฐ!
ํ์ค ๋๋ npm ci, npm i ๋ ์ค ํ๋๋ก ํต์ผํ๋ ๊ฒ ์ข์ ๊ฑฐ ๊ฐ์ต๋๋ค (์ด๋ฐ๋ฐ ์๊ฐ ๋ญ๋นํ๋ ๊ฑด ์๊ฐ ์๊น์ฐ๋๊น ๋ฆฌ์กํธ์ ์ง์คํ๋ค!๋ ๋ง์ธ๋๋ก ใฑใฑ)
ci๋ ์๊ด ์๋๋ฐ ci๋ ์ค์นํ๋ ์๊ฐ์ด ์ข ๋ ๊ฑธ๋ฆด ๊ฑฐ ๊ฐ์์ ๊ทธ๊ฒ ๋จ์ ์ผ ๊ฑฐ ๊ฐ๋ค. ์์ i๋ก ํต์ผํ๋ ๊ฒ ์ข์ง ์์๊น~ํ๋ ์๊ฐ์
๋๋ค
์น์ด๋ ๋ชจ๋ฐ์ผ์ ํ๋ก์ ํธ ์ด์ฐฝ๊ธฐ๋ถํฐ ๊ณ ๋ คํด์ผํ ์ง? ์๋๋ฉด ์น ๋จผ์ ๊ณ ๋ คํ๊ณ ๋ชจ๋ฐ์ผ์ ๊ณ ๋ คํด์ผํ ์ง ๊ถ๊ธํฉ๋๋ค
์ฒ์์ ์ธํ
ํด๋๊ณ ์งํํ๋ ๊ฒ ๋น์ฉ์ด ๋ ๋ค์ด์. ๋ชจ๋ฐ์ผ ๋จผ์ ํ๊ณ pc๋ฅผ ํ๊ธฐ๋ ํ๋๋ฐ ์ด๋ฐ ๊ฒฝ์ฐ pc๋ฅผ ๊ณ ๋ คํ์ง ์๋ ์ฝ๋๋ค์ด ์์ ์ ์์ด ์ด์ฐฝ๊ธฐ๋ถํฐ ๊ณ ๋ คํ๋ ๊ฒ ์ข์๋ณด์ธ๋ค. ๊ทผ๋ฐ ์ด๊ฑด ์ฐ์ ์์๊ฐ ๋ฎ์ ๋ถ๋ถ์ด๋ผ ์๊ฐ์ด ๋๋ค. ์ง๊ธ์ ๊ธฐ๋ฅ ๊ตฌํ์ด ์ค์ํ๋ค๊ณ ์๊ฐ์ด ๋๋ค. ๊ธฐ๋ฅ ํ๋ ๋ ๋ถ์ด๋ ๊ฒ ์ข์ง ์์๊น
์ค์์ดํผ๋ swiper.js๋ผ๋ ๋ง์ด ์ฐ๋ ๋ผ์ด๋ธ๋ฌ๋ฆฌ ์ฐ์๊ธธ ์ถ์ฒ๋๋ฆฝ๋๋ค (๊ทธ๋ฅ ๊ตฌํํ๊ธฐ ์ฝ์ง ์์)
๋ญ๊ฐ ๋ด๋นํ ๊ธฐ๋ฅ์ด ์๋ณด์ด๋ ๋ถ๋ค์ด ์๋๋ฐ, ๊ตต์งํ ๊ธฐ๋ฅ์ ๋งก๋๋ก ๋๋ ์ฃผ์๋ฉด ์ข์ ๊ฑฐ ๊ฐ๋ค
๋ชจ๋ฌ์ ํ๋์ฉ๋ง ๋ฌ๋ค๋ฉด ์ฐจํฌ๋ผ ui์์ ์ ๊ณตํด์ฃผ๋ ๊ฑฐ ์จ๋ ํฌ๊ฒ ๋ฌธ์ ์์ ๊ฑฐ ๊ฐ๋ค
์ด์๊ฐ ์๊ธด๋ค๋ฉด ๋ญ ์ปดํฌ๋ํธ์์ ๋ชจ๋ฌ์ ๋์ฐ๋๊ฐ ํ๋ ์์ผ๋ก ํ๋ฉด ๋์ง ์์๊น,,
jwt ํ ํฐ์ ํ์๋ก ํ์ง ์๋ ์์ฒญ์์ ๋ด์์ ๋ฌ๋ ์๊ด์ด ์๋์?
์๊ด ์์ ๊ฑฐ ๊ฐ๋ค ๊ทธ๊ฑธ ๋ฝ์ ์ฐ๋ ๊ฑด ์๋ฒ ์ชฝ์ด๊ธฐ ๋๋ฌธ์
vscode์์ ๊ฐ๋ก์ค? ์๊ธฐ๋ ๊ฑฐ ์ด์บํ์
จ๋์ง..
Indenticator ์ต์คํ
์
์
๋๋ค