profile
πŸŒ™ο½€γ€γ€ο½€γƒ½ο½€γƒ½ο½€γ€γ€γƒ½γƒ½γ€ο½€γ€γƒ½ο½€γƒ½ο½€γƒ½γƒ½ο½€ ヽ`、`ヽ`、ヽ``、ヽ`ヽ`、ヽヽ`ヽ、ヽ `ヽ、ヽヽ`ヽ`、``ヽ`ヽ、ヽ、ヽ`ヽ`ヽ 、ヽ`ヽ`ヽ、ヽ、ヽ`ヽ`ヽ 、ヽ、ヽ、ヽ``、ヽ`、ヽヽ πŸšΆβ€β™€ ヽ``ヽ``、ヽ`、
νƒœκ·Έ λͺ©λ‘
전체보기 (157)TIL(99)JavaScript(62)React(30)web(28)react.js(24)μ•Œκ³ λ¦¬μ¦˜(23)μ½”λ“œμΉ΄νƒ€(23)codekata(22)algorithm(22)CSS(14)html(10)DOM(9)μ½”μ–΄μžλ°”μŠ€ν¬λ¦½νŠΈ(8)js(8)typescript(6)API(6)array(5)WeCode(5)component(4)clone(4)git(4)review(3)λ””μžμΈ(3)frontend(3)hooks(3)μžλ°”μŠ€ν¬λ¦½νŠΈ(3)SSR(3)Event Handler(3)clone project(3)Sass(3)seo(3)next.js(3)useEffect(2)framework(2)CS(2)library(2)bootstrap(2)google(2)Angular(2)interface(2)클둠코딩(2)async(2)jquery(2)μ›ΉνŒ©(2)http(2)this(2)promise(2)design(2)styled components(2)νƒ€μž…μŠ€ν¬λ¦½νŠΈ(2)mobx(2)webpack(2)pre-rendering(2)μ£Όλ‹ˆμ–΄κ°œλ°œμž(2)MVC(2)ν”„λ‘ νŠΈμ—”λ“œ(2)routing(2)sourcetree(2)uxui(2)Query String(2)await(2)μ‹ μž…κ°œλ°œμž(2)Database(2)useState(2)nodejs(1)Aquery(1)카카였(1)searchbar(1)μ—¬μ„±κ°œλ°œμžμ»¨νΌλŸ°μŠ€2020(1)μ „μ—­μƒνƒœκ΄€λ¦¬(1)ν”„λ‘œνΌν‹° ν”Œλž˜κ·Έ(1)λΈŒλΌμš°μ €(1)Object.getOwnPropertyDescriptors(1)faker.js(1)ASCII(1)Class Component(1)callback(1)μ‹€ν–‰μ»¨ν…μŠ€νŠΈ(1)mansonry(1)λΌμš°νŒ…(1)user experience(1)ν”„λ‘œν† νƒ€μž…(1)hosting(1)throttle(1)debounce(1)개발자 도ꡬ(1)Prototype(1)ajax(1)ux(1)UXλ””μžμΈ(1)decorator(1)mock data(1)project reveiw(1)Object.defineProperties(1)μ½”λ“œλ¦¬λ·°(1)parameter(1)객체 ν”„λ‘œνΌν‹°(1)class(1)μ‚¬μ΄λ“œν”„λ‘œμ νŠΈ(1)pagination(1)domain(1)react-modal(1)μ•„μŠ€ν‚€μ•„νŠΈ(1)UI(1)μ½œλ°±ν•¨μˆ˜(1)method(1)mobx-react-lite(1)Flexbox(1)ReactRouter(1)classList(1)2022(1)cli(1)json(1)타이포그라피(1)protocol(1)λΉ„λ™κΈ°μ²˜λ¦¬(1)mongodb(1)DJλΈ”λž™λ²„λ‹ˆ(1)if(kakao)(1)ν΄λ‘œμ €(1)ordering(1)reveal2020(1)tech conference(1)sorting(1)이λͺ¨ν‹°μ½˜(1)μΈν„°νŽ˜μ΄μŠ€(1)λ™μ λΌμš°νŒ…(1)opp(1)μ‚¬μš©μ„±(1)authorization(1)State(1)useRef(1)λ¦¬μ•‘νŠΈλΌμ΄λΈŒλŸ¬λ¦¬(1)ux engineer(1)Code Review(1)axios(1)google map(1)hook(1)@property(1)DevTools(1)Expo(1)κ°œλ°œλ¬Έν™”(1)λ‹€κ΅­μ–΄μ²˜λ¦¬(1)개발자(1)λ°μ΄ν„°νƒ€μž…(1)Reflection(1)클래슀(1)data(1)infinite scroll(1)μ ‘κ·Όμ„±(1)mock(1)typography(1)tagged templates(1)getter(1)setter(1)react native(1)심볼(1)μ‚½μ§ˆ(1)modeling(1)Feedback(1)github(1)react i18next(1)Map(1)developer(1)ν† μ΄ν”„λ‘œμ νŠΈ(1)datastructure(1)κ²€μƒ‰κ²°κ³ΌνŽ˜μ΄μ§€(1)ES6(1)검색창(1)λ³΄μ•ˆ(1)redux(1)가독성(1)closure(1)module bundler(1)User Interface(1)mockdata(1)tuple(1)set(1)kakao(1)Flag(1)reactjs(1)netlify(1)authentication(1)UIλ””μžμΈ(1)MVCνŒ¨ν„΄(1)λ””μžμΈνŒ¨ν„΄(1)prevent scroll(1)function(1)heroku(1)Function Component(1)λ°°μ—΄(1)회고(1)μ•΅κ·€λŸ¬(1)λ²ˆμ—­(1)Flux(1)scroll event(1)refactoring(1)i18n(1)ASCII Art(1)Conference(1)슀크둀 막기(1)컨퍼런슀(1)figma(1)terminal(1)data fetching(1)npm(1)shell(1)ν’€μŠ€νƒ(1)ν”„λ ˆμž„μ›Œν¬(1)μ•„μŠ€ν‚€μ½”λ“œ(1)Restful(1)project review(1)μŠ€μ½”ν”„(1)Symbol(1)rebase(1)linux(1)stack(1)queue(1)ν˜Έμ΄μŠ€νŒ…(1)weakset(1)λ¬΄ν•œμŠ€ν¬λ‘€(1)weakmap(1)Directory(1)browser(1)figlet(1)ascii code(1)
post-thumbnail

μ½˜μ†”μ— 찍고 싢은 μ•„μŠ€ν‚€μ•„νŠΈ λͺ¨μŒ

κ΄€μ’… κ°œλ°œμžλŠ” μ½˜μ†”μ— μžμ•„ν‘œμΆœμ„ ν•œλ‹€

2023λ…„ 1μ›” 13일
Β·
1개의 λŒ“κΈ€
Β·
post-thumbnail

2022 회고

Reflection of my life in 2022. This might not that interesting to you tho.

2023λ…„ 1μ›” 8일
Β·
4개의 λŒ“κΈ€
Β·
post-thumbnail

μžˆμ–΄λ³΄λŠ” Web을 μœ„ν•œ 타이포그라피 10

κ·Έλž˜ν”½ λ””μžμ΄λ„ˆ μΆœμ‹  κ°œλ°œμžλ‘œμ„œ μ›Ήμ—μ„œ 완성도λ₯Ό λ†’μ΄λŠ” κ°€μž₯ 핡심은 νƒ€μ΄ν¬κ·Έλž˜ν”ΌλΌκ³  μƒκ°ν•©λ‹ˆλ‹€.

2023λ…„ 1μ›” 8일
Β·
1개의 λŒ“κΈ€
Β·
post-thumbnail

DJBB ν”„λ‘œμ νŠΈ ν•˜λ©΄μ„œ μ°Έκ³ ν–ˆλ˜ 링크듀

ν”„λ‘œμ νŠΈμ˜ λ§ˆλ¬΄λ¦¬λŠ” μŒ“μ—¬μžˆλŠ” 크둬 νƒ­ μ§€μš°κΈ°. λ‹€μŒ μ‚¬μ΄λ“œ ν”„λ‘œμ νŠΈμ— μ°Έκ³ ν•˜λ €κ³  μ •λ¦¬ν•˜λŠ” μ†Œμ€‘ν•œ 링크듀

2023λ…„ 1μ›” 6일
Β·
0개의 λŒ“κΈ€
Β·
post-thumbnail

(λ²ˆμ—­) ν”„λ‘ νŠΈμ—”λ“œ 개발자λ₯Ό μœ„ν•œ UXUI λ””μžμΈ 기초

μœ μ € μΈν„°νŽ˜μ΄μŠ€λ₯Ό λ§Œλ“œλŠ”λ°, 이건 μ•Œκ³  μžˆμ–΄μ•Όμ§€!

2023λ…„ 1μ›” 5일
Β·
9개의 λŒ“κΈ€
Β·
post-thumbnail

μ‚¬μˆ˜μ—κ²Œ μΉ­μ°¬λ°›λŠ” PR 체크리슀트

Pull Request 에 πŸŽ‰πŸ‘πŸ˜„πŸš€β€οΈ 만 λ‹¬λ¦¬λŠ” κ·Έλ‚ κΉŒμ§€~!~!~!

2021λ…„ 2μ›” 24일
Β·
22개의 λŒ“κΈ€
Β·
post-thumbnail

TIL 109 | λΈŒλΌμš°μ €μ˜ λ™μž‘ 원리

λΈŒλΌμš°μ €λŠ” μ‚¬μš©μžκ°€ μ„ νƒν•œ μžμ›μ„ μ„œλ²„μ— μš”μ²­ν•˜κ³  λΈŒλΌμš°μ €μ— ν‘œμ‹œν•œλ‹€. μžμ›μ€ 보톡 HTML λ¬Έμ„œμ§€λ§Œ, PDFλ‚˜ 이미지 λ˜λŠ” λ‹€λ₯Έ ν˜•νƒœμΌ μˆ˜λ„ μžˆλ‹€.

2021λ…„ 1μ›” 23일
Β·
0개의 λŒ“κΈ€
Β·
post-thumbnail

TIL 108 | AJAX

AJAX μ œλŒ€λ‘œ νŒŒν—€μ³λ³΄μž

2021λ…„ 1μ›” 9일
Β·
0개의 λŒ“κΈ€
Β·
post-thumbnail

TIL 107 | MVC νŒ¨ν„΄

MVC νŒ¨ν„΄μ€ λ””μžμΈ νŒ¨ν„΄ 쀑 ν•˜λ‚˜μ΄λ‹€.

2021λ…„ 1μ›” 8일
Β·
0개의 λŒ“κΈ€
Β·
post-thumbnail

TIL 106 | 객체지ν–₯ ν”„λ‘œκ·Έλž˜λ°κ³Ό ν•¨μˆ˜ν˜• ν”„λ‘œκ·Έλž˜λ°

μ½”μ–΄ μžλ°”μŠ€ν¬λ¦½νŠΈλ₯Ό κ³΅λΆ€ν•˜λ©΄μ„œ 객체지ν–₯ν˜• ν”„λ‘œκ·Έλž˜λ°, ν•¨μˆ˜ν˜• ν”„λ‘œκ·Έλž˜λ° μ΄λΌλŠ” 말이 자주 λ“±μž₯ν•˜λŠ”λ°, μ„€λͺ…에 μ‚¬μš©λ˜λŠ” κ°œλ…λ„ μ–΄λ ΅κ³  λͺ¨ν˜Έν•΄μ„œ 항상 μ°μ°ν•œ 기뢄이 λ“€μ—ˆλ‹€. μ œλŒ€λ‘œ κ°œλ…μ„ μ΄ν•΄ν•˜κ³  λ„˜μ–΄κ°€μ•Ό ν•˜λŠ” CS 기초 μ€‘μ˜ 기초.. ν™•μ‹€ν•˜κ²Œ 짚고 λ„˜μ–΄κ°€λ³΄μž

2021λ…„ 1μ›” 8일
Β·
2개의 λŒ“κΈ€
Β·
post-thumbnail

TIL 105 | JavaScript의 Symbol Data Type

ES6μ—μ„œλŠ” Symbol μ΄λΌλŠ” μ›μ‹œν˜• 데이터 νƒ€μž…μ΄ μƒˆλ‘œμ΄ λ„μž…λ˜μ—ˆλ‹€. μžλ°”μŠ€ν¬λ¦½νŠΈλŠ” 객체 ν”„λ‘œνΌν‹° ν‚€λ‘œ 였직 λ¬Έμžν˜•κ³Ό μ‹¬λ³Όν˜•λ§Œμ„ ν—ˆμš©ν•œλ‹€. μˆ«μžν˜•, λΆˆλ¦°ν˜•μ€ λΆˆκ°€λŠ₯ν•˜λ‹€. 심볼은 μœ μΌν•œ μ‹λ³„μž(unique identifier)λ₯Ό λ§Œλ“€κ³  싢을 λ•Œ μ‚¬μš©ν•œλ‹€.

2021λ…„ 1μ›” 7일
Β·
0개의 λŒ“κΈ€
Β·
post-thumbnail

TIL 104 | Map, Set, WeakMap, WeakSet

Map μΈν„°νŽ˜μ΄μŠ€μ˜ ν•œ μ’…λ₯˜λ‘œ, key-value ν˜•νƒœμ˜ 데이터λ₯Ό μ €μž₯ν•˜λŠ” ν˜•νƒœλ₯Ό 가지고 μžˆλ‹€. Mapμ΄λž€ 킀와 값을 ν•˜λ‚˜μ˜ 쌍으둜 λ¬Άμ–΄μ„œ μ €μž₯ν•˜λŠ” μ»¬λ ‰μ…˜ ν΄λž˜μŠ€λ“€μ„ κ΅¬ν˜„ν•˜λŠ”λ° μ‚¬μš©λœλ‹€.

2021λ…„ 1μ›” 7일
Β·
0개의 λŒ“κΈ€
Β·
post-thumbnail

TIL 103 | JS ES6+ μœ μš©ν•œ Arrays λ©”μ†Œλ“œ

μ•Œμ•„λ‘λ©΄ μ“Έλͺ¨μžˆμŒ

2021λ…„ 1μ›” 7일
Β·
0개의 λŒ“κΈ€
Β·
post-thumbnail

TIL 102 | Rest Syntax, Spread Syntax, Object Literal

ES6μ—μ„œ μ—…λ°μ΄νŠΈλœ νŽΈλ¦¬ν•œ 문법듀 λ‹€μ‹œ 정리해보기

2021λ…„ 1μ›” 6일
Β·
0개의 λŒ“κΈ€
Β·
post-thumbnail

TIL 101 | Tagged Templates

Tagged Template LiteralsλŠ” Template Literalsλ₯Ό μ΄μš©ν•˜μ—¬ ν•¨μˆ˜μ˜ 인자λ₯Ό νŒŒμ‹±ν•˜μ—¬ λ„˜κ²¨μ£ΌλŠ” 것을 μ˜λ―Έν•œλ‹€.λ¬Έμžμ—΄μ€ 첫번째 νŒŒλΌλ―Έν„°μ˜ λ°°μ—΄λ‘œ λ“€μ–΄κ°€κ³ , λ‚˜λ¨Έμ§€ λ³€μˆ˜ 값은 각각 값이 λŒ€μž…λœλ‹€. λ³€μˆ˜λŠ” μ—¬λŸ¬κ°œκ°€ 될 μˆ˜λ„ μžˆλ‹€.

2021λ…„ 1μ›” 5일
Β·
0개의 λŒ“κΈ€
Β·
post-thumbnail

TIL 100 | μ›Ήκ³Ό JavaScript의 역사 κ°„λ‹¨μš”μ•½

udemy의 ES6, ES7 & ES8, TIME to update your JavaScript / ECMAScript κ°•μ˜λ₯Ό 보고 μ •λ¦¬ν•œ λ‚΄μš©μž…λ‹ˆλ‹€.

2021λ…„ 1μ›” 5일
Β·
0개의 λŒ“κΈ€
Β·
post-thumbnail

TIL 99 | μ½”μ–΄μžλ°”μŠ€ν¬λ¦½νŠΈ(7) 클래슀

μžλ°”μŠ€ν¬λ¦½νŠΈλŠ” ν”„λ‘œν† νƒ€μž… 기반 μ–Έμ–΄λΌμ„œ '상속' κ°œλ…μ΄ μ‘΄μž¬ν•˜μ§€ μ•ŠλŠ”λ‹€. 클래슀 기반의 언어에 μ΅μˆ™ν•œ λ§Žμ€ κ°œλ°œμžλ“€μ„ ν˜Όλž€μΌ€ ν–ˆκ³ , μ΄λŸ¬ν•œ λΆˆνŽΈν•¨μ„ ν•΄κ²°ν•˜κΈ° μœ„ν•΄ ES6μ—λŠ” 클래슀 문법이 μΆ”κ°€λ˜μ—ˆλ‹€.

2021λ…„ 1μ›” 3일
Β·
0개의 λŒ“κΈ€
Β·
post-thumbnail

TIL 98 | μ½”μ–΄μžλ°”μŠ€ν¬λ¦½νŠΈ(6) ν”„λ‘œν† νƒ€μž…

μžλ°”μŠ€ν¬λ¦½νŠΈλŠ” ν”„λ‘œν† νƒ€μž… 기반 언어이닀. 클래슀 기반 μ–Έμ–΄μ—μ„œλŠ” '상속'을 μ‚¬μš©ν•˜μ§€λ§Œ ν”„λ‘œν† νƒ€μž… 기반 μ–Έμ–΄μ—μ„œλŠ” μ–΄λ–€ 객체λ₯Ό μ›ν˜•μœΌλ‘œ μ‚Όκ³  이λ₯Ό 볡제(μ°Έμ‘°)ν•¨μœΌλ‘œμ¨ 상속과 λΉ„μŠ·ν•œ 효과λ₯Ό μ–»λŠ”λ‹€.

2021λ…„ 1μ›” 2일
Β·
0개의 λŒ“κΈ€
Β·
post-thumbnail

TIL 97 | μ½”μ–΄μžλ°”μŠ€ν¬λ¦½νŠΈ(5) ν΄λ‘œμ €

ν΄λ‘œμ €λŠ” μžλ°”μŠ€ν¬λ¦½νŠΈ 고유의 κ°œλ…μ΄ μ•„λ‹ˆλΌ μ—¬λŸ¬ ν•¨μˆ˜ν˜• ν”„λ‘œκ·Έλž˜λ° μ–Έμ–΄μ—μ„œ λ“±μž₯ν•˜λŠ” 보편적인 νŠΉμ„±μ΄λ‹€. ν΄λ‘œμ €λŠ” μ–΄λ–€ ν•¨μˆ˜μ—μ„œ μ„ μ–Έν•œ λ³€μˆ˜λ₯Ό μ°Έμ‘°ν•˜λŠ” λ‚΄λΆ€ν•¨μˆ˜μ—μ„œλ§Œ λ°œμƒν•˜λŠ” ν˜„μƒμ΄λ‹€.

2021λ…„ 1μ›” 2일
Β·
0개의 λŒ“κΈ€
Β·