๋ณธ๋ฌธ ๋ฐ”๋กœ๊ฐ€๊ธฐ

์ „์ฒด ๊ธ€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.