์ ์ฒด ๊ธ118 [TS] : .d.ts @types ๋ผ์ด๋ธ๋ฌ๋ฆฌ TS ๋ @types ๋ผ์ด๋ธ๋ฌ๋ฆฌ๋ฅผ ์ด์ฉํด์ ์ธ๋ถ ๋ผ์ด๋ธ๋ฌ๋ฆฌ์ ๋ํ ํ์ ์ ๋ณด๋ฅผ ์ ๊ณตํ๋ค !! ์์ ์๋ ์๋ง์ ๋ผ์ด๋ธ๋ฌ๋ฆฌ์ ๋๋ ํ ๋ฆฌ์ ๋ค์ด๊ฐ๋ณด๋ฉด ์์ฒญ๋๊ฒ ๋ง์ .d.ts ํ์ผ๋ค์ ๋ณผ ์ ์๋ค. .d.ts ? ์ ํ์ผ์ JS์ ๋ผ์ด๋ธ๋ฌ๋ฆฌ๋ฅผ TS์ ์ฝ๋์์ ์ฌ์ฉํ ์ ์๊ฒ ํด์ฃผ๋ ๋ ์์ด๋ค. import ํ๊ณ ์ถ์ JS ์ ๋ผ์ด๋ธ๋ฌ๋ฆฌ๊ฐ ์๋ค๋ฉด ํด๋น ๋ผ์ด๋ธ๋ฌ๋ฆฌ๊ฐ ์ด๋ค ํ์ ์ ๋ณด๋ฅผ ์ฌ์ฉํ๋์ง .d.ts ํ์ผ์ด ํ์ ์ ์ ์ํด ์ฃผ๋ ๊ฒ์ด๋ค. ๊ทธ๋ ๊ฒ TS ์์ JS์ ๋ผ์ด๋ธ๋ฌ๋ฆฌ๋ฅผ ์ฌ์ฉํ ์ ์๊ฒ ๋๋ค. .d.ts ํ์ผ์ ํตํด tsc ๋ ๋ค์ ์ ๋ณด๋ฅผ ์ ์ ์๋ค. ์ธ๋ถ ๋ผ์ด๋ธ๋ฌ๋ฆฌ์ ํจ์ ํ์ ์ ๋ณด ์ธ๋ถ ๋ผ์ด๋ธ๋ฌ๋ฆฌ ํด๋์ค ํ์ ์ ๋ณด ์ธ๋ถ ๋ผ์ด๋ธ๋ฌ๋ฆฌ ๊ฐ์ฒด ํ์ ์ ๋ณด ๊ทธ๋ฌ๋ JS์์ ์ฌ์ฉํ๋ ๋ผ์ด๋ธ๋ฌ๋ฆฌ๋ฅผ .. 2023. 8. 17. [TS] : tsconfig.json tsconfig.json ? ์๋ ๋ช ๋ น์ด๋ฅผ ํ์ดํํ์ ๋ ์์ฑ๋๋ ํ์ผ ๋ช . tsc --init TS ํ๋ก์ ํธ์ ์ค์ ํ์ผ์ด๋ผ๊ณ ์๊ฐํ๋ฉด ๋๋ค. ์ฃผ๋ก ํ๋ก์ ํธ์ ์ปดํ์ผ ์ต์ ๋๋ ์ ๋ ฅ ํ์ผ๋ค์ ์ ์ํ๋๋ฐ ์ฌ์ฉ์ด ๋๋ค. tsconfig.json ์ ์ฃผ์ ์ต์ ๋ค compilerOptions - target ๋ด TS ํ๋ก์ ํธ ์ฝ๋๋ฅผ ์ด๋ค ๋ฒ์ ์ JS๋ก ๋ณํํ ์ง ์ ํํ๋ ์ต์ compilerOptions - module TS๊ฐ ์ปดํ์ผ ๋ ํ์ ์์ฑ๋๋ JS์ ๋ชจ๋์ ํ์์ ์ง์ ํด์ฃผ๋ ์ต์ target ๊ณผ๋ ๋ ๋ฆฝ์ ์ธ ๊ด๊ณ์ ์ต์ compilerOptions - outDir ์ปดํ์ผ๋ JS ์ ํ์ผ์ด ์ ์ฅ๋ ์ถ๋ ฅ ๋๋ ํ ๋ฆฌ๋ฅผ ์ง์ ํ๋ ์ต์ ์์๋ก "outDir" : "dir" ๋ผ๋ฉด ์ปดํ์ผ๋ JS ํ์ผ๋ค์ด "dir" ํด๋.. 2023. 8. 17. [TS] : TS์ ์ปดํ์ผ๋ฌ TSC TSC ? ํ์ (T) ์คํฌ๋ฆฝํธ(S) ์ปดํ์ผ๋ฌ(C)์ ์ค์๋ง์ด๋ค. ์ปดํ์ผ๋ฌ ? ์ปดํ์ผ๋ฌ๋ ํน์ ํ๋ก๊ทธ๋๋ฐ ์ธ์ด๊ฐ ์ ์ ์ธ์ด๋ก์์ ์ ์ฒด์ฑ์ ์ ์งํ ์ ์๊ฒ ํ๋ ๋๊ตฌ์ด๋ค. ์ปดํ์ผ๋ฌ๋ ํ๋ก๊ทธ๋๋ฐ ์ธ์ด๋ก ์์ฑ๋ ์์ค ์ฝ๋ → ๋ค๋ฅธ ํ๋ก๊ทธ๋๋ฐ ์ธ์ด๋ก ๋ณํํ๋ ๋๊ตฌ. ์ด๋ฌํ ๋ณํ ๊ณผ์ ์์ ์ปดํ์ผ๋ฌ๋ ์์ค ์ฝ๋์ ๊ตฌ๋ฌธ๊ณผ ๊ตฌ์กฐ๋ฅผ ๊ฒ์ฌํ์ฌ ๋ฌธ์ ๊ฐ ์๋์ง ํ์ธ์ ํด์ค๋ค. ์ด๋ฅผ ํตํด ๊ฐ๋ฐ์๊ฐ ์์ฑํ ์ฝ๋์ ์ค๋ฅ๊ฐ ์๋ ๊ฒฝ์ฐ ๋ฏธ๋ฆฌ ์๋ ค์ฃผ์ด ๋ฌธ์ ๋ฅผ ํด๊ฒฐํ ์ ์๋ค. ์ปดํ์ผ๋ฌ์ ์ญํ ํ์ ๊ฒ์ฌ : tsc๋ ์์ค์ฝ๋์ ์ ์ ํ์ ๊ฒ์ฌ๋ฅผ ์คํํ๋ค. -> ์ข์ ์ : ํ์ ๊ด๋ จ ์ค๋ฅ๋ฅผ ๋ฏธ์ฐ์ ๋ฐฉ์งํ๊ณ ํด๊ฒฐํ ์ ์๋ค. ์ฝ๋๋ณํ : tsc๋ TS ์์ JS ๋ก ์ฝ๋ ๋ณํ์ ํด์ฃผ๊ธฐ๋ ํ๋ค. ์ปดํ์ผ๋ฌ๋ฅผ ์ดํดํ๋ฉด ๋ณํ๋ ์ฝ๋๊ฐ ์ด๋ป๊ฒ ์คํ์ด ๋ ๊ฑด.. 2023. 8. 17. [SQL] : noSQL ๊ณผ RDBMS์ ํน์ง๊ณผ ๊ฐ๊ฐ์ ์ฅ/๋จ์ RDBMS ? ๊ด๊ณํ(Relation) ๋ฐ์ดํฐ(Data) ๋ฒ ์ด์ค(Base) ๊ด๋ฆฌ(Manager) ์์คํ (System) ⇒ ๊ด๊ณํ ๋ฐ์ดํฐ ๋ฒ ์ด์ค๋(RDB) ? : ๋ฐ์ดํฐ๊ฐ ํ๋ ์ด์์ ์ด๊ณผ ํ์ “ํ ์ด๋ธ”์ ์ ์ฅ๋์ด ์๋ก ๋ค๋ฅธ ๋ฐ์ดํฐ๊ตฌ์กฐ๊ฐ ์ด๋ค์์ผ๋ก ์ด๋ฃจ์ด์ ธ ์๋์ง ํ ๋ฒ์ ํ์ ํ๊ธฐ ์ฝ๊ณ , ๋น ๋ฅธ ์ดํด๋ฅผ ํ ์ ์๋๋ก, “์ฌ์ ์ ์ ์๋”๊ด๊ณ๋ก ์ด๋ฃจ์ด์ ธ ์๋ ๋ชจ์์ ๋งํ๋ค. ⇒ ์ฌ์ ์ ์๋ ๊ตฌ์กฐ ? : ๊ฐ ํ ์ด๋ธ์ ๋ฐ์ดํฐ๊ฐ ์์ฑ๋จ์ ๋ฐ๋ผ ๊ณ ์ ํ ๊ฐ์ ๊ฐ์ง๋ PK(๊ธฐ๋ณธํค)์ ๊ฐ์ ๊ฒ๋ค์ ์๋ฏธํ๋ค. PK๋ ์ ์ฅ๋ ๋ฐ์ดํฐ์ ๊ณ ์ ๊ฐ์ผ๋ก ์ค๋ณต๋์ง ์์ผ๋ฉฐ, ํด๋น ํค๋ฅผ ๋ค๋ฅธํ ์ด๋ธ์์ ์๋ก ์ฐธ์กฐํ ์ ์๋ FK(์ธ๋ํค)๋ก๋ ์ฌ์ฉ์ด ๊ฐ๋ฅํ๋ฉฐ, ๋ณต์กํ ๋ฐ์ดํฐ ๊ตฌ์กฐ๋ฅผ ๊ฐ์ง๊ณ ์๋ ํ ์ด๋ธ๋ด์์๋ ์ด FK๋ฅผ ์ด์ฉํ์ฌ ์ฌ๋ฌ ํ ์ด๋ธ๊ณผ์ ๋ฐ.. 2023. 8. 16. [TS] : Type Script ๊ฐ๋ฐํ๊ฒฝ ๊ตฌ์ถ (์์ ํ๋ฉด์ ๋ด์ฉ ์ถ๊ฐ) TS ์ค์น npm i typescript -g TS ์ค์น ํ์ธ ๋ช ๋ น์ด tsc ์ ๋ช ๋ น์ด๋ฅผ ํ์ดํํ์ ๋ ์์๊ฐ์ด ๋์ค๊ฒ ๋๋ค๋ฉด ์ ์์ ์ผ๋ก TS๋ฅผ ํตํด ์์ ์ ์คํํ ์ ์๋ ๊ฐ๋ฐํ๊ฒฝ์ด ๊ฐ์ถฐ์ง ๊ฒ์ด๋ค. #ts #์ค์น #ํ์ธ 2023. 8. 14. [TS] : Type Script TypeScript ? Microsoft ์์ ๊ฐ๋ฐํ ์คํ ์์ค ํ๋ก๊ทธ๋๋ฐ ์ธ์ด. js์ ๋ชจ๋ ๊ธฐ๋ฅ์ ํฌํจ + ์ถ๊ฐ์ ์ธ ๊ธฐ๋ฅ๋ ์ ๊ณต์ ํ๋ค. ๋ฑ์ฅ ์ด์ JS์ ๋จ์ ์ ๋ณด์ํ๊ธฐ ์ํด. JS์ ๋จ์ ? ๋ฐํ์(์คํ๋๋ ์๊ฐ)์ ๊ฒฐ์ ๋๋ ๋ณ์์ ํ์ . ํ์ ์ฒดํฌ๊ฐ ์ฝํ๋ค. => ์) let / const ์ฒ๋ผ ๋ณ์/์์๋ฅผ ๊ตฌ๋ถํ๋ ์ ๋์ ํค์๋๋ง ์ง์์ด ๋๋ค. ๊ทธ๋ ๋ค๋ฉด TS์์๋ ์ด๋ค๊ฐ? 1. ๋ฐํ์์์ ๋ณ์ ํ์ ์ฒดํฌ --> ์ปดํ์ผ ๊ณผ์ ์์ ๋ณ์ ํ์ ์ฒดํฌ JS ์์์ฝ๋ function add(a, b) { return a + b; } const result = add(1, '2'); console.log(result); // 12 console.log('type : ' + typeof result); // .. 2023. 8. 11. ์ด์ 1 ยทยทยท 4 5 6 7 8 9 10 ยทยทยท 20 ๋ค์