profile
πŸƒπŸ½ 동적인 개발자
νƒœκ·Έ λͺ©λ‘
전체보기 (131)JavaScript(15)programmers(10)level1(10)React(5)html(5)CSS(5)typescript(4)redux(4)개발일기(2)lodash(2)switch(2)hooks(2)mini project(2)json(2)ESLint(2)object(2).env(2)μ›μ‹œκ°’(2)type(2)lifecycle(2)패슀트캠퍼슀(2)figma(2)react redux(2)TIL(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)input(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)select(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)μ œμ–΄ μ»΄ν¬λ„ŒνŠΈ(1)SSR(1)localstorage(1)block(1)개발자(1)Programmer(1)내적(1)inline(1)querystring(1)hackerthon(1)array(1)form(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)youtubeiframe(1)
post-thumbnail

[JAVASCRIPT] DEEP DIVE 17μž₯ μƒμ„±μž ν•¨μˆ˜μ— μ˜ν•œ 객체 생성

17μž₯ μƒμ„±μž ν•¨μˆ˜μ— μ˜ν•œ 객체 생성 17.1 Object μƒμ„±μž ν•¨μˆ˜

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

[KDT]FCFE - 3μ£Ό4일 λ©”λͺ¨λ¦¬ κ΄€μ μ˜ js, js DOM μ΄ν•΄ν•˜κ³  μ‚¬μš©ν•˜κΈ°

μˆ˜μ—… μ£Όμ œλ©”λͺ¨λ¦¬ κ΄€μ μ˜ jsjs DOM μ΄ν•΄ν•˜κ³  μ‚¬μš©ν•˜κΈ°λ©”λͺ¨λ¦¬ λ™μž‘μ„ λ³Ό 수 μžˆλŠ” 툴 νŽ˜μ΄μ§€!파이썬 νŠœν„°μ—¬λŸ¬κ°€μ§€ μ–Έμ–΄μ˜ λ©”λͺ¨λ¦¬ λ™μž‘μ„ λ³Ό 수 μžˆλ‹€.js : 인터프리터 μ–Έμ–΄, νƒ€μž… ꡬ뢄없이 ν• λ‹Ήc : 컴파일 μ–Έμ–΄, νƒ€μž…μ— 따라 λ©”λͺ¨λ¦¬ μ§€μ •js의 ν•¨μˆ˜λŠ” 객체닀.μ„ μ–Έλœ ν•¨μˆ˜

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

[JAVASCRIPT]DEEP DIVE 13μž₯ μŠ€μ½”ν”„

λͺ¨λ“  μ‹λ³„μžλŠ” μžμ‹ μ΄ μ„ μ–Έλœ μœ„μΉ˜μ— μ˜ν•΄ λ‹€λ₯Έ μ½”λ“œκ°€ μ‹λ³„μž μžμ‹ μ„ μ°Έμ‘°ν•  수 μžˆλŠ” 유효 λ²”μœ„κ°€ κ²°μ • λœλ‹€. 이λ₯Ό μŠ€μ½”ν”„λΌ ν•œλ‹€. 즉, μŠ€μ½”ν”„λŠ” μ‹λ³„μžκ°€ μœ νš¨ν•œ λ²”μœ„λ₯Ό λ§ν•œλ‹€. μ½”λ“œλŠ” μ „μ—­(global)κ³Ό μ§€μ—­(local)으둜 ꡬ뢄할 μˆ˜μžˆλ‹€. 전역은 μ „μ—­ μŠ€μ½”ν”„λ₯Ό 만

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

[JAVASCRIPT]DEEP DIVE 12μž₯ ν•¨μˆ˜

ν•¨μˆ˜λŠ” 일련의 과정을 문으둜 κ΅¬ν˜„ν•˜κ³  μ½”λ“œλΈ”λ‘μœΌλ‘œ κ°μ‹Έμ„œ ν•˜λ‚˜μ˜ μ‹€ν–‰λ‹¨μœ„λ‘œ μ •μ˜ν•œ 것이닀.ν•¨μˆ˜ μ •μ˜λ§ŒμœΌλ‘œ μ‹€ν–‰λ˜λŠ” 것이 μ•„λ‹ˆλ‹€. ν•¨μˆ˜ ν˜ΈμΆœμ„ ν•˜μ—¬ μ‹€ν–‰ν•œλ‹€.ν•¨μˆ˜ 호좜 : μ½”λ“œλΈ”λ‘μ— λ‹΄κΈ΄ 문듀이 μΌκ΄„μ μœΌλ‘œ μ‹€ν–‰λ˜κ³ , μ‹€ν–‰ κ²°κ³Ό, 즉 λ°˜ν™˜κ°’μ„ λ°˜ν™˜ν•œλ‹€. ν•¨μˆ˜λŠ” ν•„μš”ν•  λ•Œ

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

[KDT]FCFE - 2주3일 HTML,CSS,JAVASCRIPT 기본

background-image: url("");: 이미지 μ‚½μž…background-attachment: scroll;: 슀크둀 생성parallax(νŽ˜λŸ΄λ ‰μŠ€) :background-attachment: fixed;: 배경은 κ·ΈλŒ€λ‘œ 있고 μš”μ†Œλ§Œ 움직여 배경을 λΆ€λΆ„λΆ€λΆ„ 보여지

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

[JAVASCRIPT]DEEP DIVE 11μž₯ μ›μ‹œκ°’κ³Ό 객체 비ꡐ

μžλ°”μŠ€ν¬λ¦½νŠΈκ°€ μ œκ³΅ν•˜λŠ” 7κ°€μ§€ 데이터 νƒ€μž…μ€ 크게 μ›μ‹œ νƒ€μž…κ³Ό 객체 νƒ€μž…μœΌλ‘œ ꡬ뢄할 수 μžˆλ‹€.μ›μ‹œ νƒ€μž…μ˜ κ°’, 즉 μ›μ‹œ 값은 λ³€κ²½ λΆˆκ°€λŠ₯ν•œ 값이닀. 반면 객체 νƒ€μž…μ˜ κ°’, 즉 κ°μ²΄λŠ” λ³€κ²½κ°€λŠ₯ν•œ 값이닀.μ›μ‹œκ°’μ„ λ³€μˆ˜μ— ν• λ‹Ήν•˜λ©΄ λ³€μˆ˜(ν™•λ³΄λœ λ©”λͺ¨λ¦¬ 곡간)μ—λŠ” μ‹€μ œ 값이

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

[JAVASCRIPT]DEEP DIVE 10μž₯ 객체 λ¦¬ν„°λŸ΄

πŸ”‘ μžλ°”μŠ€ν¬λ¦½νŠΈλŠ” 객체 기반의 ν”„λ‘œκ·Έλž˜λ° 언어이며, μžλ°”μŠ€ν¬λ¦½νŠΈλ₯Ό κ΅¬μ„±ν•˜λŠ” 거의 "λͺ¨λ“ κ²ƒ"이 객체닀.μ›μ‹œ 값을 μ œμ™Έν•œ λ‚˜λ¨Έμ§€ κ°’(ν•¨μˆ˜, λ°°μ—΄, μ •κ·œ ν‘œν˜„μ‹ λ“±)은 λͺ¨λ‘ 객체닀. μ›μ‹œ νƒ€μž…μ€ 단 ν•˜λ‚˜μ˜ κ°’ 만 λ‚˜νƒ€λ‚΄μ§€λ§Œ,객체 νƒ€μž…μ€ λ‹€μ–‘ν•œ νƒ€μž…μ˜ 값을 ν•˜λ‚˜μ˜ λ‹¨μœ„λ‘œ

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

[JAVASCRIPT]DEEP DIVE 9μž₯ νƒ€μž…λ³€ν™˜κ³Ό 단좕평가

μžλ°” 슀크립트의 λͺ¨λ“  값은 νƒ€μž…μ΄ μžˆλ‹€. κ°œλ°œμžκ°€ μ˜λ„μ  κ°’μ˜ νƒ€μž…μ„ λ³€ν™˜ β‡’ λͺ…μ‹œμ  νƒ€μž… λ³€ν™˜(explicit coercion), νƒ€μž… μΊμŠ€νŒ…(type casting) 개발자의 μ˜λ„μ™€ 상관없이 ν‘œν˜„μ‹μ„ ν‰κ°€ν•˜λŠ” 도쀑에 μžλ°”μŠ€ν¬λ¦½νŠΈ 엔진에 μ˜ν•΄ 암묡적인 νƒ€μž…μ˜ λ³€ν™˜

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

[KDT]FCFE - 2주1일 Javascript 기본

04.Javascript λ°°μ—΄κ³Ό 반볡문 for λ¬Έ

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

[KDT]FCFE - 1주5일 - 2. JAVASCRIPT

Part04 JAVASCRIPT 01. Javascriptμ™€μ˜ 첫 λ§Œλ‚¨

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

[JAVASCRIPT]DEEP DIVE 8μž₯ μ œμ–΄λ¬Έ

쑰건에 따라 μ½”λ“œ 블둝을 μ‹€ν–‰(쑰건문)ν•˜κ±°λ‚˜ 반볡 μ‹€ν–‰(반볡문) ν•  λ•Œ μ‚¬μš©ν•œλ‹€.0개 μ΄μƒμ˜ 문을 μ€‘κ΄„ν˜Έ({ }) 둜 묢은것 이닀.블둝문은 문의 μ’…λ£Œλ₯Ό μ˜λ―Έν•˜λŠ” 자체 쒅결성을 κ°–κΈ° λ•Œλ¬Έμ— 블둝문 λμ—λŠ” μ„Έλ―Έμ½œλ‘ (;)을 뢙이지 μ•ŠλŠ”λ‹€.쑰건식(conditional expr

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

[JAVASCRIPT]DEEP DIVE 7μž₯ μ—°μ‚°μž

μ—°μ‚°μž(operator)λŠ” ν•˜λ‚˜ μ΄μƒμ˜ ν‘œν˜„μ‹μ„ λŒ€μƒμœΌλ‘œ μ‚°μˆ , ν• λ‹Ή, 비ꡐ, 논리, νƒ€μž…, μ§€μˆ˜μ—°μ‚° 등을 μˆ˜ν•΄ν•΄ ν•˜λ‚˜μ˜ 값을 λ§Œλ“ λ‹€.μ—°μ‚°μ˜ λŒ€μƒμ„ ν”Όμ—°μ‚°μžλΌ ν•œλ‹€. ν”Όμ—°μ‚°μžλŠ” κ°’μœΌλ‘œ 평가될 수 μžˆλŠ” ν‘œν˜„μ‹ μ΄μ–΄μ•Όν•œλ‹€.μ‚°μˆ  μ—°μ‚°μžλŠ” ν”Όμ—°μ‚°μžλ₯Ό λŒ€μƒμœΌλ‘œ μˆ˜ν•™μ  계산을 수

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

[JAVASCRIPT]DEEP DIVE 6μž₯ 데이터 νƒ€μž…

6μž₯ 데이터 νƒ€μž… Data type 6.1 숫자(number) νƒ€μž… λͺ¨λ“  수λ₯Ό μ‹€μˆ˜λ‘œ μ²˜λ¦¬ν•˜λ©°, μ •μˆ˜λ§Œμ„ ν‘œν˜„ν•˜κΈ° μœ„ν•œ νƒ€μž…μ΄ μ‘΄μž¬ν•˜μ§€ μ•ŠλŠ”λ‹€. 6.2 λ¬Έμžμ—΄(string) νƒ€μž… λ¬Έμžμ—΄μ€ μž‘μ€λ”°μ˜΄ν‘œ(''), ν°λ”°μ˜΄ν‘œ(""), λ°±ν‹±(``)으둜 감싼닀. 6.3

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

[JAVASCRIPT]DEEP DIVE 5μž₯ ν‘œν˜„μ‹κ³Ό λ¬Έ

κ°’(value)은 식(ν‘œν˜„μ‹ expression)이 평가(evaluate)λ˜μ–΄ μƒμ„±λœ κ²°κ³Όλ₯Ό λ§ν•œλ‹€.ν• λ‹Ή 이전에 ν‰κ°€λ˜μ–΄ 값을 μƒμ„±ν•˜κ³  κ·Έ 값이 ν• λ‹Ήλœλ‹€.숫자 λ¦¬ν„°λŸ΄μ„ 평가해 숫자 값을 μƒμ„±ν•œλ‹€.μ½”λ“œκ°€ μ‹€ν–‰λ˜λŠ” μ‹œμ μΈ λŸ°νƒ€μž„μ‹œμ— λ¦¬ν„°λŸ΄μ„ ν‰κ°€ν•˜μ—¬ 값을 μƒμ„±ν•œλ‹€.(ν• λ‹Ή

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

[JAVASCRIPT]DEEP DIVE 4μž₯ λ³€μˆ˜

값은 λ©”λͺ¨λ¦¬μ— κΈ°μ–΅λœλ‹€.λ³€μˆ˜λŠ” κ°’μ˜ μœ„μΉ˜(값이 μ €μž₯된 μ €μž₯된 λ©”λͺ¨λ¦¬μ˜ μ£Όμ†Œ)λ₯Ό κ°€λ¦¬ν‚€λŠ” 상징적인 이름이닀.λ³€μˆ˜λ₯Ό 톡해 μ•ˆμ „ν•˜κ²Œ 값에 μ ‘κ·Όν•  수 μžˆλ‹€.λ³€μˆ˜μ˜ 이름을 μ‹λ³„μž(identifier) 라고 ν•œλ‹€.μ‹λ³„μžλŠ” 값이 μ•„λ‹ˆλΌ λ©”λͺ¨λ¦¬μ˜ μ£Όμ†Œλ₯Ό κΈ°μ–΅ν•˜κ³  μžˆλ‹€.μ‹λ³„μžκ°€ κΈ°μ–΅ν•˜

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