728x90
๋ฐ˜์‘ํ˜•

2025/06 7

[React] React์™€ ReactDOM

React์™€ ReactDOM์€ React ์ƒํƒœ๊ณ„์˜ ํ•ต์‹ฌ ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ ๋‘ ๊ฐ€์ง€์ž…๋‹ˆ๋‹ค.์ด ๋‘˜์€ ๋ชฉ์ ์ด ๋‹ค๋ฅด๋ฉฐ, ํ•จ๊ป˜ ์‚ฌ์šฉ๋˜์ง€๋งŒ ์—ญํ• ์ด ๋ช…ํ™•ํžˆ ๋‚˜๋‰˜์–ด ์žˆ์Šต๋‹ˆ๋‹ค.๐Ÿ”น Reactโœ… ์—ญํ• React๋Š” ์ปดํฌ๋„ŒํŠธ๋ฅผ ๋งŒ๋“ค๊ณ  ๊ตฌ์„ฑํ•˜๋Š” ์—ญํ• ์„ ํ•ฉ๋‹ˆ๋‹ค.์ฆ‰, UI๋ฅผ ์ •์˜ํ•˜๊ณ  ๋กœ์ง์„ ๊ตฌ์„ฑํ•˜๋Š” ๋„๊ตฌ์ž…๋‹ˆ๋‹ค.โœ… ์ฃผ์š” ๊ธฐ๋ŠฅReact.createElement(): React ์—˜๋ฆฌ๋จผํŠธ ์ƒ์„ฑuseState, useEffect ๋“ฑ ํ›… ์ œ๊ณตJSX ๋ฌธ๋ฒ•์„ ํ•ด์„ํ•  ๊ธฐ๋ฐ˜ ์ œ๊ณต์ปดํฌ๋„ŒํŠธ ํด๋ž˜์Šค, ํ•จ์ˆ˜ํ˜• ์ปดํฌ๋„ŒํŠธ ๋“ฑ ์ •์˜โœ… ์˜ˆ์‹œjsximport React, { useState } from 'react';function Counter() { const [count, setCount] = useState(0); return setCount(count + 1..

Front/React 2025.06.08

IntelliJ์—์„œ ์ •์˜๋กœ ์ด๋™

๐Ÿ”น ๋‹จ์ถ•ํ‚ค:๊ธฐ๋Šฅ Windows/LinuxmacOS์ •์˜๋กœ ์ด๋™ (Go to Definition)Ctrl + B ๋˜๋Š” Ctrl + ClickCmd + B ๋˜๋Š” Cmd + Click์„ ์–ธ์œผ๋กœ ์ด๋™ (Go to Declaration)Ctrl + B ๋˜๋Š” Ctrl + ClickCmd + B ๋˜๋Š” Cmd + Click๊ตฌํ˜„์œผ๋กœ ์ด๋™ (Go to Implementation)Ctrl + Alt + BCmd + Alt + B ๐Ÿ‘€ ์ธ๋ผ์ธ ๋ฏธ๋ฆฌ๋ณด๊ธฐ (Quick Definition)๐Ÿ”น ๋‹จ์ถ•ํ‚ค:๊ธฐ๋ŠฅWindows/LinuxmacOS์ •์˜ ๋ฏธ๋ฆฌ๋ณด๊ธฐ (Quick Definition)Ctrl + Shift + ICmd + Y ๋˜๋Š” Cmd + Shift + I ์˜ˆ: ํ•จ์ˆ˜ ์ด๋ฆ„ ์œ„์— ์ปค์„œ๋ฅผ ๋‘๊ณ  ์ด ๋‹จ์ถ•ํ‚ค๋ฅผ ๋ˆ„๋ฅด๋ฉด ํŒ์—…์ฐฝ์œผ๋กœ ํ•จ์ˆ˜ ์ •์˜๊ฐ€..

IT์ง€์‹ 2025.06.07

Visual Studio Code F12 / ์ •์˜๋กœ ์ด๋™์ด๋ž€ ?

**“์ •์˜๋กœ ์ด๋™(Go to Definition)”**์€ ํ”„๋กœ๊ทธ๋ž˜๋ฐ์—์„œ ํ•จ์ˆ˜, ๋ณ€์ˆ˜, ํด๋ž˜์Šค ๋“ฑ ์‹๋ณ„์ž์˜ ์„ ์–ธ ์œ„์น˜๋กœ ์ด๋™ํ•˜๋Š” ๊ธฐ๋Šฅ์ด์—์š”. function sayHello() { console.log("Hello!");}sayHello(); // ์ปค์„œ๋ฅผ ์—ฌ๊ธฐ ๋‘๊ณ  F12 ๋ˆ„๋ฅด๋ฉด... sayHello();์— ์ปค์„œ๋ฅผ ๋‘๊ณ  F12๋ฅผ ๋ˆ„๋ฅด๋ฉด์œ„์— ์„ ์–ธ๋œ function sayHello() { ... }๋กœ ์ž๋™์œผ๋กœ ์ ํ”„ํ•ฉ๋‹ˆ๋‹ค.โœ… ์ด ๊ธฐ๋Šฅ์ด ์™œ ์œ ์šฉํ• ๊นŒ?์ฝ”๋“œ ๊ตฌ์กฐ๋ฅผ ๋น ๋ฅด๊ฒŒ ํŒŒ์•…ํ•  ์ˆ˜ ์žˆ์–ด์š”.๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ๋‚˜ ๋ชจ๋“ˆ์—์„œ ์ •์˜๋œ ๋‚ด์šฉ์„ ์ถ”์ ํ•  ๋•Œ ํ•„์ˆ˜์˜ˆ์š”.ํ•จ์ˆ˜๋‚˜ ๋ณ€์ˆ˜์˜ ์ •์˜ ์œ„์น˜๋ฅผ ์ฐพ๋А๋ผ ์Šคํฌ๋กคํ•  ํ•„์š”๊ฐ€ ์—†์Œ.๐Ÿ’ก ํŒ:F12: ์ •์˜๋กœ ์ด๋™Alt + F12: ์ •์˜๋ฅผ ์ธ๋ผ์ธ์œผ๋กœ ๋ฏธ๋ฆฌ ๋ณด๊ธฐCtrl + Click / Cmd + Cl..

IT์ง€์‹ 2025.06.06

Visual Studio Code ํŽธ์ง‘ ๊ด€๋ จ ๋‹จ์ถ•ํ‚ค

โœ‚๏ธ ํŽธ์ง‘ ๊ด€๋ จ ๋‹จ์ถ•ํ‚ค๊ธฐ๋ŠฅWindows/LinuxmacOS์ค„ ์‚ญ์ œCtrl + Shift + KCmd + Shift + K์ค„ ๋ณต์‚ฌShift + Alt + ↓/↑Shift + Option + ↓/↑์ค„ ์ด๋™Alt + ↑/↓Option + ↑/↓์ž๋™ ์ค„ ์ •๋ ฌ (ํฌ๋งท)Shift + Alt + FShift + Option + F์—ฌ๋Ÿฌ ์ค„ ์ปค์„œAlt + ClickOption + Click๋™์ผํ•œ ๋‹จ์–ด ์„ ํƒ ์ถ”๊ฐ€Ctrl + DCmd + D์ „์ฒด ๋™์ผํ•œ ๋‹จ์–ด ์„ ํƒCtrl + Shift + LCmd + Shift + L

IT์ง€์‹ 2025.06.02
728x90
๋ฐ˜์‘ํ˜•