profile
๐Ÿ’ป

์ธํ„ฐํŽ˜์ด์Šค์™€ ํด๋ž˜์Šค

์ธํ„ฐํŽ˜์ด์Šค ๊ธฐ๋ณธ ์ธํ„ฐํŽ˜์ด์Šค๋Š” ํƒ€์ž…์„ ์ฒดํฌํ•˜๊ธฐ ์œ„ํ•ด ์‚ฌ์šฉ๋˜๋ฉฐ ๋ณ€์ˆ˜, ํ•จ์ˆ˜, ํด๋ž˜์Šค์— ์‚ฌ์šฉํ•  ์ˆ˜ ์žˆ๋‹ค. ํ”„๋กœํผํ‹ฐ์™€ ๋ฉ”์†Œ๋“œ๋ฅผ ๊ฐ–๋Š” ์ ์—์„œ ํด๋ž˜์Šค์™€ ๋น„์Šทํ•˜์ง€๋งŒ, ์ง์ ‘ ์ธ์Šคํ„ด์Šค๋ฅผ ์ƒ์„ฑํ•  ์ˆ˜ ์—†๊ณ , ๋ชจ๋‘๊ฐ€ ์ถ”์ƒ ๋ฉ”์†Œ๋“œ๋ผ๋Š” ์ ์—์„œ ๋‹ค๋ฅด๋‹ค. ์ธํ„ฐํŽ˜์ด์Šค๋กœ ํ•ด๋‹น ๋ณ€์ˆ˜๊ฐ€ ๊ฐ€์ ธ์•ผํ•˜๋Š” ํ˜•ํƒœ

2022๋…„ 4์›” 7์ผ
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€
post-thumbnail

OSI 7 Layer

OSI ๋ชจํ˜• (Open Systems Interconnection Reference Model): ๊ตญ์ œ ํ‘œ์ค€ํ™”๊ธฐ๊ตฌ(ISO)์—์„œ ๊ฐœ๋ฐœํ•œ ๋ชจ๋ธ๋กœ, ์ปดํ“จํ„ฐ ๋„คํŠธ์›Œํฌ ํ”„๋กœํ† ์ฝœ ๋””์ž์ธ๊ณผ ํ†ต์‹ ์„ ๊ณ„์ธต์œผ๋กœ ๋‚˜๋ˆ„์–ด ์„ค๋ช…ํ•œ ๊ฒƒ ํ”„๋กœํ† ์ฝœ์„ ๊ธฐ๋Šฅ๋ณ„๋กœ ๋‚˜๋ˆˆ ๊ฒƒ์œผ๋กœ ๊ฐ ๊ณ„์ธต์€ ํ•˜์œ„ ๊ณ„์ธต์˜ ๊ธฐ

2022๋…„ 3์›” 28์ผ
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€
post-thumbnail

var, let, const

๐Ÿ“Œ ์ดˆ๊ธฐํ™”: undefined๋ฅผ ํ• ๋‹นํ•ด์ฃผ๋Š” ๋‹จ๊ณ„ ๐Ÿ“Œ ๋ณ€์ˆ˜: ๊ฐ’์„ ๋‹ด๊ธฐ ์œ„ํ•œ ๊ณต๊ฐ„์„ ์–ธ ๋ฐ ์ดˆ๊ธฐํ™” ๋ฐ ํ• ๋‹น ๋‹จ๊ณ„์„ ์–ธ ๋ฐ ์ดˆ๊ธฐํ™” ๋‹จ๊ณ„ํ• ๋‹น ๋‹จ๊ณ„์„ ์–ธ ๋‹จ๊ณ„์ดˆ๊ธฐํ™” ๋‹จ๊ณ„ํ• ๋‹น ๋‹จ๊ณ„var์—์„œ ์œ„์˜ ์ฝ”๋“œ๋Š” ์•„๋ž˜์™€ ๊ฐ™์ด ๋™์ž‘์ด ์ด๋ฃจ์–ด์ง„๋‹ค. (3)์ด (1)๋กœ ์‹ค์ œ ์˜ฌ๋ผ๊ฐ€๋Š” ๊ฒƒ์€ ์•„๋‹ˆ์ง€

2022๋…„ 3์›” 22์ผ
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€
post-thumbnail

react-hook-form + yup์œผ๋กœ ํผ ๋งŒ๋“ค๊ธฐ

๋ฆฌ์•กํŠธ๋ฅผ ์‚ฌ์šฉํ•˜์—ฌ ํšŒ์›๊ฐ€์ž…, ๋กœ๊ทธ์ธ ๋ฐ ๋กœ๊ทธ์•„์›ƒ ๋“ฑ์„ ๊ตฌํ˜„ํ•  ๋•Œ formik, react-hook-form ๋“ฑ์˜ ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ๋ฅผ ํ™œ์šฉํ•ด์„œ ๋น„๊ต์  ๊ฐ„๋‹จํ•˜๊ฒŒ ๋งŒ๋“ค์–ด๋ณผ ์ˆ˜ ์žˆ๋‹ค. ์ด๋ฒˆ ํ”„๋กœ์ ํŠธ์—์„œ๋Š” react-hook-form๊ณผ yup์„ ์‚ฌ์šฉํ•ด ํผ์˜ ์œ ํšจ์„ฑ ๊ฒ€์‚ฌ๋ฅผ ์ง„ํ–‰ํ–ˆ๊ณ , ๋‹ค

2022๋…„ 3์›” 10์ผ
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€
post-thumbnail

์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ๋ฌธ์ž์—ด ๊ด€๋ จ ์ •๋ฆฌ

string์„ array๋กœ ๋ฐ”๊ฟ€ ๋•Œ .split() ๋ฌธ์ž์—ด ์ •๋ ฌ .sort(): parameter๊ฐ€ ์—†์œผ๋ฉด ์œ ๋‹ˆ์ฝ”๋“œ ์ˆœ์„œ๋Œ€๋กœ ์ •๋ ฌ๋œ๋‹ค. ๋ฌธ์ œ์—์„œ array ์•ˆ์˜ ์š”์†Œ๋“ค์ด ๋ชจ๋‘ ๋Œ€๋ฌธ์ž์ด๊ฑฐ๋‚˜ ๋ชจ๋‘ ์†Œ๋ฌธ์ž์ผ ๋•Œ sort()๋ฅผ ์‚ฌ์šฉํ•  ์ˆ˜ ์žˆ๋‹ค. ๋”ฐ๋ผ์„œ ๋Œ€์†Œ๋ฌธ์ž๋ฅผ ํ†ต์ผํ•ด์•ผํ•œ๋‹ค

2022๋…„ 3์›” 3์ผ
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€
post-thumbnail

๋ฆฌ์•กํŠธ, ๋ฆฌ๋•์Šค ๊ด€๋ จ ์ •๋ฆฌ

ํŽ˜์ด์Šค๋ถ์—์„œ ๊ฐœ๋ฐœํ•˜๊ณ  ๊ด€๋ฆฌํ•˜๋Š” UI ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ๋‹จ๋ฐฉํ–ฅ ๋ฐ์ดํ„ฐ ํ๋ฆ„์„ ๊ฐ–๋Š”๋‹ค. (flux ์ฐธ๊ณ )\-> ๋ฐ์ดํ„ฐ ์ถ”์  ๋ฐ ๋””๋ฒ„๊น…์„ ์‰ฝ๊ฒŒ ํ•ด์ค€๋‹ค๊ฐ€์ƒ๋”์„ ์‚ฌ์šฉํ•ด DOM ๋ณ€๊ฒฝ์‹œ ํ•„์š”ํ•œ, ์ตœ์†Œํ•œ๋งŒ์„ ๊ฐฑ์‹ ํ•˜๊ฒŒ ํ•œ๋‹ค(์„ฑ๋Šฅ ๊ฐœ์„ )UI ์ปดํฌ๋„ŒํŠธ ๊ธฐ๋ฐ˜\-> ์žฌ์‚ฌ์šฉ์„ฑ ๋ฐ ์œ ์ง€ ๋ณด์ˆ˜์— ์šฉ์ดํ•˜๋‹ค.

2022๋…„ 3์›” 1์ผ
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€
post-thumbnail

Netlify ๋ฐฐํฌ

ํ”„๋กœ์ ํŠธ๋ฅผ ์™„์„ฑํ•œ ๋’ค, yarn build ๋˜๋Š” npm run build๋ฅผ ํ•˜๋ฉด build ํด๋”๊ฐ€ ์ƒ์„ฑ๋œ๋‹ค. ์ด๋ฒˆ ๋ฐฐํฌ์—์„œ๋Š” ๋‹ค์Œ๊ณผ ๊ฐ™์€ ์—๋Ÿฌ๋ฅผ ๋งŒ๋‚ฌ๋‹ค.https://github.com/facebook/create-react-app/issues/11930์—์„œ

2022๋…„ 2์›” 2์ผ
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€
post-thumbnail

xcopy ์‚ฌ์šฉ๋ฒ•

์œˆ๋„์šฐ ์—…๋ฐ์ดํŠธ๊ฐ€ ์ œ๋Œ€๋กœ ์‹คํ–‰๋˜์ง€ ์•Š์•„ ์•ˆ์ „๋ชจ๋“œ์—์„œ ์ตœ์‹  ํ’ˆ์งˆ ์—…๋ฐ์ดํŠธ ์ œ๊ฑฐ๋ฅผ ํ•ด๋ณด๊ณ , ์œˆ๋„์šฐ๋ฅผ ์ƒˆ๋กœ ์„ค์น˜ํ•˜๊ธฐ ์œ„ํ•ด usb์— ๋ฐ›์•„ ์‹œ๋„ํ•ด๋ดค์ง€๋งŒ ์„ค์น˜์กฐ์ฐจ ์•ˆ๋˜๋Š” ์ƒํƒœ์ด๋ฉฐ, ๋…ธํŠธ๋ถ์€ ์•ˆ์ „๋ชจ๋“œ ์™ธ์— ์ œ๋Œ€๋กœ ๋ถ€ํŒ…์กฐ์ฐจ ๋˜์ง€ ์•Š๊ณ  ์žˆ๋‹ค.๊ฒฐ๊ตญ ๋ช…๋ น ํ”„๋กฌํ”„ํŠธ์—์„œ copy์™€ xcopy

2022๋…„ 1์›” 25์ผ
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€
post-thumbnail

๋ฆฌ์•กํŠธ ํ”„๋กœ์ ํŠธ์— ํƒ€์ž…์Šคํฌ๋ฆฝํŠธ ์ ์šฉํ•˜๊ธฐ

์ด์ „์— ํ–ˆ๋˜ ํ”„๋กœ์ ํŠธ์— ํƒ€์ž…์Šคํฌ๋ฆฝํŠธ๋ฅผ ์ ์šฉํ•ด๋ณด๋ฉด์„œ ์•Œ๊ฒŒ๋œ ์ ๋“ค ์ •๋ฆฌ 1. git clone ์ดํ›„ npm package๋“ค ์—…๋ฐ์ดํŠธ ํ•ด์ฃผ๊ธฐ > 1. npm i -g npm-check-updates ncu -u npm install _LI.jpg) cf. font-colo

2022๋…„ 1์›” 16์ผ
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€
post-thumbnail

react-router-dom v6

react-router-dom v6 ๋‹ฌ๋ผ์ง„ ์  1. Switch ๋Œ€์‹  Routes ์‚ฌ์šฉ 2. Routes ์•ˆ์— Route ๋˜๋Š” React.Fragment๋งŒ ์‚ฌ์šฉํ•  ๊ฒƒ ์ด๋Ÿฐ์‹์œผ๋กœ ์ž‘์„ฑํ•˜๋ฉด ์•„๋ž˜์˜ ์—๋Ÿฌ ๋ฉ”์‹œ์ง€๋ฅผ ๋ณด๊ฒŒ ๋  ๊ฒƒ์ด๋‹ค. .png) 3. Route componen

2022๋…„ 1์›” 9์ผ
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€
post-thumbnail

ํ”„๋กœ์ ํŠธ ๋ฐฐํฌ ํšŒ๊ณ 

React, Node.js, MongoDB๋กœ ๋งŒ๋“  ํ”„๋กœ์ ํŠธ๋ฅผ Heroku์— ๋ฐฐํฌํ•˜๋ฉด์„œ ์˜ˆ์ƒ๋ณด๋‹ค ํ—˜๋‚œํ•œ ๊ณผ์ •์„ ๊ฑฐ์ณค๊ณ , ๋งˆ์นจ๋‚ด ์„ฑ๊ณตํ•˜๋ฉด์„œ ๊นจ๋‹ฌ์€ ์ ์ด ๋งŽ์•˜๋‹ค. ๋จธ๋ฆฟ์†์˜ ๊ธฐ์–ต๋“ค์ด ํฌ๋ฏธํ•ด์ง€๊ธฐ ์ „์— ๊ธฐ๋กํ•ด์•ผ๊ฒ ๋‹ค๋Š” ์ƒ๊ฐ์ด ๋“ค์–ด, ์˜ค๋žœ๋งŒ์— ๊ธ€์„ ์ž‘์„ฑํ•˜๊ธฐ๋กœ ํ–ˆ๋‹ค. ํ”„๋กœ์ ํŠธ๋Š” cl

2022๋…„ 1์›” 2์ผ
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€
post-thumbnail

[TIL] React & JS Algorithms

Async in useEffect Hook useEffect๋ฅผ ์‚ฌ์šฉํ•  ๋•Œ ์ด๋ ‡๊ฒŒ ์ž‘์„ฑํ•˜๋ฉด ์•ˆ๋œ๋‹ค. side effect ์—๋Ÿฌ๊ฐ€ ๋ฐœ์ƒํ•˜๊ธฐ ๋•Œ๋ฌธ. ์˜ฌ๋ฐ”๋ฅธ ๋ฐฉ๋ฒ• useEffect ์•ˆ์—์„œ async ํ•จ์ˆ˜๋ฅผ ์„ ์–ธํ•˜๊ณ  ํ˜ธ์ถœํ•˜๊ธฐ/๋˜๋Š” Promise ๋ถ€๋ถ„์„ ๋ณ„๋„์˜ ํ•จ์ˆ˜๋กœ ๋งŒ๋“ค์–ด

2021๋…„ 11์›” 20์ผ
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€
post-thumbnail

ํƒ€์ž…์Šคํฌ๋ฆฝํŠธ์™€ ๋งŒ๋‚˜๋‹ค

๐Ÿ“Œ ํƒ€์ž…์Šคํฌ๋ฆฝํŠธ?? ๐Ÿ’ก ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ์— ํƒ€์ž…์„ ๋”ํ•œ ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ์Šˆํผ์…‹ ์–ธ์–ด. ์ปดํŒŒ์ผ ์‹œ ํƒ€์ž…์ด ์ •ํ•ด์ง€๋Š” ์ •์  ํƒ€์ž… ์–ธ์–ด๋กœ ๊ฐœ๋ฐœ์ž์˜ ์˜๋„์— ๋งž๊ฒŒ ๋ณ€์ˆ˜์™€ ํ•จ์ˆ˜๋ฅผ ์‚ฌ์šฉํ•  ์ˆ˜ ์žˆ๋„๋ก ํ•ด์ฃผ๋ฉฐ, ์—๋Ÿฌ๋ฅผ ์žก์•„์ค€๋‹ค. > ๐Ÿ’ก ๋งˆ์ดํฌ๋กœ์†Œํ”„ํŠธ๊ฐ€ ๊ฐœ๋ฐœ/์œ ์ง€ํ•˜๊ณ  ์žˆ๋Š” ์˜คํ”ˆ์†Œ์Šค ํ”„๋กœ๊ทธ๋ž˜

2021๋…„ 8์›” 21์ผ
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€
post-thumbnail

[TIL] ์ด๋ฒคํŠธ ๋ฃจํ”„

๐Ÿ“Œ ์ด๋ฒคํŠธ ๋ฃจํ”„(Event Loop) > ์ด๋ฒคํŠธ ๋ฐœ์ƒ์‹œ ํ˜ธ์ถœ๋˜๋Š” ์ฝœ๋ฐฑ ํ•จ์ˆ˜๋“ค์„ ๊ด€๋ฆฌํ•˜์—ฌ ํƒœ์Šคํฌํ(์ฝœ๋ฐฑํ, ์ด๋ฒคํŠธํ)์— ์ „๋‹ฌํ•˜๊ณ , ์ฝœ์Šคํƒ์ด ๋น„์–ด์žˆ์„ ๋•Œ ์ฝœ๋ฐฑํ์˜ ์ฒซ๋ฒˆ์งธ ์ฝœ๋ฐฑ์„ ์ฝœ์Šคํƒ์œผ๋กœ ๋ณด๋‚ด์ค€๋‹ค. -> ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ์˜ ๋™์‹œ์„ฑ(concurrency)์„ ์ง€์› ๐Ÿ’ก ์™œ? ์‹ฑ

2021๋…„ 8์›” 13์ผ
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€
post-thumbnail

[TIL] ๋ธŒ๋ผ์šฐ์ € ์ž‘๋™ ์›๋ฆฌ

๐Ÿ“Œ ๋ธŒ๋ผ์šฐ์ €์˜ ํ•ต์‹ฌ ๊ธฐ๋Šฅ > #### ํ•„์š”ํ•œ ๋ฆฌ์†Œ์Šค(HTML, CSS, JS, ์ •์ ํŒŒ์ผ, ์„œ๋ฒ„๊ฐ€ ๋™์ ์œผ๋กœ ์ƒ์„ฑํ•œ ๋ฐ์ดํ„ฐ...)๋ฅผ ์„œ๋ฒ„์— ์š”์ฒญํ•˜๊ณ  ์‘๋‹ต๋ฐ›์•„ ์‹œ๊ฐ์ ์œผ๋กœ ๋ Œ๋”๋งํ•˜๋Š” ๊ฒƒ. ๐Ÿ’ก [๋ธŒ๋ผ์šฐ์ € ์ฃผ์†Œ์ฐฝ]์ด ์„œ๋ฒ„ ์š”์ฒญ ํ†ต๋กœ. ์ฃผ์†Œ์ฐฝ์— URL์„ ์ž…๋ ฅ -> URL ํ˜ธ์Šค

2021๋…„ 8์›” 13์ผ
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€
post-thumbnail

[TIL] JavaScript Promise

ํ”„๋กœ๋ฏธ์Šค: ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ๋น„๋™๊ธฐ ์ฒ˜๋ฆฌ์— ์‚ฌ์šฉ๋˜๋Š” ๊ฐ์ฒด ๋น„๋™๊ธฐ(asyncronous): ํŠน์ • ์ฝ”๋“œ๊ฐ€ ์™„๋ฃŒ๋  ๋•Œ๊นŒ์ง€ ๊ธฐ๋‹ค๋ฆฌ์ง€ ์•Š๊ณ  ๋‹ค์Œ ์ฝ”๋“œ๋ฅผ ๋จผ์ € ์‹คํ–‰ํ•˜๋Š” ๊ฒƒ ๐Ÿ“Œ Promise๋Š” ์–ธ์ œ ์‚ฌ์šฉํ• ๊นŒ? ์„œ๋ฒ„์—์„œ ๋ฐ์ดํ„ฐ ์š”์ฒญํ•˜๊ณ  ๋ฐ›์•„์˜ฌ ๋•Œ ๐Ÿ“Œ Promise ์–ด๋–ป๊ฒŒ ์‚ฌ์šฉํ• ๊นŒ?

2021๋…„ 8์›” 8์ผ
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€