profile
๐ŸŒฟ๐Ÿ’ป๐Ÿ’ช๐Ÿง ๐Ÿ‘โœจ๐ŸŽ‰
ํƒœ๊ทธ ๋ชฉ๋ก
์ „์ฒด๋ณด๊ธฐ (59)TIL(19)WIL(4)ํ”„๋กœ๊ทธ๋ž˜๋จธ์Šค(4)์ŠคํŒŒ๋ฅดํƒ€์ฝ”๋”ฉํด๋Ÿฝ(3)React(3)ts(3)์›น๊ฐœ๋ฐœ ์ข…ํ•ฉ๋ฐ˜(3)์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ(2)๋ผ์ดํ”„์‚ฌ์ดํด(2)git-bash(2)JWT(2)DOM(2)reduce(2)ํด๋ก ์ฝ”ํŒ…(1)ํ•จ์ˆ˜ํ˜•/ํด๋ž˜์Šคํ˜•(1)ํด๋ž˜์Šค์ปดํฌ๋„ŒํŠธ(1)CRA(1)@mixin@include(1)๋ฆฌ์•กํŠธ(1)object-fit(1)& (์ƒ์œ„ ์„ ํƒ์ž ์ฐธ์กฐ)(1)react router dom(1)getElementsByTagNameNS(1)์œˆ๋„์šฐ(1).toLocaleString()(1)Module(1)๋„ค์ž„์ŠคํŽ˜์ด์Šค(1)์–‘์žํƒ์ผ(1)input(1)fetch().then()(1)ํ™˜๊ฒฝ๋ณ€์ˆ˜(1)return(1)parameter(1)cmd(1)ESLint(1)nodeList(1)์ฒ ์ž๋ฅผ ํ‹€๋ฆฌ์ง€ ๋ง์ž(1)๊ธฐ๋ณธํƒ€์ž…(1)redux-toolkit(1)๋งŒ๋“œ๋Š” ์ค‘(1)ํ›…(1)click(1)์ฒซ ํ˜‘์—…(1)Sort(1)setInterval(1)@Target(1)html(1)CurrentTarget(1)name(1)mousedown(1)JSX(1)css ์ „์ฒ˜๋ฆฌ๊ธฐ(1)๋ณ€์ˆ˜(1)HTMLCollection(1)Map(1)๋งฅ(1)ํŒ€ํ”„๋กœ์ ํŠธ(1)ํ”„๋ฆฌ์˜จ๋ณด๋”ฉ(1)๋‹ฌ๋ ฅ(1)ํŒŒ์ด์ฌ(1)๋ฆฌ์•กํŠธ ๊ธฐ์ดˆ๋ฐ˜(1)children(1)vscode(1)childNodes(1)์„œ๋ฒ„๋ฆฌ์Šค(1)underscore(1)scss(1)cors(1)ES(1)

firebase_firestore database

์ง€์ •ํ•  ID๊ฐ€ ์žˆ์„ ๋• = set, ID๋ฅผ ์ž๋™์ƒ์„ฑ ํ•˜๊ณ  ์‹ถ์„ ๋• = add

1์ผ ์ „
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€

redux-toolkit

1. yarn add @reduxjs/toolkit react-redux 2. store๋งŒ๋“ค๊ธฐ 3. state๋ฅผ ๊ฐ€์ ธ๋‹ค ์“ธ๋ ค๋ฉด ์Šคํ† ์–ด๋ž‘ ์ปดํฌ๋„ŒํŠธ๋ž‘ ์—ฐ๊ฒฐํ•ด์ฃผ๊ธฐ 4. slice ์ƒ์„ฑ ์ดˆ๊ธฐ ์ƒํƒœ, ๋ฆฌ๋“€์„œ ํ•จ์ˆ˜์˜,์Šฌ๋ผ์ด์Šค ์ด๋ฆ„์„ ๋ฐ›์•„ ๋ฆฌ๋“€์„œ ๋ฐ ์ƒํƒœ์— ํ•ด๋‹นํ•˜๋Š” ์•ก์…˜ ์ƒ์„ฑ์ž์™€ ์•ก์…˜ ์œ ํ˜•์„ ์ž๋™์œผ๋กœ ์ƒ์„ฑํ•˜๋Š” ํ•จ์ˆ˜ 5. ๋งŒ๋“  ์Šฌ๋ผ์ด์Šค๋ฅผ ์Šคํ† ์–ด์— ์ถ”๊ฐ€ํ•ด์ฃผ๊ธฐ 6...

2022๋…„ 6์›” 27์ผ
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€

parameter underscore

LIST.map((_,index) => {...})

2022๋…„ 6์›” 25์ผ
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€

SCSS_&

2022๋…„ 6์›” 21์ผ
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€

CRLF๋ž‘ LF

Delete โ eslint (prettier/prettier)

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

๋ชจ๋‹ฌ์ฐฝ ๋ฐ– ํด๋ฆญ์‹œ ๋‹ซ๊ธฐ

e.target๊ณผ e.currentTarget์˜ ์ฐจ์ด์  currentTarget : ์ด๋ฒคํŠธ ๋ฆฌ์Šค๋„ˆ๊ฐ€ ๋‹ฌ๋ฆฐ ์š”์†Œ target : ์‹ค์ œ ์ด๋ฒคํŠธ๊ฐ€ ๋ฐœ์ƒํ•˜๋Š” ์š”์†Œ ์œ„ ์ฝ”๋“œ์—์„œ e.target๊ณผ e.currentTarget์„ ์ฐ์–ด๋ณด๋ฉด currentTarget์€ ์–ด๋”œ ๋ˆŒ๋Ÿฌ๋„ modalWrap์ด ๋‚˜์˜ค๊ณ  target์€ modalBox๋‚˜ ๋‹ค๋ฅธ ์š”์†Œ๋“ค์ด ๋‚˜์˜จ๋‹ค ํด๋ฆญํ•œ ์š”...

2022๋…„ 6์›” 11์ผ
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€

๋ฐฐ์—ด์—์„œ ๊ฐ์ฒด๋ฐฐ์—ด๋กœ

reduce๋กœ ๊ฐ์ฒด๋ฐฐ์—ด ๋งŒ๋“ค๊ธฐ

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

TIL_22.05.22

์˜ค๋Š˜์€ ๊ฐ•์˜ ์žˆ๋Š” ๋‚ 

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

์–ธ์  ๊ฐ€๋Š” ๊ผญ ๋งŒ๋“ค ๋‹ฌ๋ ฅ

ํ”„๋ก ํŠธ์—”๋“œ ๊ณต๋ถ€๋ฅผ ํ•˜๊ธฐ ์ „๋ถ€ํ„ฐ ๋‚˜๋Š” ์ƒ๋ฆฌ ๊ธฐ๋ก ์•ฑ์„ ๋งŒ๋“ค๊ณ  ์‹ถ์—ˆ๋‹ค. ๋‚˜๋Š” ์ฃผ๊ธฐ๋งŒ ์•Œ๋ฉด ๋˜๋Š”๋ฐ ์ง€๊ธˆ ์“ฐ๊ณ  ์žˆ๋Š” ์•ฑ์€ ๊ด‘๊ณ ๊ฐ€ ๋„ˆ๋ฌด ๋งŽ๋‹ค. ์ด์ œ๋Š” ui ๋งŒ๋“ค ์ค„ ์•Œ๊ณ  ํ˜ธ์ŠคํŒ…๋„ ํ•  ์ค„ ์•Œ๊ณ  ํŒŒ์ด์–ด๋ฒ ์ด์Šค๋„ ์“ธ ์ˆ˜ ์žˆ์œผ๋‹ˆ๊นŒ ์ด์ œ๋Š” ๋‚ ์งœ ๊ตฌํ•˜๋Š” ๋ฐฉ๋ฒ•๋งŒ ์•Œ๋ฉด ๋งŒ๋“ค ์ˆ˜ ์žˆ๋‹ค ํ•˜ํ•˜ํ•˜ํ•˜ํ•˜

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

TIL_22.05.18

์˜ค๋Š˜์˜ ๊ณต๋ถ€

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

TIL_22.05.17

์˜ค๋Š˜์˜ ๊ณต๋ถ€

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

Array.prototype.reduce()

reduce()๋Š” ๋ชจ๋‘์˜ ์•„๋ฒ„์ง€

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

TIL_22.05.16

๋””๋ฐ”์šด์‹ฑ์ด๋ž‘ ์“ฐ๋กœํ‹€๋ง์ด๋ž‘ TS๊ธฐ๋ณธํƒ€์ž…

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

TS

๐Ÿฆ–๐Ÿฆ–๐Ÿฆ–๐Ÿฆ–๐Ÿฆ–๐Ÿฆ–๐Ÿฆ–

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

์˜ค๋Š˜

๋“œ๋กญ๋‹ค์šด ๋ฆฌ์ŠคํŠธ ํ‚ค๋ณด๋“œ ์กฐ์ž‘ ๊ฒ€์ƒ‰ ํ‚ค์›Œ๋“œ: javascript list keyboard navigation

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

JS_setInterval

setTimeout์ด ํ•จ์ˆ˜๋ฅผ ๋‹จ ํ•œ ๋ฒˆ๋งŒ ์‹คํ–‰ํ•˜๋Š” ๊ฒƒ๊ณผ ๋‹ฌ๋ฆฌsetInterval์€ ํ•จ์ˆ˜๋ฅผ ์ฃผ๊ธฐ์ ์œผ๋กœ ์‹คํ–‰ํ•˜๊ฒŒ ๋งŒ๋“ฆ. ํ•จ์ˆ˜ ํ˜ธ์ถœ์„ ์ค‘๋‹จํ•˜๋ ค๋ฉด clearInterval(timerId)์„ ์‚ฌ์šฉํ•˜๋ฉด ๋œ๋‹ค

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

TS_์ „์—ญ์„ค์น˜ ๋ง๊ณ  ๋กœ์ปฌ์— ์„ค์น˜

npm install -D typescript OR npm install --save-dev typescript

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

TIL_22.05.09

22.05.09

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

TIL_22.05.08

๋ช…ํ™•ํ•œ ์งˆ๋ฌธ ๋ช…ํ™•ํ•œ ๋‹ต๋ณ€

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

์ฒ ์ž๋ฅผ ํ‹€๋ฆฌ์ง€ ๋ง์ž

์–ด์ด๊ฐ€ ์—†๋„ค

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