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

๋ถ„๋ฅ˜ ์ „์ฒด๋ณด๊ธฐ213

PoeimaWeb) HTML5_2~3(๊ธฐ๋ณธ๋ฌธ๋ฒ•, ์‹œ๋ฉ˜ํ‹ฑ, ๊ฒ€์ƒ‰์—”์ง„) ์ถœ์ฒ˜https://poiemaweb.com/1. HTML5HyperText Markup Language๋Š” ์›นํŽ˜์ด์ง€๋ฅผ ๊ธฐ์ˆ ํ•˜๊ธฐ ์œ„ํ•œ Markup ์–ธ์–ด์ด๋‹ค.๋‚ด์šฉ, ๊ตฌ์กฐ๋ฅผ ๋‹ด๋‹นํ•˜๋Š” ์–ธ์–ด๋กœ HTML ํƒœ๊ทธ๋ฅผ ํ†ตํ•ด ์ •๋ณด๋ฅผ ๊ตฌ์กฐํ™”ํ•  ์ˆ˜ ์žˆ๋‹ค.HTML5๋Š” 2014๋…„ 10์›” 28์ผ์— ํ™•์ •๋œ ์ฐจ์„ธ๋Œ€ ์›น ํ‘œ์ค€์ด๋ฉฐ ์•„๋ž˜์˜ ๊ธฐ๋Šฅ์ด ์ถ”๊ฐ€๋˜์—ˆ๋‹ค.๊ธฐ๋Šฅ์„ค๋ช…๋ฉ€ํ‹ฐ๋ฏธ๋””์–ด๋ณ„๋„์˜ ํ”Œ๋Ÿฌ๊ทธ์ธ ์—†์ด ๋ฉ€ํ‹ฐ๋ฏธ๋””์–ด ๊ธฐ๋Šฅ ์ž์ฒด ์ง€์›๊ทธ๋ž˜ํ”ฝ2์ฐจ์› ๊ทธ๋ž˜ํ”ฝ(SVG, ์บ”๋ฒ„์Šค), 3์ฐจ์› ๊ทธ๋ž˜ํ”ฝ(CSS, WebGL) ์ง€์›ํ†ต์‹ ์„œ๋ฒ„์™€์˜ ์†Œ์ผ“ ํ†ต์‹  ์ง€์›์œผ๋กœ ์„œ๋ฒ„์™€์˜ ์–‘๋ฐฉํ–ฅ ํ†ต์‹ ๊ฐ€๋Šฅ๋””๋ฐ”์ด์Šค ์ ‘๊ทผ์นด๋ฉ”๋ผ, ๋™์ž‘ ์„ผ์„œ ๋“ฑ ํ•˜๋“œ์›จ์–ด ๊ธฐ๋Šฅ ์ง์ ‘ ์ œ์–ด ๊ฐ€๋Šฅ์˜คํ”„๋ผ์ธ ๋ฐ ์ €์žฅ์†Œ์˜คํ”„๋ผ์ธ์—์„œ๋„ ์• ํ”Œ๋ฆฌ์ผ€์ด์…˜ ๋™์ž‘ ๊ฐ€๋Šฅ(HTML5๊ฐ€ ํ”Œ๋žซํผ ์‚ฌ์šฉ๋  ์ˆ˜ ์žˆ์Œ ์˜๋ฏธ)Semantics ํƒœ๊ทธ์š”์†Œ์˜ ์˜๋ฏธ๋ฅผ.. 2024. 6. 16.
24๋…„ ์ƒ๋ฐ˜๊ธฐ ํšŒ๊ณ  1. ๊ณ ๋ฏผ์ด ๋งŽ์•˜๋˜ ์ƒ๋ฐ˜๊ธฐ์˜ค๋žœ๋งŒ์˜ ๋ธ”๋กœ๊ทธ ํฌ์ŠคํŒ…์„ 24๋…„ ์ƒ๋ฐ˜๊ธฐ ํšŒ๊ณ ์™€ ํ•จ๊ป˜ ํ•ด๋ณด๋ ค๊ณ  ํ•œ๋‹ค!์šฐ์„  ์˜ฌํ•ด ์ง€๊ธˆ๊นŒ์ง€ ํ•œ ์ผ์„ ์กฐ๊ธˆ ๋ชฉ๋กํ™” ํ•ด๋ณด๋ฉด- GoogleDeveloperStudentClubs ํ™œ๋™- Googld Solution Challenge ์ฐธ๊ฐ€- ์บก์Šคํ†ค ๋””์ž์ธ 12์ธ ํ”„๋กœ์ ํŠธ ์ง„ํ–‰ ์ค‘- Spirokit ์™ธ์ฃผ ์ž‘์—… 1๋…„ ๊ณ„์•ฝ ์™„๋ฃŒ- VisionUp ํ”„๋กœ์ ํŠธ์™€ ํ•จ๊ป˜ 2024 ์„œ์šธ ์—ด๋ฆฐ๋ฐ์ดํ„ฐ๊ด‘์žฅ ๊ณต๊ณต๋ฐ์ดํ„ฐ ํ™œ์šฉ ์ฐฝ์—…๊ฒฝ์ง„๋Œ€ํšŒ ์ฐธ๊ฐ€-  Monit ํ”„๋ก ํŠธ์—”๋“œ ์ธํ„ด ์‹œ์ž‘ (2์ผ ์ „) ์ด์ •๋„์ธ ๊ฒƒ ๊ฐ™๋‹ค. ์˜ฌ ํ•œํ•ด๋ฅผ ์‹œ์ž‘ํ•˜๋ฉด์„œ ์‚ฌ์‹ค ์ปค๋ฆฌ์–ด์— ๋Œ€ํ•œ ๊ณ ๋ฏผ์„ ์ •๋ง ๋งŽ์ด ํ–ˆ์—ˆ๋‹ค.๋ฐฑ์—”๋“œ, ํ”„๋ก ํŠธ์—”๋“œ, Flutter๋กœ ๋ชจ๋ฐ”์ผ ๊ฐœ๋ฐœ, AI, ...ํ•˜๊ณ  ์‹ถ์€ ๊ฒƒ๋„ ๋งŽ๊ณ  ๋ญ”๊ฐ€ ํ•ด์•ผํ•  ๊ฒƒ๋งŒ ๊ฐ™์€ ๊ฒƒ๋„ ๋งŽ์•„์„œ ๋จธ๋ฆฌ๊ฐ€ ์•„ํŒ ์—ˆ๋‹ค. ํ•˜์ง€๋งŒ.. 2024. 6. 16.
[React] 16. ์ปดํฌ๋„ŒํŠธ ์ „ํ™˜ํšจ๊ณผ ๋ถ€์—ฌํ•ด์ฃผ๊ธฐ ์ด์ „ ๊ธ€ โ–ผ ๋”๋ณด๊ธฐ 0. 2023.05.05 - [๐ŸŒŒ | WEB DEV/React] - [React] 0. React๋ฅผ ์‚ฌ์šฉํ•˜๋Š” ์ด์œ  & ์ดˆ๊ธฐ ์„ธํŒ… 1. 2023.05.07 - [๐ŸŒŒ | WEB DEV/React] - [React] 1. JSX 2. 2023.05.26 - [๐ŸŒŒ | WEB DEV/React] - [React] 2. state (๋ณ€์ˆ˜, array, object) 2-1. 2023.05.27 - [๐ŸŒŒ | WEB DEV/React] - [React] 2-1. array state ์ •๋ ฌํ•˜๊ธฐ ( .sort()ํ™œ์šฉ) 3. 2023.05.28 - [๐ŸŒŒ | WEB DEV/React] - [React] 3. ์ปดํฌ๋„ŒํŠธ (Component) 4. 2023.05.28 - [๐ŸŒŒ | WEB DEV/React] - .. 2024. 1. 13.
[React] 15. React ๋ฉ”๋‰ดํƒญ ๋งŒ๋“ค๊ธฐ (ํด๋ฆญ ์ด๋ฒคํŠธ์— ๋”ฐ๋ฅธ ๋‚ด์šฉ ๋ณ€๊ฒฝ) ์ด์ „ ๊ธ€ โ–ผ ๋”๋ณด๊ธฐ 0. 2023.05.05 - [๐ŸŒŒ | WEB DEV/React] - [React] 0. React๋ฅผ ์‚ฌ์šฉํ•˜๋Š” ์ด์œ  & ์ดˆ๊ธฐ ์„ธํŒ… 1. 2023.05.07 - [๐ŸŒŒ | WEB DEV/React] - [React] 1. JSX 2. 2023.05.26 - [๐ŸŒŒ | WEB DEV/React] - [React] 2. state (๋ณ€์ˆ˜, array, object) 2-1. 2023.05.27 - [๐ŸŒŒ | WEB DEV/React] - [React] 2-1. array state ์ •๋ ฌํ•˜๊ธฐ ( .sort()ํ™œ์šฉ) 3. 2023.05.28 - [๐ŸŒŒ | WEB DEV/React] - [React] 3. ์ปดํฌ๋„ŒํŠธ (Component) 4. 2023.05.28 - [๐ŸŒŒ | WEB DEV/React] - .. 2024. 1. 13.
[React] 14. React์™€ ์„œ๋ฒ„ ์—ฐ๋™ํ•˜๊ธฐ (ajax๋ฅผ ์ด์šฉํ•ด! (get, post) ) ์ด์ „ ๊ธ€ โ–ผ ๋”๋ณด๊ธฐ 0. 2023.05.05 - [๐ŸŒŒ | WEB DEV/React] - [React] 0. React๋ฅผ ์‚ฌ์šฉํ•˜๋Š” ์ด์œ  & ์ดˆ๊ธฐ ์„ธํŒ… 1. 2023.05.07 - [๐ŸŒŒ | WEB DEV/React] - [React] 1. JSX 2. 2023.05.26 - [๐ŸŒŒ | WEB DEV/React] - [React] 2. state (๋ณ€์ˆ˜, array, object) 2-1. 2023.05.27 - [๐ŸŒŒ | WEB DEV/React] - [React] 2-1. array state ์ •๋ ฌํ•˜๊ธฐ ( .sort()ํ™œ์šฉ) 3. 2023.05.28 - [๐ŸŒŒ | WEB DEV/React] - [React] 3. ์ปดํฌ๋„ŒํŠธ (Component) 4. 2023.05.28 - [๐ŸŒŒ | WEB DEV/React] - .. 2024. 1. 12.
[React/JS] setTimeout, setInterval ์€ ์ „ํ˜€ "์‹œ๊ณ„" ํ•˜์ง€ ์•Š์•„ (setTimeout, setInterval ์˜ค๋ฅ˜) ํ”„๋กœ์ ํŠธ์— ์‚ฝ์ž…ํ•  ์Šคํ†ฑ์›Œ์น˜ ๋งŒ๋“ค์–ด ๋†“์•˜๋‹ค. 6์ดˆ๋ฅผ ์„ธ์–ด๋ณด๋Š”๋ฐ ์ด์ƒํ•˜๊ฒŒ ์ฒด๊ฐ ์ƒ 8์ดˆ๋Š” ๋˜๋Š” ๊ฒƒ ๊ฐ™์•˜๋‹ค. ์•„ ์ด๊ฑฐ ์ด์ƒํ•œ๋ฐ?? 1. setInetval์„ ํ™œ์šฉํ•œ ํƒ€์ด๋จธ 1) ์ž‘์„ฑ ์ฝ”๋“œ ๋‚ด๊ฐ€ ์ž‘์„ฑํ•œ ์ฝ”๋“œ๋Š” setInterval์„ ์ด์šฉํ•˜์—ฌ ์ฃผ๊ธฐ์ ์œผ๋กœ ์‹œ๊ฐ„state๋ฅผ ์ฆ๊ฐ€์‹œํ‚ค๋Š” ๋ฐฉ์‹์ด๋‹ค. const [run, setRun] = useState(); //์Šคํ†ฑ์›Œ์น˜start์ƒํƒœ const [time, setTime] = useState(0); //์‹œ๊ฐ„state const intervalRef = useRef(); //์‹œ์ž‘์ƒํƒœ ๊ฐ์ง€ useEffect(()=>{ if(props.start){ setRun(true); } else{ clearInterval(intervalRef.current) setRun(false); .. 2024. 1. 6.
[React] 13. ๋ฆฌ์•กํŠธ ์ปดํฌ๋„ŒํŠธ์˜ Lifecycle์™€ useEffect ์ด์ „ ๊ธ€ โ–ผ ๋”๋ณด๊ธฐ 0. 2023.05.05 - [๐ŸŒŒ | WEB DEV/React] - [React] 0. React๋ฅผ ์‚ฌ์šฉํ•˜๋Š” ์ด์œ  & ์ดˆ๊ธฐ ์„ธํŒ… 1. 2023.05.07 - [๐ŸŒŒ | WEB DEV/React] - [React] 1. JSX 2. 2023.05.26 - [๐ŸŒŒ | WEB DEV/React] - [React] 2. state (๋ณ€์ˆ˜, array, object) 2-1. 2023.05.27 - [๐ŸŒŒ | WEB DEV/React] - [React] 2-1. array state ์ •๋ ฌํ•˜๊ธฐ ( .sort()ํ™œ์šฉ) 3. 2023.05.28 - [๐ŸŒŒ | WEB DEV/React] - [React] 3. ์ปดํฌ๋„ŒํŠธ (Component) 4. 2023.05.28 - [๐ŸŒŒ | WEB DEV/React] - .. 2024. 1. 2.
[React] 13. ๋ฆฌ์•กํŠธ ์ปดํฌ๋„ŒํŠธ์˜ Lifecycle๊ณผ useEffect ์ด์ „ ๊ธ€ โ–ผ ๋”๋ณด๊ธฐ 0. 2023.05.05 - [๐ŸŒŒ | WEB DEV/React] - [React] 0. React๋ฅผ ์‚ฌ์šฉํ•˜๋Š” ์ด์œ  & ์ดˆ๊ธฐ ์„ธํŒ… 1. 2023.05.07 - [๐ŸŒŒ | WEB DEV/React] - [React] 1. JSX 2. 2023.05.26 - [๐ŸŒŒ | WEB DEV/React] - [React] 2. state (๋ณ€์ˆ˜, array, object) 2-1. 2023.05.27 - [๐ŸŒŒ | WEB DEV/React] - [React] 2-1. array state ์ •๋ ฌํ•˜๊ธฐ ( .sort()ํ™œ์šฉ) 3. 2023.05.28 - [๐ŸŒŒ | WEB DEV/React] - [React] 3. ์ปดํฌ๋„ŒํŠธ (Component) 4. 2023.05.28 - [๐ŸŒŒ | WEB DEV/React] - .. 2024. 1. 2.
[Git&Github] Git ์ •๋ฆฌ-5 (๋‹ค์–‘ํ•œ merge๋ฐฉ๋ฒ•, 3way, fast-forward, rebase, squash, ๋ธŒ๋žœ์น˜ ์‚ญ์ œ) merge ๋ฐฉ๋ฒ•๋“ค์— ๋Œ€ํ•ด ์ž์„ธํžˆ ์•Œ์•„๋ณด์ž. 1. 3-way ์ €๋ฒˆ ํฌ์ŠคํŠธ์—์„œ ๋‹ค๋ฃจ์—ˆ๋˜ merge๋Š” ์•„๋ž˜์™€ ๊ฐ™์€ ํ˜•ํƒœ์ด๋‹ค. ์ด๊ฒƒ์ด ๋ฐ”๋กœ 3-way merge ์ด๋‹ค. ๊ฐ branch์— ์ƒˆ๋กœ์šด commit์ด ํ•˜๋‚˜์”ฉ ์กด์žฌํ•˜๋Š” ๊ฒฝ์šฐ ์ˆ˜ํ–‰๋˜๋Š” merge์ด๋‹ค. ์ƒˆ๋กœ์šด commit์— 2๊ฐœ์˜ branch๋ฅผ ํ•ฉ์น˜๋Š” ๊ฒƒ์ด๋‹ค. ๊ฐ€์žฅ ๊ธฐ๋ณธ์ ์ธ ํ˜•ํƒœ๋ผ๊ณ  ํ•  ์ˆ˜ ์žˆ๋‹ค. 2. fast-forward 3-way์™€ ๋‹ค๋ฅด๊ฒŒ ์ƒˆ๋กœ์šด branch์—๋งŒ commit์ด ์กด์žฌํ•˜๊ณ  ๊ธฐ์กด branch์—์„œ๋Š” commit์„ ํ•˜์ง€ ์•Š์€ ๊ฒฝ์šฐ์—๋Š” ์ž๋™์œผ๋กœ fast-forward merge๊ฐ€ ์ˆ˜ํ–‰๋œ๋‹ค. ์ด์ฒ˜๋Ÿผ fast-forward merge๋ผ๋Š” ํ„ฐ๋ฏธ๋„ ๋ฉ”์„ธ์ง€๋ฅผ ํ™•์ธํ•  ์ˆ˜ ์žˆ๋‹ค. ๋งŒ์•ฝ fast-forward๋ฅผ ์ˆ˜ํ–‰ํ•˜๊ณ  ์‹ถ์ง€ ์•Š๋‹ค๋ฉด ์•„๋ž˜์˜ ๋ช…๋ น์„ ์ž…๋ ฅํ•˜๋ฉด ๋œ๋‹ค. .. 2023. 10. 29.
๋ฐ˜์‘ํ˜•

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