sub-log
๐Ÿท๏ธ Tags
๐Ÿ’ป Profile
profile_image
subin
frontend developer
I develop with the goal of creating robust and valuable services.
๐Ÿ”Ž Search
๐Ÿ“‚ All Posts
โœ๐Ÿป TIL

์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ์ฝœ๋ฐฑ ์ง€์˜ฅ๊ณผ ๋น„๋™๊ธฐ ์ œ์–ด

2024๋…„ 9์›” 1์ผ

JavaScript
โœ๐Ÿป TIL

์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ์ฝœ๋ฐฑ ํ•จ์ˆ˜์˜ this ๋ฐ”์ธ๋”ฉ

2024๋…„ 9์›” 1์ผ

JavaScript
โœ๐Ÿป TIL

์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ์ฝœ๋ฐฑ ํ•จ์ˆ˜์˜ ์ œ์–ด๊ถŒ

2024๋…„ 9์›” 1์ผ

์ฝœ๋ฐฑ ํ•จ์ˆ˜์˜ ํ˜ธ์ถœ ์‹œ์ , ์ธ์ž, this ๋ฐ”์ธ๋”ฉ์ด ์–ด๋–ป๊ฒŒ ์ œ์–ด๋˜๋Š”๊ฐ€

JavaScript
โœ๐Ÿป TIL

๊ธฐ๋ณธํ˜•๊ณผ ์ฐธ์กฐํ˜•์˜ ์ฐจ์ด์™€ ๋ฉ”๋ชจ๋ฆฌ ๋™์ž‘ ๋ฐฉ์‹

2024๋…„ 8์›” 30์ผ

โœ๐Ÿป TIL

React์™€ SSR vs CSR ์ดํ•ดํ•˜๊ธฐ

2024๋…„ 8์›” 29์ผ

React์™€ ์„œ๋ฒ„ ์‚ฌ์ด๋“œ ๋ Œ๋”๋ง(SSR) vs ํด๋ผ์ด์–ธํŠธ ์‚ฌ์ด๋“œ ๋ Œ๋”๋ง(CSR) ์ดํ•ดํ•˜๊ธฐ

React
๐ŸŒณ Git

Git: ์ดˆ๊ธฐ ์ปค๋ฐ‹๋ถ€ํ„ฐ ์ˆ˜์ •ํ•˜๊ธฐ

2024๋…„ 8์›” 29์ผ

Git
๐Ÿ’ป Frontend

๋ฆฌ์•กํŠธ(React)์˜ ํŠน์ง•

2024๋…„ 8์›” 28์ผ

React
โœ๐Ÿป TIL

nodemon๊ณผ ts-node๋ฅผ ์‚ฌ์šฉํ•œ ESM TypeScript ํŒŒ์ผ ์‹คํ–‰ ๋ฌธ์ œ ํ•ด๊ฒฐ

2024๋…„ 8์›” 23์ผ

Express
TypeScript
Node.js
โœ๐Ÿป TIL

Vercel ๋ฐฐํฌ ์‹œ MongoDB ์ฃผ์†Œ ์„ค์ •๊ณผ CORS ์ด์Šˆ ํ•ด๊ฒฐ ๋ฐฉ๋ฒ•

2024๋…„ 8์›” 22์ผ

Vercel
CORS
โœ๐Ÿป TIL

Vercel ๋ฐฐํฌ ์‹œ ๊ฒฝ๋กœ ์„ค์ • ์ด์Šˆ์™€ ํ•ด๊ฒฐ ๋ฐฉ๋ฒ•

2024๋…„ 8์›” 22์ผ

Vercel
๐ŸŒณ Git
๋ฐ•์˜์›… ๊ฐ•์‚ฌ๋‹˜์˜ Git & GitHub ํŠน๊ฐ• ์ •๋ฆฌ

๋ฐ•์˜์›… ๊ฐ•์‚ฌ๋‹˜์˜ Git & GitHub ํŠน๊ฐ• ์ •๋ฆฌ

2024๋…„ 8์›” 14์ผ

Git
Github
โœ๐Ÿป TIL

[TIL] EJS, Express, MongoDB๋กœ ์‹ฌํ”Œํ•œ ๋ธ”๋กœ๊ทธ ๋งŒ๋“ค๊ธฐ

2024๋…„ 8์›” 8์ผ

EJS, Express, MongoDB๋กœ ์›น ์• ํ”Œ๋ฆฌ์ผ€์ด์…˜ ๊ฐœ๋ฐœ

EJS
Express
MongoDB
โœ๐Ÿป TIL
[TIL] ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ๋ฐฐ์—ด, Set ๊ฐ์ฒด, Map ๊ฐ์ฒด

[TIL] ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ๋ฐฐ์—ด, Set ๊ฐ์ฒด, Map ๊ฐ์ฒด

2024๋…„ 7์›” 30์ผ

JavaScript
๊ฐœ๋…
๐Ÿ’ป Frontend

JavaScript ๋ณ€์ˆ˜์™€ ๋ฉ”๋ชจ๋ฆฌ ๊ด€๋ฆฌ

2024๋…„ 7์›” 27์ผ

JavaScript ๋ณ€์ˆ˜์™€ ๋ฉ”๋ชจ๋ฆฌ ๊ด€๋ฆฌ: Hoisting, undefined, null, ๊ทธ๋ฆฌ๊ณ  ๊ฐ€๋น„์ง€ ์ปฌ๋ ‰์…˜

JavaScript
ํ”„๋ก ํŠธ์—”๋“œ
๐Ÿ’ป Frontend

์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ๋ฉ”๋ชจ๋ฆฌ ๊ด€๋ฆฌ ์‹ฌํ™”

2024๋…„ 7์›” 27์ผ

์ด ๊ธ€์—์„œ๋Š” ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ์˜ ์›์‹œ ํƒ€์ž…๊ณผ ๋ถˆ๋ณ€์„ฑ, ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ์—”์ง„์˜ ์ž‘๋™ ๋ฐฉ์‹, ๊ทธ๋ฆฌ๊ณ  ๊ฐ€๋น„์ง€ ์ปฌ๋ ‰์…˜(Garbage Collection) ์•Œ๊ณ ๋ฆฌ์ฆ˜์ธ Mark and Sweep์— ๋Œ€ํ•ด ์‹ฌ๋„ ์žˆ๊ฒŒ ๋‹ค๋ฃน๋‹ˆ๋‹ค. ์ด๋ฅผ ํ†ตํ•ด ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ์˜ ๋ฉ”๋ชจ๋ฆฌ ๊ด€๋ฆฌ๊ฐ€ ์–ด๋–ป๊ฒŒ ์ด๋ฃจ์–ด์ง€๋Š”์ง€, ๊ทธ๋ฆฌ๊ณ  ๋ฉ”๋ชจ๋ฆฌ ๋ˆ„์ˆ˜๋ฅผ ๋ฐฉ์ง€ํ•˜๊ธฐ ์œ„ํ•ด ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ์—”์ง„์ด ์–ด๋–ค ๋ฐฉ๋ฒ•์„ ์‚ฌ์šฉํ•˜๋Š”์ง€ ์ดํ•ดํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.

JavaScript
ํ”„๋ก ํŠธ์—”๋“œ
๐Ÿ’ป Frontend

์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ์™€ ํ”„๋ก ํŠธ์—”๋“œ ๊ฐœ๋ฐœ

2024๋…„ 7์›” 27์ผ

JavaScript
ํ”„๋ก ํŠธ์—”๋“œ
๐Ÿ’ป Frontend

JSX ๋ฐ ๊ด€๋ จ ๊ฐœ๋… ์ •๋ฆฌ

2024๋…„ 7์›” 26์ผ

JSX
React
๐ŸŒณ Git

Git: ์ด๋ฏธ ํ‘ธ์‹œํ•œ ์ปค๋ฐ‹ ๋ฉ”์‹œ์ง€ ์ˆ˜์ •ํ•˜๊ธฐ

2024๋…„ 7์›” 21์ผ

Git
๐ŸŒณ Git

Git: ํ‘ธ์‹œ๋œ ๋ธŒ๋žœ์น˜๋ช… ๋ณ€๊ฒฝ ๋ฐฉ๋ฒ•

2024๋…„ 7์›” 19์ผ

Github
๐ŸŒณ Git

Git: Repository Mirror Clone ๋ฐ ์ƒˆ๋กœ์šด Repository๋กœ Pushํ•˜๊ธฐ

2024๋…„ 7์›” 19์ผ

Git: Repository Mirror Clone ๋ฐ ์ƒˆ๋กœ์šด Repository๋กœ Pushํ•˜๊ธฐ

Github
๐Ÿ’ป Frontend
DOM์€ ์ •ํ™•ํžˆ ๋ฌด์—‡์ผ๊นŒ?

DOM์€ ์ •ํ™•ํžˆ ๋ฌด์—‡์ผ๊นŒ?

2024๋…„ 7์›” 4์ผ

DOM(Document Object Model)์€ ์›น ํŽ˜์ด์ง€์— ๋Œ€ํ•œ ์ธํ„ฐํŽ˜์ด์Šค์ž…๋‹ˆ๋‹ค.

์›น๊ฐœ๋ฐœ
๐Ÿ’ป Frontend
ํด๋ฆฌํ•„(Polyfill)

ํด๋ฆฌํ•„(Polyfill)

2024๋…„ 6์›” 24์ผ

ํด๋ฆฌํ•„(polyfill)์€ ์ตœ์‹  ์›น ํ‘œ์ค€์˜ ๊ธฐ๋Šฅ์„ ์ง€์›ํ•˜์ง€ ์•Š๋Š” ์˜ค๋ž˜๋œ ๋ธŒ๋ผ์šฐ์ €๋‚˜ ํ™˜๊ฒฝ์—์„œ๋„ ํ•ด๋‹น ๊ธฐ๋Šฅ์„ ์‚ฌ์šฉํ•  ์ˆ˜ ์žˆ๋„๋ก ํ•˜๋Š” ์ฝ”๋“œ์ž…๋‹ˆ๋‹ค.

์›น๊ฐœ๋ฐœ
UX
๐Ÿ’ป Frontend
ํ•ด์‹œ๋ฑ…(#!)๊ณผ History API

ํ•ด์‹œ๋ฑ…(#!)๊ณผ History API

2024๋…„ 6์›” 20์ผ

HTML5์˜ History API๋Š” ์‹ฑ๊ธ€ ํŽ˜์ด์ง€ ์• ํ”Œ๋ฆฌ์ผ€์ด์…˜(SPA) ๊ตฌํ˜„์— ์ค‘์š”ํ•œ ์—ญํ• ์„ ํ•˜๋ฉฐ, ํ•ด์‹œ๋ฑ…(#)์„ ๋Œ€์ฒดํ•˜๋Š” ํ˜„๋Œ€์ ์ธ ๋ฐฉ๋ฒ•์ž…๋‹ˆ๋‹ค. ์ด ๊ธ€์—์„œ๋Š” ํ•ด์‹œ๋ฑ…๊ณผ History API์˜ ๋™์ž‘ ๋ฐฉ์‹, ์žฅ๋‹จ์ , ์ฃผ์š” ๋ธŒ๋ผ์šฐ์ € ์ง€์› ํ˜„ํ™ฉ, ์ตœ์‹  ํ”„๋ ˆ์ž„์›Œํฌ์™€์˜ ์—ฐ๋™ ๋ฐฉ๋ฒ•์„ ์„ค๋ช…ํ•ฉ๋‹ˆ๋‹ค. History API๋Š” SEO ์นœํ™”์ ์ด๊ณ , ๊นจ๋—ํ•œ URL์„ ์ œ๊ณตํ•˜๋ฉฐ, ๋” ๋‚˜์€ ์‚ฌ์šฉ์ž ๊ฒฝํ—˜์„ ๊ฐ€๋Šฅํ•˜๊ฒŒ ํ•ฉ๋‹ˆ๋‹ค.

ํ•ด์‹œ๋ฑ…
History API
๐Ÿ’ป Frontend
About React!

About React!

2024๋…„ 5์›” 31์ผ

Learn React ๐Ÿ™„

React.js
React
๐Ÿ’ป Profile
subin
frontend developer
I develop with the goal of creating robust and valuable services.
๐ŸŒŸ Service
๐Ÿ’ฌ Contact
github
email