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

ํ”„๋ก ํŠธ์—”๋“œ(Front-end)/TypeScript2

TypeScript์—์„œ์˜ ํŽ˜์ด์ง€ ์ด๋™ : Link next/link//components/Header.tsximport React from "react";import Link from "next/link";import styles from "../styles/Header.module.css";const Header=()=>{ const username="์ฝ”์ž๋Š” ์•Œ๋ฐ”์ƒ์˜ ๋ฉ”๋ชจ์žฅ"; return ( {username} Home )}export default Header; Next.js์—์„œ ํด๋ผ์ด์–ธํŠธ ์ธก ๋‚ด๋น„๊ฒŒ์ด์…˜์„ ์ œ๊ณตํ•˜๋Š” ์ปด.. 2025. 3. 29.
ํƒ€์ž…์Šคํฌ๋ฆฝํŠธ(TypeScript) ๊ธฐ์ดˆ ํƒ€์ž…์Šคํฌ๋ฆฝํŠธํƒ€์ž…์Šคํฌ๋ฆฝํŠธ(TypeScript)๋Š” ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ์— ์ •์ ์ธ ํƒ€์ž… ๊ฐœ๋…์„ ๋„์ž…ํ•œ ์–ธ์–ด์ด๋‹ค.์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ์—์„œ ๋™์ ์œผ๋กœ ๊ด€๋ฆฌ๋˜๋˜ ํƒ€์ž…์„ ์—„๊ฒฉํ•˜๊ฒŒ ๊ด€๋ฆฌํ•˜๋ฉฐ, JS๋Š” ์—†๋Š” Interface, Enum, Generic๊ณผ ๊ฐ™์€ ํƒ€์ž…, ๋ฌธ๋ฒ•์„ ์ œ๊ณตํ•œ๋‹ค. ํƒ€์ž…์Šคํฌ๋ฆฝํŠธ ํŒŒ์ผ(.ts)์€ ๋ธŒ๋ผ์šฐ์ €์—์„œ ํŒŒ์‹ฑํ•˜๊ณ  ์‹คํ–‰ํ•  ์ˆ˜ ์—†๊ธฐ ๋•Œ๋ฌธ์— ๋ธŒ๋ผ์šฐ์ €์—์„œ ์‚ฌ์šฉํ•  ์ˆ˜ ์žˆ๋Š” ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ํŒŒ์ผ๋กœ ํŠธ๋žœ์ŠคํŒŒ์ผ์„ ํ•ด์•ผํ•œ๋‹ค. Visual Studio Code๋‚˜ Intellij๋Š” ๋‚ด๋ถ€์—์„œ ์ฝ”๋“œ๋ฅผ ๋ถ„์„ํ•ด ์ •์ ์œผ๋กœ ํƒ€์ž…์„ ๋ถ„์„ํ•ด์ค€๋‹ค๊ณ  ํ•œ๋‹ค. ํœด~์‹ค์ œ๋กœ ํŠธ๋žœ์ŠคํŒŒ์ผ์„ ํ•˜๋ ค๋ฉด pm์ด๋‚˜ IDE ํ”Œ๋Ÿฌ๊ทธ์ธ์„ ํ†ตํ•ด ํŠธ๋žœ์ŠคํŒŒ์ผ๋Ÿฌ๋ฅผ ์„ค์น˜ํ•  ์ˆ˜ ์žˆ๋‹ค. //typescript.tsfunction add(a: number, b: number) { return a + .. 2025. 3. 26.

ํ‹ฐ์Šคํ† ๋ฆฌํˆด๋ฐ”