๐Ÿš€ ๋ธ”๋กœ๊ทธ ์ด์ „ํ–ˆ์Šต๋‹ˆ๋‹ค.


๐Ÿ‘‹๐Ÿป ๋‹น๋ถ„๊ฐ„ Velog์—์„œ ๋งŒ๋‚˜์š”.

March 15, 2023

๋ธ”๋กœ๊ทธ ์•„์‰ฌ์› ๋˜ ์ ,, SEO(๊ตฌ๊ธ€๊ฒ€์ƒ‰) ์ตœ์ ํ™” ์กฐํšŒ์ˆ˜, ์ง„์ž…๊ฒฝ๋กœ? killing design, thumbnail ๋ถ€์žฌ, about me ๋“ฑ ๊ณ ๋ฏผ ํ•ด๋ณผ๊ฒŒ์š”! ๐Ÿ™‚ ํ™œ์šฉ๋ฐฉ์•ˆ, ๋ชฉ์ , ๊ฐœ์„ ๋ฐฉ๋ฒ• ๋“ฑ ๊ณ ๋ฏผ ํ•ด๋ณด๋ ค๊ตฌ์š”ใ…Žใ…Ž ๊ฐœ์ธ ํ”„๋กœ์ ํŠธ ๊ฒธ ์ƒˆ๋กœ ๋ธ”๋กœ๊ทธ๋ฅผ ๋งŒ๋Š” ๊ฒƒ๋„ ๊ณ ๋ คํ•˜๊ณ  ์žˆ์–ด์š” ๊ทธ๋™์•ˆ ๊ธ€์€ velog์—์„œ-


์ธ์ฆ๋ฐฉ์‹: ์ฟ ํ‚ค, ์„ธ์…˜, ํ† ํฐ(JWT)

September 10, 2022

์™œ ๋“ฑ์žฅํ–ˆ์„๊นŒ? HTTP ํ†ต์‹ ์€ ์š”์ฒญ(Request) โ†’ ์‘๋‹ต(Response)์ด ์ข…๋ฃŒ๋˜๋ฉด ์—ฐ๊ฒฐ์„ ๋Š์–ด๋ฒ„๋ฆผ Connectionless(๋น„์—ฐ๊ฒฐ์„ฑ): ํด๋ผ์ด์–ธํŠธ๊ฐ€ ์„œ๋ฒ„์— ์š”์ฒญ์„ ํ–ˆ์„ ๋•Œ, ์š”์ฒญ์— ๋งž๋Š” ์‘๋‹ต์„ ๋ณด๋‚ธ ํ›„ ์—ฐ๊ฒฐ์„ ๋Š๋Š” ์ฒ˜๋ฆฌ๋ฐฉ์‹ Stateless(๋ฌด์ƒํƒœ์„ฑ): ํด๋ผ์ด์–ธํŠธ์˜ ์ƒํƒœ ์ •๋ณด๋ฅผ ๊ฐ€์ง€์ง€ ์•Š๋Š” ์„œ๋ฒ„ ์ฒ˜๋ฆฌ๋ฐฉ์‹(ํด๋ผ์ด์–ธํŠธ์™€ ์ฒซ ๋ฒˆ์งธ ํ†ต์‹ ์— ๋ฐ์ดํ„ฐ๋ฅผ ์ฃผโ€ฆ


[Git] ํ•œ ์ปดํ“จํ„ฐ์—์„œ ์—ฌ๋Ÿฌ๊ณ„์ • ์‚ฌ์šฉํ•˜๊ธฐ

August 05, 2022

1. ssh key ์ƒ์„ฑ ๋‹ค์Œ์œผ๋กœ SSH ํ‚ค์— ๋Œ€ํ•œ ๋น„๋ฐ€๋ฒˆํ˜ธ๋ฅผ ์ถ”๊ฐ€๋กœ ์ง€์ •ํ• ์ง€ ๋ฌผ์–ด๋ด…๋‹ˆ๋‹ค. ํŒจ์Šค์›Œ๋“œ๋ฅผ ์„ค์ •ํ•ด๋„ ๋˜๊ณ , ์ถ”๊ฐ€ ํŒจ์Šค์›Œ๋“œ ์—†์ด ์‚ฌ์šฉํ•˜๋ ค๋ฉด ์—”ํ„ฐ๋ฅผ ๋‘ ๋ฒˆ ์ž…๋ ฅํ•ด์ค๋‹ˆ๋‹ค. (์ถ”๊ฐ€ ํŒจ์Šค์›Œ๋“œ๋Š” ๋‚˜์ค‘์— ์ง€์ •ํ•˜๋Š” ๊ฒƒ๋„ ๊ฐ€๋Šฅํ•˜์ง€๋งŒ, GitHub์—์„œ๋Š” ๊ณต์‹์ ์œผ๋กœ ํŒจ์Šค์›Œ๋“œ ์„ค์ •์„ ๊ถŒ์žฅํ•˜๊ณ  ์žˆ์Šต๋‹ˆ๋‹ค) 2. ssh config ์„ค์ • 3. ssh agent ๋“ฑ๋กโ€ฆ


React hooks์— ๋Œ€ํ•ด ์•Œ์•„๋ณด์ž

June 30, 2022

React hooks๋ž€? ํ•จ์ˆ˜ํ˜• ์ปดํฌ๋„ŒํŠธ์—์„œ ๊ธฐ๋Šฅ์„ ์ถ”๊ฐ€ํ•  ๋•Œ ์‚ฌ์šฉํ•˜๋Š” ํ•จ์ˆ˜๋“ค 1. useEffect ์ปดํฌ๋„ŒํŠธ๊ฐ€ ๋งˆ์šดํŠธ ๋์„ ๋•Œ(์ฒ˜์Œ ๋‚˜ํƒ€๋‚ฌ์„ ๋•Œ), ์–ธ๋งˆ์šดํŠธ ๋์„ ๋•Œ(์‚ฌ๋ผ์งˆ ๋•Œ), ๊ทธ๋ฆฌ๊ณ  ์—…๋ฐ์ดํŠธ ๋  ๋•Œ(ํŠน์ • props๊ฐ€ ๋ฐ”๋€” ๋•Œ) ์‹คํ–‰๋˜๋Š” hook API ํ˜ธ์ถœ, ์ด๋ฒคํŠธ ์ฒ˜๋ฆฌ ๋“ฑ์„ ์ฒ˜๋ฆฌํ•  ๋•Œ ์‚ฌ์šฉ 2. useMemo ์ด์ „์— ๊ณ„์‚ฐ ํ•œ ๊ฐ’(๋žœ๋”๋งํ•œ ํ•จ์ˆ˜ โ€ฆ


React.js๋Š” ์™œ ์“ธ๊นŒ?

June 20, 2022

React ํŠน์ง• JavaScript Frontend Framework(Library) ์‚ฌ์šฉ์ž ์ธํ„ฐํŽ˜์ด์Šค๋ฅผ ๊ตฌ์ถ•ํ•˜๊ธฐ ์œ„ํ•œ ์„ ์–ธ์ ์ด๊ณ  ํšจ์œจ์ ์ด๋ฉฐ ์œ ์—ฐํ•œ JavaScript ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ โ€œ์ปดํฌ๋„ŒํŠธโ€๋ผ๊ณ  ๋ถˆ๋ฆฌ๋Š” ์ž‘๊ณ  ๊ณ ๋ฆฝ๋œ ์ฝ”๋“œ์˜ ํŒŒํŽธ์„ ์ด์šฉํ•˜์—ฌ ๋ณต์žกํ•œ UI๋ฅผ ๊ตฌ์„ฑํ•˜๋„๋ก ๋•์Šต๋‹ˆ๋‹ค. SPA(Single Page Application) Component ๊ธฐ๋ฐ˜ Virtโ€ฆ


[Git] commit history ์ดˆ๊ธฐํ™”

June 10, 2022

git commit history ์ „๋ถ€ ์‚ญ์ œํ•˜๊ธฐ clone ํ›„ ๊ธฐ์กด git commit history๋ฅผ reset ํ›„ ์ƒˆ๋กœ์šด commit history๋ฅผ ๋‚จ๊ธฐ๊ณ  ์‹ถ์„ ๋•Œ ์‚ฌ์šฉํ•˜๋ฉด ๋ฉ๋‹ˆ๋‹ค. warning: ์ด ๋ฐฉ๋ฒ•์„ ์‚ฌ์šฉํ•˜๋ฉด ๊ธฐ์กด ์ปค๋ฐ‹ ํžˆ์Šคํ† ๋ฆฌ๊ฐ€ ์ „๋ถ€ reset(์ดˆ๊ธฐํ™”) ๋ฉ๋‹ˆ๋‹ค. 1. commit history ์‚ญ์ œ 2. git ์žฌ์„ค์ • 3. git ์ปค๋ฐ‹ 4โ€ฆ


JavaScript ๋Ÿฐํƒ€์ž„ ํ™˜๊ฒฝ Node.js

May 30, 2022

Node.js๋ž€ chrome์˜ JavaScript ํ•ด์„์—”์ง„ V8๋กœ๋ถ€ํ„ฐ ๊ฐœ๋ฐœ๋œ JavaScript ๋Ÿฐํƒ€์ž„(์‹คํ–‰) ํ™˜๊ฒฝ nvm(node version management) npm(node package management) yarn Node.js๋ฅผ ์“ฐ๋Š” ์ด์œ  non-blocking I/O ์ฝ”๋“œ๊ฐ€ ์งง๊ณ  ์‰ฌ์›€ blocking: ์š”์ฒญ๋ฐ›์€ ํ•จ์ˆ˜ ์ž‘์—…์„ ๋ชจ๋‘ ๋งˆ์ณ์•ผ โ€ฆ


[Git] ๊ธฐ๋ณธ ๋ช…๋ น์–ด๋“ค

May 20, 2022

Clone(ํด๋ก ) ์›๊ฒฉ ์ €์žฅ์†Œ๋ฅผ ๋กœ์ปฌ ์ €์žฅ์†Œ์— ๋ณต์ œ Branch(๋ธŒ๋žœ์น˜) ๋™์‹œ์— ๋‹ค์–‘ํ•œ ์ž‘์—…์„ ํ•  ์ˆ˜ ์žˆ๋„๋ก ๋ถ„๋ฆฌ๋œ ์ž‘์—…์˜์—ญ ๋ธŒ๋žœ์น˜ ์ƒ์„ฑ ๋ธŒ๋žœ์น˜ ์‚ญ์ œ Checkout(์ฒดํฌ์•„์›ƒ) ๋ธŒ๋žœ์น˜ ์ „ํ™˜ ๋ธŒ๋žœ์น˜ ์ƒ์„ฑ๊ณผ ์ „ํ™˜ ๋ธŒ๋žœ์น˜ ์กฐํšŒ Commit(์ปค๋ฐ‹) ์ปค๋ฐ‹ ์ถ”๊ฐ€ ์ปค๋ฐ‹ ์ƒํƒœ ์ปค๋ฐ‹ ๋ฉ”์‹œ์ง€ Push(ํ‘ธ์‹œ) ์›๊ฒฉ ์ €์žฅ์†Œ์˜ ๋ฐ์ดํ„ฐ๋ฅผ ๋กœ์ปฌ ์ €์žฅ์†Œ์— ๊ฐ€์ ธ์™€ ๋ณ‘โ€ฆ


CSR, SSR / SPA, MPA์— ๋Œ€ํ•œ ์ดํ•ด

May 10, 2022

CSR(Client Side Rendering) ์ตœ์ดˆ์— ํ•œ๋ฒˆ ์„œ๋ฒ„์—์„œ ์ „์ฒด ํŽ˜์ด์ง€๋ฅผ ๋กœ๋”ฉํ•˜์—ฌ ๋ณด์—ฌ์ฃผ๊ณ , ์ดํ›„์—๋Š” ํด๋ผ์ด์–ธํŠธ์˜ ์š”์ฒญ์ด ์˜ฌ ๋•Œ ๋ฆฌ์†Œ์Šค๋ฅผ ์„œ๋ฒ„์—์„œ ์ œ๊ณตํ•œ ํ›„, ํด๋ผ์ด์–ธํŠธ๊ฐ€ ํ•ด์„ํ•˜๊ณ  ๋ Œ๋”๋งํ•จ ๋ชจ๋“  html๊ณผ static ํŒŒ์ผ์ด ๋กœ๋“œ๋  ๋•Œ๊นŒ์ง€ ๊ธฐ๋‹ค๋ ค์•ผ ํ•จ SEO(๊ฒ€์ƒ‰ ์—”์ง„ ์ตœ์ ํ™”)๊ฐ€ ์–ด๋ ค์›€ SSR(Server Side Rendering) ์™„์ „ํ•œ hโ€ฆ


Gatsby ๊ฐœ๋ฐœ๊ธฐ๋ก _github page ๋ฐฐํฌ์„ค์ •

May 01, 2022

๊ธฐ์ˆ  ๋ธ”๋กœ๊ทธ๋กœ Gatsby๋ฅผ ์„ ํƒํ•œ ํ›„, ์„œ๋ฒ„ ๋ฐฐํฌ์— ๋Œ€ํ•ด ๊ณ ๋ฏผํ•˜๋‹ค github-page๋ฅผ ์ด์šฉํ•˜์—ฌ ๋ฐฐํฌํ•˜๊ธฐ๋กœ ํ•˜์˜€์Šต๋‹ˆ๋‹ค. github์™€ ์—ฐ๋™์ด ๋˜๋ฉฐ ์‚ฌ์šฉ๋ฒ•์ด ์–ด๋ ต์ง€ ์•Š๋‹ค๋Š” ์žฅ์ ์œผ๋กœ ์„ ํƒํ•˜๊ฒŒ ๋˜์—ˆ์Šต๋‹ˆ๋‹ค. 1. github-page repository ์ƒ์„ฑ repository name:ย  2. gatsby template ์„ ํƒ gatsby templateโ€ฆ