js ๊ณต๋ถํ๋ฉด์ ์ ๋ฆฌํด๋์ ๊ฒ๋ค ๋ธ๋ก๊ทธ์ ์ฎ๊ธฐ๊ธฐ~๐ค๊ธฐ์กด ๊ฐ์ฒด๋ฅผ ์๋ก์ด ๋ณ์์ ๋ฃ์ ๊ฒฝ์ฐ,์๋ก์ด ๋ณ์ ์์ ๋ด๊ธด ๊ฐ์ฒด์ ๊ฐ์ด ๋ณ๊ฒฝ๋๋ฉด ๊ธฐ์กด ๊ฐ์ฒด์ ๊ฐ๋ ๋ฐ๋๋ค.shallow copy(์์ ๋ณต์ฌ)์ ๋ฌธ์ ์ ๊ฐ์ฒด ๋ด ๋ ๋ค๋ฅธ ๊ฐ์ฒด๊ฐ ์๋ค๋ฉด ๋ณต์ฌ๋์ง ์๋๋ค.deep copy๊น
์๋๋ฐ๋ก ์์ฑํ๋ค,,์๋์ฐ : GUI๋ฆฌ๋ ์ค : CUI(CLI) โ CUI๊ฐ ๋ ํธํด์ ๋ฆฌ๋ ์ค ๋ง์ด ์ฌ์ฉํ๋ค.๋ฆฌ๋ ์ค๋ ์ข ๋ฅ๊ฐ ๋ง์ aws, centOS, ubuntu, redhat ๋ฑ๋ฑEC2 : AWS์์ ์๋ฒ๋ฅผ ๋ถ๋ฅด๋ ์ด๋ฆ(๋ฆฌ๋ ์ค, ์๋์ฐ ๋ ๋ค ๊ฐ๋ฅ)GCP : ๊ตฌ๊ธ์
<span style="color:store์ ์ ์ฅ๋ state๋ฅผ storage์ ์ ์ฅํ๊ธฐ ์ํด redux-persist๋ฅผ ์ฌ์ฉํ๋ค.๋ค๋ค RTK์ redux-persist์ ์ ์ฉํ๋ ๊ฑธ ๋๋ฌด ์ด๋ ต๊ฒ ์ค๋ช ํด๋จ๋๋ฐ ์ง์ง ๋ณ๊ฑฐ ์๋์์์ ์์ฑํ store.ts์ ์๋
๋ฉด์ ์ ์ข ๋ด๋ณธ ํ๋ก ํธ์๋๋ผ๋ฉด let๊ณผ var์ ์ฐจ์ด๊ทธ๋ฆฌ๊ณ ๊ทธ์ ๋ฐ๋ฅธ ๊ผฌ๋ฆฌ ์ง๋ฌธ์ผ๋ก ํธ์ด์คํ ์ ๋ํ ๊ฒ์ ํ ๋ฒ์ฏค? ๊ฒฝํํด ๋ดค์ ๊ฑฐ๋ผ ์๊ฐํ๋ค์ด๊ฒ์ ๋ํด ๊ฐ์ฅ ์ ์ ๋ฆฌ๋์ด ์๋ ์ ํ๋ธ๋ฅผ ๋ฐ๊ฒฌํ๊ณ ๊ทธ ์์์ ๋๋ฅผ ์ํด ์ด๋ ๊ฒ ์ ๋ฆฌํ๋ค๋๋ฅผ ํ๋ค๊ฒ ํ๋ ํธ์ด์คํ ๊ณผ let,,
ํท๊ฐ๋ ค์ ๋ค์ ์ ๋ฆฌํ๋ TypeScript,,,๐<span style="background-color:- ์๊ฒฉํ ํ์ ์ฒดํฌ๊ฐ ๊ฐ๋ฅํ๊ณ , ํ์ ์ ์ง์ ๊ฐ๋ฅ์ฝ๋๊ฐ ์คํ๋๊ธฐ ์ , ์ปดํ์ผ ์๋ฌ ๋ฏธ๋ฆฌ ํ์ธadd(a, b)JavaScript : ๋ฌธ์์ด + ๋ฌธ์์ด = ๋ฌธ์์ด
์๋ฏธ์๋ ๋ฐ๋ณต์ ์ค์ด๊ณ ํ์ ์ ๋ช ์์ ์ผ๋ก ์ฌ์ฉํ๋๋ก ๋๋๋คlet, const๋ฅผ ์ ์ธํด ๋ณ์๋ฅผ ์ด๊ธฐํ ํ๋ฏ์ด type ํค์๋๋ก ์ฌ์ฉ ๊ฐ๋ฅinterface์ type์ ์ฐจ์ดinterface๋ ์ปดํ์ผ๋ฌ๊ฐ ์ถ๋ก ํ๋ ค ํ์ง๋ง type์ ์ถ๋ก ํ์ง ์์interface๋ ๊ตฌ์กฐํ ๋ฐ
enum ํค์๋ + PascalCase ์กฐํฉ์ผ๋ก ์์ฑ์๋ฏธ์๋ ์์ ์๋ฃ๋ฅผ ์ ์ํ ์ ์๋ค => ๋ฌธ์ํํค๋ฅผ ๊ฐ์ด ํ ๋นํ๋ฉฐ ์์๊ฐ ์๋ ์งํฉ์ด์ ์๋ฃ๊ตฌ์กฐ๊ณ์ฐ๋ ๊ฐ ์ฌ์ฉ ๊ฐ๋ฅ(ํ์ ์คํฌ๋ฆฝํธ๊ฐ ์์์ ์ถ๋ก )์ปดํ์ผ ์ ์ฌ๋ผ์ง๋ Interface์ ๋ฌ๋ฆฌ <span style=
ํ์ ๊ฐ๋ ํ์ ์ ์ขํ๊ฐ๊ธฐ ์ํ ๊ณผ์ ์ด๋ค. any์ ๊ฐ์ ๋์ ๋ฒ์์ ํ์ ์ ์ขํ๊ณ ๊ทธ๋ก ์ธํด ํ์ ์คํฌ๋ฆฝํธ๋ฅผ ๋์ฑ ์์ ์ ์ผ๋ก ์ฌ์ฉํ ์ ์๋ค. typeof javascript์์ ์ด๋ฏธ ์กด์ฌํ๋ ํ์ ๊ฒ์ฌ ์ฐ์ฐ์ ๊ธฐ๋ณธํ(Primitive) ํ์ ์ ํ์ ๊ฐ๋ํ ๋ ์ฉ์ด
JavaScript์๋ ์กด์ฌํ์ง ์์ ๊ฐ์ฒด์ ํ์ ์ ์ ์ํ๊ณ ์๊น์๋ฅผ ๊ฐ์ง๋๋ก ํ ์ ์์ extens๊ฐ ์๋ implements ํค์๋๋ก ๊ตฌํ TypeScript์์์ ํด๋์ค ๊ธฐ๋ฅ์ C#์์ ์ ๋๋ ๊ฒ์ด ๋ง์ ์ผ๋ถ ๊ธฐ๋ฅ์ TS์์๋ง ์กด์ฌํ๋ ๊ณ ์ ๋ฌธ๋ฒ์ผ๋ก ์ปดํ์ผ ํ
Class class + ํ์ค์นผ ์ผ์ด์ค(pascal case) + {} JavaScript : ES2015์ ์๋ก์ด ๋ฌธ๋ฒ TypeScript : C#์์ ์ ๋๋ ๊ฒ์ด ๋ง์ ์ผ๋ถ ๊ธฐ๋ฅ์ TS์์๋ง ์กด์ฌํ๋ ๊ณ ์ ๋ฌธ๋ฒ์ผ๋ก ์ปดํ์ผ ํ ์ฌ๋ผ์ง ํ๋ ์ผ์ข ์ ์์ฑ contruc
์ฐธ ๋ง์ด ๋ถ์กฑํ๋ค ๋งค๋ฒ ๋๋ผ์ง๋ง ๋๋ฌด ๋ถ์กฑํ๋ค์์ฆ ์ฝ๋ ๋ธ๋ก๊ทธ๊ฐ ์๋๋ฐ ์ด๋์ ๊ทธ๋ ๊ฒ ๋ง์ ๋ผ์ด๋ธ๋ฌ๋ฆฌ๋ฅผ ์๋ ๊ฑด์ง ๋ชจ๋ฅด๊ฒ ๋ค์ด์ฏค ๋๋ฉด ๋ฆฌ์กํธ๋ ๋ผ์ด๋ธ๋ฌ๋ฆฌ ์ธ์์ธ๊ฐ? ๋๊ฐ๋๊ฐ ๋ ํจ์จ์ ์ธ ๋ผ์ด๋ธ๋ฌ๋ฆฌ ์ฐ๋~ํ์ ์คํฌ๋ฆฝํธ๋ ๊ณต๋ถ๋ ํด์ผ ํ๋๋ฐ,,ํ์ค๋ ์ ๋ง ๊ธฐ์ด์ ์ธ ๋นจ๊ฐ ์ค ์
node : ๋ธ๋ผ์ฐ์ ๋ฐ์์ ์๋ฐ์คํฌ๋ฆฝํธ๋ฅผ ์คํํ ์ ์๊ฒ ํด์ฃผ๋ ์๋ฐ์คํฌ๋ฆฝํธ ์คํ ํ๊ฒฝ npm : Package Manager, node๋ฅผ ์ค์นํ๋ฉด ์๋์ผ๋ก ์ค์น๋จ ๋ผ์ด๋ธ๋ฌ๋ฆฌ๋ฅผ ์ฝ๊ฒ ์ค์นํ๊ณ ๋ฒ์ ๊ด๋ฆฌํ ์ ์๊ฒ ํด์ค npm์ ์ฌ์ฉํ๋ฉด package.json์ด๋ผ
ํ๋ฃจ์ ์ฝ๋ฉํ ์คํธ๋ง 3๋ฒ์ ๋ดค๋ค์ -์ผ ์ด๋ ค์ ๋ ๊ฑด ํ ์คํธ๊ณ ๋ฆด๋ผ๋ค๋ชจ๋ ์ง๋ฌธ์ด ์์ด๊ณ ์ ํํ๋ ๊ฐ๊ด์ ๋ง์ ์์ด๋ค ใ ใ ์ฟ ใ ๋ฒ์ญ๊ธฐ ํ์..์ฝ๋ฉํ ์คํธmbti (์ง์ง mbti ํ ์คํธ๊ฐ์์)์ํ ๋ฌธ์ (์์ ์ด์ฐ๊ตฌ ์ ์ฐ๊ตฌ ์ผ๋ A์ B๊ฐ ๋ง๋๋ ์ง์ ์? ๊ฐ์ ๋ฌธ์ )React ๊ด
Next.js ๋ค์ํ ๊ธฐ๋ฅ layout ํจํด components ํด๋์ Layout.js ๋ง๋ค์ด NavBer, Header ๋ฑ ๊ณตํต์ผ๋ก ์ฌ์ฉํ๋ ๊ฒ์ ๋ฃ๋๋ค. ๊ณตํต์ผ๋ก ์ฌ์ฉํ๋ ๊ฒ์ _app.js์ ์์ฑํด๋ ๋์ง๋ง, ๋์ค์ ์ผ๋ก app.js๋ฅผ ํฌ๊ฒ ํ๊ธฐ๋ณด๋จ Layout
์ Nextjs ๋ญ๋๋ผ~ ๋ถ๋ช ํ ์ผ์๋๋ฐ~๋ค์ ์ด๋ค~์ฝ๊ฒ ํ์ด ๋งํ๋ฉด ๋ผ์ด๋ธ๋ฌ๋ฆฌ(Library) : ๋จ์ ํ์ฉ๊ฐ๋ฅํ ๋๊ตฌ๋ค์ ์งํฉ ๊ฐ์ ๋๋๋ด๊ฐ ์ฌ์ฉํ๊ณ ์ถ์๋ ์ฌ์ฉํ๊ณ ์ฌ์ฉํ๊ณ ์ถ์๊ฑฐ ์ฌ์ฉํ๋ฉด ๋๋ค.ํ๋ ์์ํฌ(Framework) : ํ๋ ์์ํฌ๊ฐ ์ ํ ๊ท์น๋๋ก ์ฌ์ฉํด์ผ
๊ฟ ๋จน์ ๋ฒ์ด๋ฆฌ๊ฐ ๋์ง ์๊ธฐ ์ํ ์ฐจ๊ทผ์ฐจ๊ทผํ ๋ ธ๋ ฅ #1 ํฌํธ(Port) IP ์ฃผ์์ ํจ๊ป ํ๊ธฐํ๋ ์์ : http://000.000.000.000:21 http : ํ๋กํ ์ฝ 000.000.000.000 : IP ์ฃผ์ :num : ํฌํธ ๋ฒํธ ํฌํธ(port)๋ ๋ณดํต
Cloudinary๋ ํด๋ผ์ฐ๋ ๊ธฐ๋ฐ์ ์ด๋ฏธ์ง ๋ฐ ๋น๋์ค ๊ด๋ฆฌ ์๋น์ค์ด๋ค. ์ด๋ฏธ์ง๋ ๋น๋์ค๋ฅผ ๊ทธ๋ฅ ์ ๋ก๋ ํ๋ ๊ฒ์ด ์๋๋ผ ๋ณํํ์ฌ ๋ ๋น ๋ฅด๊ฒ ๋ก๋ฉํ ์ ์๊ณ ,๋ณํ ์ ํ๋ฆฌํฐ๋ ์๊ฐ์ ์ผ๋ก ์ํฅ์ ์ฃผ์ง ์์ผ๋ฉฐ ์๋์ผ๋ก ์ด๋ฏธ์ง๋ ๋น๋์ค๋ฅผ ๋ค๋ฅธ ๋ฒ์ ์ผ๋ก ๋ง๋ค ์ ์๊ฒ ํ๋ค.์ผ
Firebase๋ ๊ตฌ๊ธ์์ ์ง์ํ๋ฉฐ ์ดํ๋ฆฌ์ผ์ด์ ๊ฐ๋ฐ ํ๋ ํผ์ด๋ค.๋น๋ํ๊ณ ์ดํ๋ฆฌ์ผ์ด์ ์ ์ฑ์ฅํ ์ ์๊ฒํ๊ณ ๊ฒ์์ ๋ง๋ค ์ ์๋๋ก ๋์์ค๋ค.Firebase๋ ๋น๋ ๋จ๊ณ๋ถํฐ ์์ํด์ ๋ฐฐํฌ ํ๊น์ง ๋ชจ๋ ํ๋ก์ธ์ค์์ ํ์ํ ๊ฒ๋ค์ ๋ด๊ณ ์๋ค.๋น๋ : Firestore, Au
Git Git : ๋ค์ด๋ฐ์ ์ค์นํด์ ์ฌ์ฉํ๋ ํ์ ๊ด๋ฆฌ ๋๊ตฌ(Configuration Management Tool) ํ๋ก๊ทธ๋จ GitHub : Git์ ๊ธฐ๋ฐ์ผ๋ก ์ฌ๋ฌ ๊ฐ์ง ์๋น์ค๋ฅผ ์ ๊ณตํ๋ ์จ๋ผ์ธ ์๋น์ค Git ์ฌ์ฉํ๊ธฐ 1. Git ์ค์น Homebrew ํ์ด์ง์์ ์ค
์ค๋ Vue ๊ฐ์๋ฅผ ๋ค ๋ค์๋ค,,์ข ๊ตต์งํ ๊ฒ๋ค์ ๋๋ฆ? ๋ค ๋ค์ ๊ฒ ๊ฐ๋ค์ ์ด๋ ๊ฒ ์ค๋ ๋์๋ ์์ฑ ๋ ํ๊ณค ํ์ง๋ง ์ด์ ์ ๋ค์ ์๊ฐํด๋ณด๋ฉด๊ทธ๋๋ ๋๋ฅผ ์ํด ์ฌ์ด๋ ๋๋, ์ด๋งํ ์๊ฐ์ด์๋ ๊ฑฐ ๊ฐ๋คVue ๊ฐ์๊ฐ ๋๋๊ฐ ๋์ฏค Vue๊ฐ ๋๋๋ฉด ๋ญ๋ถํฐ ์์ํด์ผ ํ๋ ๋ง๋งํ๋๋ฐ