profile
โ˜• BE BETTER THAN I WAS YESTERDAY ๐Ÿ’ป
ํƒœ๊ทธ ๋ชฉ๋ก
์ „์ฒด๋ณด๊ธฐ (89)TIL(78)python(29)JavaScript(16)React(15)html(7)CSS(7)django(4)์œ„์ฝ”๋“œ(4)arrayMethods(3)Event(3)array(3)assignment(3)์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ(3)WeCode(3)List(3)set(3)git(3)Props(2)tuple(2)continue(2)while(2)for(2)position(2)hooks(2)tutorial(2)dictionary(2)if(2)String(2)redux(2)1์ฐจํ”„๋กœ์ ํŠธ(2)์„ธํŠธ(2)github(2)break(2)๋”•์…”๋„ˆ๋ฆฌ(2)syspath(1)part2(1)variables(1)webpage(1)๋ฏธ์…˜(1)hyphen(1)reference(1)ํฌ๋งคํŒ…(1)float(1)ํŠœํ”Œ(1)useEffect(1)useState(1)fixed(1)img(1)js(1)Spread(1)package.json(1)async(1)์ฝ”๋“œ๋ฆฌ๋ทฐ(1)๋ฆฌ์ŠคํŠธ์ปดํ”„๋ฆฌํ—จ์…˜(1)๊ฐœ๋…(1)freitag(1)pagination(1)commanline(1)์ž…์ถœ๋ ฅ๊ณผ์‚ฌ์น™์—ฐ์‚ฐ(1)webpack(1)frontend(1)์ฝœ๋ฐฑํ•จ์ˆ˜(1)Flexbox(1)๋ ˆ์ด์•„์›ƒ(1)unshift(1)semanticweb(1)๋ฌธ์ž์—ด(1)error(1)๋ฐฑ์ค€1๋‹จ๊ณ„(1)๊ฐ€๋ณ€๊ฐ์ฒด(1)westagram(1)๋ฐ˜๋ณต๋ฌธ(1)find(1)๋น„๋™๊ธฐ์ฒ˜๋ฆฌ(1)๋กœ์šฐ๋กœ์šฐ(1)const(1)let(1)var(1)listcomprehension(1)reactHook(1)sysmodules(1)์ฝ”ํ…Œ(1)์›นํ”„๋ ˆ์ž„์›Œํฌ(1)filter(1)key(1)formatting(1)๋ฌธ์ž์—ด์‘์šฉ(1)ํ‚ค(1)State(1)inline block(1)semanticTag(1)DOM(1)axios(1)mysql(1)checkbox(1)์ฒดํฌ๋ฐ•์Šค(1)๋žœ๋คํ•จ์ˆ˜(1)hook(1)shift(1)script(1)splice(1)background image(1)Pop(1)block(1)์—๋Ÿฌ(1)inline(1)console(1)querystring(1)bigOnotation(1)Table(1)gitignore(1)display(1)์ถœ๋ ฅ(1)์‘์šฉ(1)๋ฌธ์ž์—ด์ฒ˜๋ฆฌ(1)Defer(1)comprehension(1)๋ณ„์ถœ๋ ฅ(1)dash(1)๊ฐ์ฒด์ง€ํ–ฅ(1)๋ฐฑ์ค€(1)slice(1)westudy(1)DataTypes(1)๋น…์˜คํ‘œ๊ธฐ๋ฒ•(1)ํŒŒ์ด์ฌ(1)CodingBootcamp(1)์ฝ”๋”ฉ๋ถ€ํŠธ์บ ํ”„(1)if์กฐ๊ฑด๋ฌธ(1)gitinit์ทจ์†Œ(1)for loop(1)underscore(1)function parameter(1)ํ•จ์ˆ˜ํ˜•(1)destructuring(1)semantichtml(1)datepicker(1)์ž๊ธฐ์†Œ๊ฐœํŽ˜์ด์ง€(1)์ค‘์ฒฉ๋ฃจํ”„(1)ํด๋ก ์ฝ”๋”ฉ(1)id(1)absolute(1)์›นํŽ˜์ด์ง€(1)relative(1)cancelgitinit(1)gitinit(1)push(1)์ˆซ์ž์ฒ˜๋ฆฌํ•จ์ˆ˜(1)functionalcomponent(1)๋ฆฌ์ŠคํŠธ(1)linux(1)๋ฆฌ์•กํŠธ(1)REST(1)For_Of(1)๋ถˆ๋ณ€๊ฐ์ฒด(1)operator(1)์œ„์Šคํƒ€๊ทธ๋žจ(1)
post-thumbnail

TIL | For...Of ๋ฉ”์„œ๋“œ

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Statements/for...of > https://blog.naver.com/pxkey/221253982659 FOR...OF A nice and

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

TIL | ๊ฐ์ฒด์ง€ํ–ฅ ํ”„๋กœ๊ทธ๋ž˜๋ฐ VS ํ•จ์ˆ˜ํ˜• ํ”„๋กœ๊ทธ๋ž˜๋ฐ

๊ฐ์ฒด์ง€ํ–ฅ ํ”„๋กœ๊ทธ๋ž˜๋ฐ์€ ๋™์ž‘ํ•˜๋Š” ๋ถ€๋ถ„์„ ์บก์Šํ™”ํ•ด์„œ ์ดํ•ดํ•  ์ˆ˜ ์žˆ๊ฒŒ ํ•˜๊ณ , ํ•จ์ˆ˜ํ˜• ํ”„๋กœ๊ทธ๋ž˜๋ฐ์€ ๋™์ž‘ํ•˜๋Š” ๋ถ€๋ถ„์„ ์ตœ์†Œํ™”ํ•ด์„œ ์ฝ”๋“œ ์ดํ•ด๋ฅผ ๋•๋Š”๋‹ค.์บก์Šํ™”: ์žฌ์‚ฌ์šฉ ๋ ๋งŒํ•œ ์ƒํƒœ๋‚˜ ๋ฉ”์„œ๋“œ๋“ค์„ ์ €์žฅํ•ด๋‘๊ณ , ์‚ฌ์šฉํ•  ๋•Œ๋งˆ๋‹ค ๋ถˆ๋Ÿฌ์˜ฌ ์ˆ˜ ์žˆ๊ฒŒํ•œ๋‹ค. ์ด๋ ‡๊ฒŒ ์ž‘์„ฑํ•œ ์ฝ”๋“œ๋“ค์€ ์€๋‹‰์„ฑ์„ ๋ˆ๋‹ค.๊ฐ์ฒด

2020๋…„ 11์›” 27์ผ
ยท
1๊ฐœ์˜ ๋Œ“๊ธ€
post-thumbnail

TIL | git init ์ทจ์†Œํ•˜๊ธฐ

ํ•ด๋‹นํ•˜๋Š” ํด๋”๋ฅผ ๋กœ์ปฌ ์ €์žฅ์†Œ๋กœ ์ง€์ •ํ•œ๋‹ค.๋ช…๋ น์–ด git init์„ ์ž…๋ ฅํ•˜๋ฉด ํ•ด๋‹นํ•˜๋Š” ํด๋”๊ฐ€ Git ๋กœ์ปฌ ์ €์žฅ์†Œ๋กœ ์„ค์ •๋œ๋‹ค.Git ๋กœ์ปฌ ์ €์žฅ์†Œ๋กœ ์„ค์ •๋œ ํด๋”๋Š” ์ˆจ๊น€ํŒŒ์ผ ํ˜•์‹์˜ .git ํด๋”๊ฐ€ ๋งŒ๋“ค์–ด์ง€๊ณ , ์ด ํด๋”์†์— ํ˜„์žฌ ์„ ํƒํ•œ ํด๋”์˜ ๋ชจ๋“  Git ์ •๋ณด๋“ค์ด ๋งŒ๋“ค์–ด์ง€๊ฒŒ ๋œ๋‹ค

2020๋…„ 11์›” 25์ผ
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€
post-thumbnail

TIL | ๋น…์˜ค ํ‘œ๊ธฐ๋ฒ•(Big O notation) & ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ

https://aidanbae.github.io/code/algorithm/bigo/ ๋น…์˜ค ํ‘œ๊ธฐ๋ฒ•(Big O Notation) ๋น…์˜คํ‘œ๊ธฐ๋ฒ•์€ ์•Œ๊ณ ๋ฆฌ์ฆ˜์ด ๊ฑธ๋ฆฌ๋Š”๋ฐ ํ•„์š”ํ•œ ์‹œ๊ฐ„์˜ ์ˆ˜ํ•™์ ์ธ ํ‘œํ˜„. ์ผ๋ฐ˜์ ์œผ๋กœ ์ตœ์•…์˜ ์‹œ๋‚˜๋ฆฌ์˜ค๋ฅผ ์ƒ์ •ํ–ˆ์„ ๋•Œ์˜ ๋ณต์žก๋„๋ฅผ ์˜๋ฏธ Why JavaSc

2020๋…„ 11์›” 22์ผ
ยท
1๊ฐœ์˜ ๋Œ“๊ธ€
post-thumbnail

TIL | Reference Types & Equality Testing

Double equals(==) and Triple equals(===) are just going to check for the reference in memory.==์™€ ===๋Š” ๋‹จ์ง€ ๋ฉ”๋ชจ๋ฆฌ์—์„œ ์ฐธ์กฐ๋ฅผ ํ™•์ธํ•œ๋‹ค.JavaScript actually doesn't ca

2020๋…„ 11์›” 19์ผ
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€
post-thumbnail

[์œ„์ฝ”๋“œ 2์ฐจ ํ”„๋กœ์ ํŠธ] Freitag ํด๋ก  ํ›„๊ธฐ

์œ„์ฝ”๋“œ 2์ฐจ ํ”„๋กœ์ ํŠธ, Freitag ํด๋ก  ํ›„๊ธฐ ํ”„๋กœ์ ํŠธ ์†Œ๊ฐœ 1) ์ฃผ์ œ ์ง‘์„ ๋– ๋‚˜๋Š” ์ˆœ๊ฐ„๋ถ€ํ„ฐ ํŠธ๋ฆฝ์ด ์‹œ์ž‘๋˜๊ณ , ๊ทธ์— ํ•„์š”ํ•œ TRIPWEAR๋ฅผ ๋งŒ๋“œ๋Š” ๋กœ์šฐ๋กœ์šฐ ์›น์‚ฌ์ดํŠธ ํด๋กœ๋‹ React.js์™€ Git, Trello๋กœ ํ˜‘์—…ํ•˜์—ฌ ์ด๋ฃจ์–ด์ง„ ์ฒซ ๋ฒˆ์งธ ํŒ€ ํ”„๋กœ์ ํŠธ 2)

2020๋…„ 11์›” 19์ผ
ยท
2๊ฐœ์˜ ๋Œ“๊ธ€
post-thumbnail

TIL | Slice & Splice

slice - copies a portion on an arraysplice - removes/replaces elementssort - sorts an array

2020๋…„ 11์›” 18์ผ
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€
post-thumbnail

TIL | Concat, indexOf, includes & reverse

concat - merge arraysincludes - look for a valueindexOf - just like string.indexOfreverse - reverses an array

2020๋…„ 11์›” 18์ผ
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€
post-thumbnail

TIL | Array Methods(Push, Pop, Shift, Unshift)

push - add to end pop - remove from endshift - remove from start unshift - add to start concat - merge arraysincludes - look for a valueindexOf - just

2020๋…„ 11์›” 17์ผ
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€
post-thumbnail

TIL | ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ rest, spread ๋ฌธ๋ฒ•, ๋น„๊ตฌ์กฐํ™” ํ• ๋‹น

Parameter, Argument Argument: ํ•จ์ˆ˜๋ฅผ ์‹คํ–‰ํ•  ๋•Œ ๋„ฃ๋Š” ๊ฐ’ parameter: ํ•จ์ˆ˜์—์„œ ๋ฐ›์„ ์ˆ˜ ์žˆ๋Š” ๋ณ€์ˆ˜ ํŒŒ๋ผ๋ฏธํ„ฐ ๊ธฐ๋ณธ๊ฐ’ ES6๋ถ€ํ„ฐ ํ•จ์ˆ˜ parameter์— ๊ธฐ๋ณธ๊ฐ’์„ ์„ค์ •ํ•  ์ˆ˜ ์žˆ๋‹ค. ES5 ES6 arguments argument๋Š” 5๊ฐœ

2020๋…„ 11์›” 8์ผ
ยท
1๊ฐœ์˜ ๋Œ“๊ธ€
post-thumbnail

TIL | ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ๋น„๋™๊ธฐ ์ฒ˜๋ฆฌ, ์ฝœ๋ฐฑ ํ•จ์ˆ˜

https://joshua1988.github.io/web-development/javascript/javascript-asynchronous-operation/#%EB%B9%84%EB%8F%99%EA%B8%B0-%EC%B2%98%EB%A6%AC-%EA%B7%B8%EA

2020๋…„ 11์›” 8์ผ
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€
post-thumbnail

TIL | Axios๋ฅผ ์‚ฌ์šฉํ•ด์„œ HTTP ์š”์ฒญํ•˜๊ธฐ

https://tuhbm.github.io/2019/03/21/axios/ Axios Axios๋Š” HTTPํ†ต์‹ ์„ ํ•˜๋Š”๋ฐ ๋งค์šฐ ์ธ๊ธฐ์žˆ๋Š” JavaScript ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ Axios๋Š” ๋ธŒ๋ผ์šฐ์ €์™€ Node.js ํ”Œ๋žซํผ์—์„œ ๋ชจ๋‘ ์‚ฌ์šฉ ๊ฐ€๋Šฅ IE8 ์ด์ƒ์„ ํฌํ•จํ•œ ๋ชจ๋“  ์ตœ์‹  ๋ธŒ๋ผ์šฐ

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

TIL | React ์ฒดํฌ๋ฐ•์Šค(์ „์ฒด ์„ ํƒ, ์ฒดํฌ ํ•ด์ œ)

์ฒดํฌ๋ฐ•์Šค ์„ ํƒ, ํ•ด์ œ ๊ธฐ๋Šฅ ๊ตฌํ˜„ํ•ด์•ผํ•  ๊ธฐ๋Šฅ ์ „์ฒด์„ ํƒ/ํ•ด์ œ ์ „์ฒด์„ ํƒ ํ›„, ํ•˜๋‚˜๋ผ๋„ ์ฒดํฌ๊ฐ€ ์‚ฌ๋ผ์ง€๋ฉด ์ „์ฒด ์„ ํƒ ํ•ด์ œ ๋ชจ๋“  ์ฒดํฌ ๋ฐ•์Šค ์„ ํƒ ์‹œ, ์ „์ฒด ์„ ํƒ ํ™œ์„ฑํ™”

2020๋…„ 11์›” 1์ผ
ยท
3๊ฐœ์˜ ๋Œ“๊ธ€
post-thumbnail

TIL | React, DatePicker ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ ์‚ฌ์šฉํ•˜๊ธฐ && ๋ฒ„ํŠผ ํด๋ฆญ ์‹œ, ๋‚ ์งœ ๋ณ€๊ฒฝ

https://www.npmjs.com/package/react-datepicker > https://reactdatepicker.com datepicker ์„ค์น˜ํ•˜๊ธฐ datepicker์„ ๊ธฐ๋ณธ์ ์ธ ์‚ฌ์šฉ ๊ฐ€์ด๋“œ๋Š” ์œ„์— ์žˆ๋Š” ์›น์‚ฌ์ดํŠธ์ด ๊ฐ€์ด๋“œ๋ฅผ ๋”ฐ๋ผํ•˜๋ฉด ๋˜์ง€๋งŒ, css

2020๋…„ 11์›” 1์ผ
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€
post-thumbnail

TIL | ๋ฒ„ํŠผ ์ค‘๋ณต ์„ ํƒ(find, filter)

filter์™€ find ๋ฉ”์„œ๋“œ๋ฅผ ์‚ฌ์šฉํ•ด์„œ ๋ฒ„ํŠผ์„ ์ค‘๋ณต ์„ ํƒํ•˜๊ธฐ

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

TIL | Redux(๋ฆฌ๋•์Šค) - 2

Redux(๋ฆฌ๋•์Šค) - 1์— ์ด์–ด์„œ... mapStateToProps ์ธ์ˆ˜๋กœ ์ „๋‹ฌ๋œ state๋Š” ์ „์ฒด๋ฅผ ์˜๋ฏธํ•œ๋‹ค๋Š” ๊ฒƒ์— ์ฃผ์˜ํ•ด์•ผ ํ•œ๋‹ค. ์นด์šดํ„ฐ์˜ ์˜ˆ๋ฅผ ๋‹ค์‹œ ๋ณด๋ฉด, ์œ„ ์ฝ”๋“œ๊ฐ€, ๋กœ ๋“ค์–ด๊ฐ€๊ธธ ๋ฐ”๋ผ๋ฉด์„œ state => ({ value: state.value })๋ผ๊ณ  ์ผ

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

TIL | Redux(๋ฆฌ๋•์Šค) - 1

https://www.cronj.com/blog/react-redux-a-complete-guide-to-beginners/ Redux ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ๋กœ ๋งŒ๋“  ์• ํ”Œ๋ฆฌ์ผ€์ด์…˜๋“ค์„ ์œ„ํ•œ ์˜ˆ์ธก ๊ฐ€๋Šฅํ•œ ์ƒํƒœ์˜ ์ €์žฅ์†Œ Redux์˜ ํŠน์ง• 1. Single Source of Trut

2020๋…„ 10์›” 25์ผ
ยท
1๊ฐœ์˜ ๋Œ“๊ธ€
post-thumbnail

TIL | Props & Event

Props props: properties(์†์„ฑ) ์ปดํฌ๋„ŒํŠธ์˜ ์†์„ฑ๊ฐ’ ๋ถ€๋ชจ ์ปดํฌ๋„ŒํŠธ๋กœ๋ถ€ํ„ฐ ์ „๋‹ฌ ๋ฐ›์€ ๋ฐ์ดํ„ฐ๋ฅผ ์ง€๋‹ˆ๊ณ  ์žˆ๋Š” ๊ฐ์ฒด props๋ฅผ ํ†ตํ•ด ๋ถ€๋ชจ ์ปดํฌ๋„ŒํŠธ๋กœ๋ถ€ํ„ฐ ์ž์‹ ์ปดํฌ๋„ŒํŠธ์—๊ฒŒ state์˜ ์ƒํƒœ๊ฐ’, event handler๋ฅผ ๋„˜๊ฒจ์ค„ ์ˆ˜ ์žˆ๋‹ค. Props ๊ฐ์ฒด ์œ„์—

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

TIL | Webpack Basics

Webpack? Webpack์€ '์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ๋ชจ๋“ˆ ๋ฒˆ๋“ค๋Ÿฌ(JavaScript Module Bundler)'๋‹ค. ๋ชจ๋“ˆ์€ ํ”„๋กœ๊ทธ๋žจ์„ ๊ตฌ์„ฑํ•˜๋Š” ๋…๋ฆฝ์ ์ธ ์š”์†Œ๋กœ์„œ ํŒŒ์ผ ๋‹จ์œ„๋กœ ๊ตฌ๋ถ„๋œ ๊ฒƒ์ด๋ผ๊ณ  ๋ณด๋ฉด ๋˜๊ณ , ๋ฒˆ๋“ค๋Ÿฌ๋Š” ์—ฌ๋Ÿฌ ๊ฐœ์˜ ํŒŒ์ผ์„ ํ•˜๋‚˜์˜ ํŒŒ์ผ๋กœ ๋งŒ๋“ค์–ด์ฃผ๋Š” ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ๋‹ค. ๋Œ€ํ‘œ

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

[TIL] ์นด๋“œ ๋†’์ด ๋งž์ถฐ์„œ ์ •๋ ฌํ•˜๊ธฐ

1. ๋†’์ด๋ฅผ ๋งž์ถ”์ž span ํƒœ๊ทธ์— ์•„์ด์ฝ˜๊ณผ ํ…์ŠคํŠธ๋ฅผ ๋„ฃ์—ˆ์„ ๋•Œ, ์œ„์™€ ๊ฐ™์ด ๋ถˆํŽธํ•˜๊ฒŒ ๋†’์ด๊ฐ€ ์•ˆ ๋งž๋Š” ๊ฒฝ์šฐ๋ฅผ ๋งŒ๋‚  ์ˆ˜ ์žˆ๋‹ค. ์ด๋Ÿฐ ๊ฒฝ์šฐ์—๋Š” ํƒœ๊ทธ๋ฅผ ๊ฐ์‹ธ๊ณ  ์žˆ๋Š” ์ƒ์œ„ํƒœ๊ทธ์— <p style="text-align: cen

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