๐Ÿ‘‹๐Ÿป ์ง€ํ˜œ๋กœ์šด ์„ฑ์‹ค, ๋ชฐ์ž…์„ ํ†ตํ•ด ํƒ์›”ํ•จ์„ ์ถ”๊ตฌํ•˜๋Š” Frontend ๊ฐœ๋ฐœ์ž ์ดํšจ๋ฒ”์ž…๋‹ˆ๋‹ค

const hyoBum = FrontDeveloper(
    nickname = "createhb21",
		strength = "immersion",
    birthDate = "1997-12-11",
    phoneNumber = "010-3086-4682",
    emailAddress = "[email protected]"
)

์ตœ์‹  ๊ธฐ์ˆ ๊ณผ ํ๋ฆ„์— ๋Œ€ํ•œ ํ˜ธ๊ธฐ์‹ฌ์ด ๋งค์šฐ ๋งŽ๊ณ  ์ด๋ฅผ ํ”„๋กœ์ ํŠธ์— ์ ์šฉํ•˜๊ณ  ์‹คํ–‰ํ•ด๋ณด๋Š”๊ฒŒ ์ฆ๊ฒ์Šต๋‹ˆ๋‹ค. ์ตœ๊ทผ์—๋Š” ์„ฑ๋Šฅ์„ ์ตœ์ ํ™” ํ•˜๋Š” ๋ฐฉ๋ฒ•,ย TDD์— ๋Œ€ํ•ด ๋ฐฐ์šฐ๊ณ  ์„ฑ์žฅํ•˜๊ณ  ์žˆ์Šต๋‹ˆ๋‹ค.

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

**ํƒ€์ธ(๊ณ ๊ฐ)**์ด ์‰ฝ๊ฒŒ ์ดํ•ดํ•  ์ˆ˜ ์žˆ๋„๋ก ์ œ๊ฐ€ ์•Œ๊ณ  ์žˆ๋Š” ์ง€์‹์„ ๊ณต์œ ํ•˜๋ฉฐ ์Œ๋ฐฉ์˜ ์†Œํ†ต์„ ์œ„ํ•ด ๊ธฐ์ˆ  ๋ธ”๋กœ๊ทธ๋ฅผ ์šด์˜ํ•˜๊ณ  ์žˆ์Šต๋‹ˆ๋‹ค.


๐Ÿ‘จ๐Ÿปโ€๐Ÿ’ป GitHub.

๊ฐ์ข… ํ”„๋กœ์ ํŠธ, ์Šคํ„ฐ๋”” ๋ ˆํฌ์ง€ํ† ๋ฆฌ๊ฐ€ ์žˆ์Šต๋‹ˆ๋‹ค


createhb21 - Overview

๐Ÿ‘จ๐Ÿปโ€๐Ÿ’ป Youtube.

๊ฐœ๋ฐœ ๊ด€๋ จ, ์ปค๋ฎค๋‹ˆ์ผ€์ด์…˜ ์˜์ƒ์ด ์žˆ์Šต๋‹ˆ๋‹ค

์ดํšจ๋ฒ”


๐Ÿ’ป Tech Stack.

Javascript

์ฃผ์–ด์ง„ ์š”๊ตฌ ์‚ฌํ•ญ์— ๋งž๊ฒŒ ๊ณ ๊ฐ์ด ์›ํ•˜๋Š” ๊ธฐ๋Šฅ์„ ์ตœ์ ํ™” ๋˜๋„๋ก ๊ฐœ๋ฐœ ํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. ๋˜ํ•œ Javascript์˜ ๋‹ค์–‘ํ•œ ๋งค์„œ๋“œ๋ฅผ ๊นŠ๊ฒŒ ์ดํ•ดํ•˜๊ณ  ๋‹ค์–‘ํ•˜๊ฒŒ ํ™œ์šฉํ•˜๋Š”๊ฒŒ ์ €๋Š” ์‰ฝ๊ณ  ์ฆ๊ฒ์Šต๋‹ˆ๋‹ค. ๋ฐ˜์‘ํ˜• ๋””์ž์ธ, ์›น ์ ‘๊ทผ์„ฑ, ์›น ํ‘œ์ค€์„ ๊ณ ๋ คํ•œ UI/UX์— ๋Œ€ํ•ด ๊ฐ€์น˜์žˆ๊ฒŒ ์ˆ˜์ค€์žˆ๊ฒŒ ๊ฐœ๋ฐœํ•˜๋Š” ๊ฒƒ์ด ์–ด๋ ต์ง€ ์•Š์Šต๋‹ˆ๋‹ค.

Typescript

FP, OOP ํ”„๋กœ๊ทธ๋ž˜๋ฐ ํŒจ๋Ÿฌ๋‹ค์ž„์— ํฅ๋ฏธ๊ฐ€ ์žˆ์–ด ๊ณต๋ถ€ํ•˜์˜€๊ณ , ์ฝ”๋“œ๋ฆฌ๋ทฐ๋ฅผ ํ†ตํ•ด ํ’ˆ์งˆ ๋ฐ ํƒ€์ž…์˜ ์•ˆ์ •์„ฑ์ด ๋ณด์žฅ ๋˜๋Š”์ง€ ๊ฒ€์ฆํ•˜๋Š” ๊ฒƒ์ด ์ €๋Š” ํฅ๋ฏธ๋กญ์Šต๋‹ˆ๋‹ค.

React & Next.js

React์˜ ๋™์ž‘์›๋ฆฌ์— ๋Œ€ํ•ด ์•Œ๊ณ  ๊ฐœ๋ฐœํ•œ ๊ฒฝํ—˜์ด ์žˆ๊ณ , ์• ํ”Œ๋ฆฌ์ผ€์ด์…˜ ์„ฑ๋Šฅ ์ตœ์ ํ™”์— ๋Œ€ํ•ด ํฅ๋ฏธ๋กญ๊ฒŒ ๋ฐฐ์› ๊ณ  ์‹ค๋ฌด ๊ฐœ๋ฐœ ๊ฒฝํ—˜๋„ ํ•ด๋ณด์•˜์ง€๋งŒ ๊พธ์ค€ํ•œ ๊ด€์‹ฌ๋ถ„์•ผ ์ž…๋‹ˆ๋‹ค. CSR, SSR์—์„œ์˜ ๋น„๋™๊ธฐ ์ฒ˜๋ฆฌ ๋ฐฉ์‹์— ๋Œ€ํ•ด ์ดํ•ด๋ฅผ ๋ฐ”ํƒ•์œผ๋กœ ๋ชฉ์ ์— ๋งž๊ฒŒ ์‚ฌ์šฉํ•˜๋Š” ๊ฒƒ์— ์–ด๋ ค์›€์„ ๋Š๋ผ์ง€ ์•Š์Šต๋‹ˆ๋‹ค. ํ˜„์žฌ๋Š” ํšจ์œจ์ ์ธ ์•„ํ‚คํ…์ฒ˜๋กœ ์•ฑ์„ ๊ฐœ๋ฐœํ•˜๋Š” ๋ฐฉ๋ฒ•์— ๋Œ€ํ•ด ๋ฐฐ์šฐ๊ณ  ์„ฑ์žฅํ•˜๊ณ  ์žˆ์Šต๋‹ˆ๋‹ค.

โœ๐Ÿป Tech Blog.

๊ฐœ๋ฐœ, ๊ธฐ์ˆ ๊ณผ ๊ด€๋ จํ•œ ํฌ์ŠคํŒ…์„ ํ•ฉ๋‹ˆ๋‹ค


awesome import โ€ข dev

alsghk9701 (์ดํšจ๋ฒ”) - velog

๐Ÿ’ป Experience.

๐Ÿ“š Education.

Frontend Skills


๋Œ€ํ‘œ ํ”„๋กœ์ ํŠธ


๐Ÿ“š Article.

๋ฉ‹์Ÿ์ด ์‚ฌ์ž์ฒ˜๋Ÿผ 10๊ธฐ ์šด์˜์ง„ ์ค€๋น„

QueryClient์˜ Default Options ์ ์šฉ

๐Ÿ† Contest.


ํŒ€ ํ”„๋กœ์ ํŠธ

๊ฐœ์ธ ํ”„๋กœ์ ํŠธ


**# ํ•˜๋‚˜! ๋‘˜! ์…‹! # ๋‚ด ๋ชซ์„ ํ•ด๋‚ด์ž!

์„ฑ์žฅ # ๋ชฐ์ž… # ๊พธ์ค€ํ•จ # ๋„์ „ # ํ”„๋ก ํŠธ # ์ฃผ๋‹ˆ์–ด # ๊ฐœ๋ฐœ์ž # Createhb21**