profile
๐Ÿƒ๐Ÿฝ ๋™์ ์ธ ๊ฐœ๋ฐœ์ž
ํƒœ๊ทธ ๋ชฉ๋ก
์ „์ฒด๋ณด๊ธฐ (126)JavaScript(15)programmers(10)level1(10)html(5)CSS(5)typescript(4)redux(4)๊ฐœ๋ฐœ์ผ๊ธฐ(2).env(2)lodash(2)hooks(2)switch(2)mini project(2)json(2)ESLint(2)object(2)์›์‹œ๊ฐ’(2)type(2)lifecycle(2)figma(2)ํŒจ์ŠคํŠธ์บ ํผ์Šค(2)react redux(2)youtubeiframe(1)scss(1)position(1)math(1)immutablility(1)MergeSort(1)BEM(1)API(1)lowDB(1)Portal(1)Graph(1)์›ํ‹ฐ๋“œ(1)useHistory(1)CRA(1)์—์ด์ฝ˜(1)flex wrap(1)mac(1)classes(1)ํ”„๋ก ํŠธ์•ค๋“œ(1)stack/queue(1)slider(1)reduxjs/toolkit(1)operator(1)ํ•ด์ปคํ†ค(1)vue(1)vue.js(1)countingsort(1)errorBoundary(1)data-์†์„ฑ๋ช…(1)router(1)float(1)pritter(1)deep dive(1)write-excel-file(1)Chart.js(1)Recoil(1)useEffect(1)useState(1)MDN(1)Spread(1)async(1)class(1)for(1)Flex(1)UIUX(1)Debouncing(1)webpack(1)๊ณ„์ • ์ƒ์„ฑ ์‹คํŒจ(1)method(1)git flow(1)Generic(1)flex grow(1)stylelint(1)hoisting(1)CI/CD(1)Route(1)parcel(1)compileOptions(1)CSSModule(1)Husky(1)level2(1)d3.js(1)์›ํ‹ฐ๋“œ ํ”„๋ฆฌ์˜จ๋ณด๋”ฉ ์ฝ”์Šค(1)Big O(1)react-query(1)M1์นฉ(1)useMemo(1)useReducer(1)DOM(1)redux-middleware(1)axios(1)2022 KAKAO BLIND RECRUITMENT(1)Interfaces(1)material(1)fastcampus(1)repaint()(1)postcss(1)SSR(1)localstorage(1)block(1)๊ฐœ๋ฐœ์ž(1)Programmer(1)๋‚ด์ (1)inline(1)querystring(1)hackerthon(1)array(1)spa(1)jest(1)HoC(1)github(1)seo(1)CSSOM(1)๋ณ€์ˆ˜(1)๊ตญ๋น„๊ต์œก(1)GSAP(1)babel(1)TDZ(1)CreateElement(1)Throttling(1)์—์–ด๋น„์—”๋น„์ฒด(1)KDT_bank(1)swiperjs(1)reflow(1)๋ฐ์ดํ„ฐ ์‹œ๊ฐํ™”(1)swiper(1)ํ”„๋ก ํŠธ์—”๋“œ ๋ฉด์ ‘(1)boj(1)algorithm(1)K-Digital-Training(1)ThanksToMax(1)scope(1)git(1)MACBOOK ์ดˆ๊ธฐํ™”(1)๋ฉ”๊ฐ€๋ฐ”์ดํŠธ์Šค์ฟจ(1)function(1)new ์—ฐ์‚ฐ์ž(1)์ •๊ทœํ‘œํ˜„์‹(1)
post-thumbnail

[TIL] ์›ํ‹ฐ๋“œ ์˜จ๋ณด๋”ฉ - ์ฝ”๋“œ๋ฆฌ๋ทฐ

๋ฆฐํŠธ ์ผœ๊ณ !์ฝ˜์†”์— ๊ฒฝ๊ณ  ์—†์ด150์ค„์„ ๋„˜๊ธฐ์ง€ ์•Š๋Š” ์ฝ”๋“œ ์งœ๊ธฐ๊ด‘ํด ๋ฐฉ์ง€๋กœ ์“ฐ๋กœํ‹€๋ง, ๋””๋ฐ”์šด์Šค ๊ฑธ๊ธฐ (300ms ์ •๋„)observer ์‚ฌ์šฉํ•˜๋ฉด ๊ผญ ์–ธ๋งˆ์šดํŠธ ํด๋ฆฐ ํ•ด์ฃผ๊ธฐ์—ญ์‹œ๋‚˜ ๊ด‘ํด์‹œ api ๋ฅผ ๋ถˆ๋Ÿฌ์˜ค๊ณ  state์— ์ €์žฅ๋˜๋Š” ๊ณผ์ •์„ ๊ณ ๋ คํ•˜์—ฌ ์ฝ”๋“œ ์งœ๊ธฐkey ๊ฐ’์€ ๋…ธ์ถœ๋˜์ง€ ์•Š๋„

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

[KDT]FCFE - 6์ฃผ2์ผ 2. TypeScript (classes, generic)

Classes constructor(๊ตฌ์กฐ) & initialize(์ดˆ๊ธฐํ™”) strict ๋ชจ๋“œ์—์„œ๋Š” ํ”„๋กœํผํ‹ฐ๋ฅผ ์„ ์–ธํ•˜๋Š” ๊ณณ ๋˜๋Š” ์ƒ์„ฑ์ž์—์„œ ๊ฐ’์„ ํ• ๋‹นํ•ด์•ผ ํ•œ๋‹ค. ํด๋ž˜์Šค์˜ ํ”„๋กœํผํ‹ฐ๊ฐ€ ์ •์˜๋˜์–ด ์žˆ์ง€๋งŒ, ๊ฐ’์„ ๋Œ€์ž…ํ•˜์ง€ ์•Š์œผ๋ฉด undefined ์ด๋‹ค. ์ƒ์„ฑ์ž์—๋Š” asyn

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

[KDT]FCFE - 6์ฃผ1์ผ TypeScript (Interfaces, Classes)

: type์„ ๋งŒ๋“ค์–ด๋‚ด๋Š” ๋ฐฉ์‹.type์„ ์ •์˜ํ•˜์—ฌ ์‚ฌ์šฉํ•˜๊ธฐ ๋•Œ๋ฌธ์— ์ฝ”๋“œ๋Ÿ‰์ด ์ค„๊ณ  ์ค‘๋ณต์œผ๋กœ ์‚ฌ์šฉ๊ฐ€๋Šฅํ•˜๊ฒŒ ํ•œ๋‹ค.โญ๏ธ js ๋กœ ์ปดํŒŒ์ผ์„ ํ•˜๋ฉดinterface ๋ฅผ ํ†ตํ•ด type์„ ์ •์˜ํ•œ ๋ถ€๋ถ„์€ ๋ณด์ด์ง€ ์•Š๋Š”๋‹ค.: ์—†์–ด๋„ ์ƒ๊ด€์—†๋Š” ํ”„๋กœํผํ‹ฐ ๋งŒ๋“ค๊ธฐ ( ? ): ํ”„๋กœํผํ‹ฐ ๋„ค์ž„์„ ๋„ฃ๋Š”

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

[KDT]FCFE - 5์ฃผ4์ผ - TypeScript

TypeScript programming language compiled language ( ์ „ํ†ต์ ์€ compiled ๋Š” ์•„๋‹ˆ๋‹ค. ) transpile Compiled / Interpreted compiled ์ปดํŒŒ์ผ์ด ํ•„์š” O ์ปดํŒŒ์ผ๋Ÿฌ๊ฐ€ ํ•„์š” O ์ปดํŒŒ์ผํ•˜๋Š” ์‹œ์ 

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