profile
Better Than Yesterday๐ŸŒณ
post-thumbnail

[Dev] DOM & Developer Tools

์ž„์‹œ์ €์žฅ

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

[Dev] res.send(), res.json(), res.end()

res.send(): send์— ์ „ํ•ด์ง„ argument์— ๋”ฐ๋ผ์„œ Content-type์ด ์ž๋™์ ์œผ๋กœ ๋งŒ๋“ค์–ด์ง„๋‹ค. res.json(): json์ด ์•„๋‹Œ ๊ฒƒ๋„ json ํ˜•์‹์œผ๋กœ ๋ฐ”๊พธ์–ด์„œ ๋ณด๋‚ด์ค€๋‹ค. ์ฆ‰ content-type ํ—ค๋”๋ฅผ application/JSON์œผ๋กœ ๊ณ ์ •ํ•œ๋‹ค

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

[Dev] Http ์™€ Express

http๋ž€ node.js์—์„œ ์‚ฌ์šฉํ•˜๋Š” ์„œ๋ฒ„ ๋ชจ๋“ˆ๋กœ http ์›น ์„œ๋ฒ„๋ฅผ ์ƒ์„ฑํ•˜๋Š” ๊ฒƒ๊ณผ ๊ด€๋ จ๋œ ๋ชจ๋“  ๊ธฐ๋Šฅ์„ ๋‹ด๋‹นํ•œ๋‹ค.http ๋ชจ๋“ˆ์€ server๊ฐ์ฒด, request ๊ฐ์ฒด, response๊ฐ์ฒด๋ฅผ ์‚ฌ์šฉํ•œ๋‹ค.Express ๋ชจ๋“ˆ์ด๋ž€ http ๋ชจ๋“ˆ์ฒ˜๋Ÿผ ์„œ๋ฒ„ ๋ชจ๋“ˆ์ด๋‹ค.http์™€ ๋‹ค๋ฅธ

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

[Dev] UI & API

UI๋Š” User Interface์˜ ์•ฝ์ž์ด๋ฉฐ ์ปดํ“จํ„ฐ๋ผ๋Š” ์‹œ์Šคํ…œ๊ณผ ์‚ฌ์šฉํ•˜๋Š” ์‚ฌ๋žŒ์˜ ์ ‘์ ์— ์กด์žฌํ•œ๋‹ค. ์‚ฌ๋žŒ์ด ์ƒ๊ฐํ•˜๋Š” ๊ฑธ ์ปดํ“จํ„ฐ์—๊ฒŒ ์ „๋‹ฌํ•˜๋Š” ์ž…๋ ฅ์žฅ์น˜, ์ปดํ“จํ„ฐ์˜ ์ƒํƒœ๋ฅผ ์‚ฌ๋žŒ์—๊ฒŒ ์ „๋‹ฌํ•˜๋Š” ์ถœ๋ ฅ์žฅ์น˜๊ฐ€ ๋ฐ”๋กœ UI๋‹ค. ์ฆ‰, ์‚ฌ์šฉ์ž๊ฐ€ ์ ‘๊ทผํ•˜๋Š” ๋ฐฉ๋ฒ•์„ ๋งํ•œ๋‹ค.API๋Š” Applicat

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

[Dev] Event Loop, Web API, Task Queue, Call Stack

ํ”„๋กœ๊ทธ๋ž˜๋ฐ์— ์žˆ์–ด์„œ ๊ธฐ๋ณธ์ ์ธ ํ๋ฆ„์„ ํŒŒ์•…ํ•˜๊ธฐ ์œ„ํ•ด ๊ผญ ์•Œ์•„๋‘์–ด์•ผ ํ•  ๊ฒƒ๋“ค์„ ์ •๋ฆฌํ•ด ๋ณด๋ ค๊ณ  ํ•œ๋‹ค.event loop๋ž€ Callback Event Loop์—์„œ ํ•˜๋‚˜์”ฉ ๊บผ๋‚ด์„œ ์‹คํ–‰์‹œํ‚ค๋Š” ๋™์ž‘์„ ๋งํ•œ๋‹ค. ์ฝ”๋“œ๋ฅผ ์‹คํ–‰ํ•˜๋ฉด Stack์— ์ฒ˜๋ฆฌํ•ด์•ผํ•  ์ด๋ฒคํŠธ๊ฐ€ ์Œ“์ด๊ฒŒ ๋˜๊ณ  ๋น„๋™๊ธฐ ์ž‘์—…

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

[JS] ๋™๊ธฐ & ๋น„๋™๊ธฐ

javaScript is synchronous Excute the code block by orger after hositing. hositing: var ํ•จ์ˆ˜, function๋“ฑ ์„ ์–ธ๋“ค์ด ์ œ์ผ ์œ„๋กœ ์˜ฌ๋ผ๊ฐ€๋Š” ๊ฒƒ //Async callback ex) setTimeo

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

[VSC] ์•Œ์•„๋‘๋ฉด ์ข‹์€ ๊ฟ€ํŒ!

1.rename symbol

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

WeCode ํ˜ธ๊ธฐ๋กญ๊ฒŒ ์‹œ์ž‘ํ•œ Pre-Course 2์ฃผ๊ฐ„์˜ ํšŒ๊ณ ๋ก.

1.FullStack 3๊ธฐ ํšŒ๊ณ ์— ์•ž์„œ wecoded์— ๋“ค์–ด์˜ค๊ธฐ ์ „๋ถ€ํ„ฐ front-end developer๊ฐ€ ๋˜๊ณ ์ž ์˜คํ”„๋ผ์ธ์ฝ”์Šค๋ฅผ ๋“ฑ๋กํ•˜๋ ค ํ–ˆ์ง€๋งŒ ๊ฐ€์žฅ ๋น ๋ฅธ ์‹œ๊ธฐ๊ฐ€ ๋‚ด๋…„์ดˆ๋ถ€ํ„ฐ ์‹œ์ž‘์ด๋ผ ๊ณ ๋ฏผํ•˜๋˜์ค‘ ์˜จ๋ผ์ธ fullstack ์ฝ”์Šค๋Š” ๋“ฑ๋ก์ด ๋น ๋ฅด๊ฒŒ ๊ฐ€๋Šฅํ•˜๋‹ค๊ณ ํ•˜์—ฌ ํ˜ธ๋‹ค๋‹ฅ ์•Œ์•„๋ณธ

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

[Git] Git & GitHub ๋ž€?

๋กœ์ปฌ์—์„œ ๊ด€๋ฆฌ๋˜๋Š” ๋ฒ„์ „๊ด€๋ฆฌ์‹œ์Šคํ…œ (VSC: Version Control System) ์œผ๋กœ ๋‚˜์˜ ์ปดํ“จํ„ฐ์—์„œ ์ž‘์—…ํ•œ ๋ฌธ์„œ or ์ฝ”๋“œ๋“ค์˜ ์ˆ˜์ •, ์ถ”๊ฐ€ ๋“ฑ์„ commit ํ• ๋•Œ๋งˆ๋‹ค ๊ธฐ์–ตํ•ด ๊ด€๋ฆฌํ•ด์ฃผ๋Š” ์‹œ์Šคํ…œ์ด๋‹ค. commit์ด๋ž€ ์ €์žฅ์†Œ์— ์†Œ์Šค ์ฝ”๋“œ์˜ ์ผ๋ถ€์˜ ์ตœ์‹  ๋ณ€๊ฒฝ์‚ฌํ•ญ์„ ๋ฉ”์„ธ

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

[Error] React error:0308010C

Directory์— reactํ”„๋กœ๊ทธ๋žจ์„ ์„ค์น˜ ํ›„ terminal์—์„œ >

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

[Git] commitํ•œ ๋‚ด์šฉ ์ˆ˜์ • & pushํ•œ commit message ์ˆ˜์ •ํ•˜๊ธฐ

์ฝ”๋“œ ์ž‘์—…๋ฌผ์„ github์— commitํ•˜๋‹ค๋ณด๋ฉด ๋ฉ”์„ธ์ง€๋ฅผ ์ž˜๋ชป์ž…๋ ฅํ•˜๊ฑฐ๋‚˜ ์ˆ˜์ •์ด ํ•„์š”ํ•œ ๊ฒฝ์šฐ๊ฐ€ ์ƒ๊ธด๋‹ค. ํ˜น์€ ์ž˜๋ชป์ ์€ message๋ฅผ ์ธ์ง€ํ•˜์ง€ ๋ชปํ•˜๊ณ  pushํ•˜์—ฌ github ํŽ˜์ด์ง€์—์„œ ์ž˜๋ชป์ž‘์„ฑํ•œ commit message๋ฅผ ํ™•์ธํ•˜๋Š” ๊ฒฝ์šฐ๋„ ์ƒ๊ธด๋‹ค. ์ด๋Ÿด๊ฒฝ์šฐ์—” ์–ด๋–ป๊ฒŒ ํ•˜

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

[JS] Class ์ƒ์„ฑ

ํด๋ž˜์Šค๋Š” ๊ฐ์ฒด์ง€ํ–ฅ ํ”„๋กœ๊ทธ๋ž˜๋ฐ์˜ ํ•ต์‹ฌ์ž…๋‹ˆ๋‹ค.๊ฐ์ฒด์ง€ํ–ฅ ํ”„๋กœ๊ทธ๋ž˜๋ฐ์ด๋ž€, ํ”„๋กœ๊ทธ๋žจ์„ ๊ฐ์ฒด๋“ค๋กœ ๊ตฌ์„ฑํ•˜๊ณ , ๊ฐ์ฒด๋“ค ๊ฐ„์— ์„œ๋กœ ์ƒํ˜ธ ์ž‘์šฉ ํ•˜๋„๋ก ์ž‘์„ฑํ•˜๋Š” ๋ฐฉ๋ฒ•์ž…๋‹ˆ๋‹ค.JavaScript๋Š” ๊ฐ์ฒด์ง€ํ–ฅ ์ค‘์‹ฌ์— ์žˆ๋Š” ์–ธ์–ด๋Š” ์•„๋‹ˆ์ง€๋งŒ,ํ”„๋กœ๊ทธ๋ž˜๋ฐ์— ์žˆ์–ด์„œ Class, ๊ฐ์ฒด, ๊ฐ์ฒด์ง€ํ–ฅ์€ ํ•ญ์ƒ ์ค‘

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

TIL#6 - string index๋กœ ์ ‘๊ทผ

1.str[index] ๋ฐฐ์—ด์— ์ ‘๊ทผํ•˜๋“ฏ์ด ๋ฌธ์ž์—ด ๋’ค ๋Œ€๊ด„ํ˜ธ์— index๊ฐ’์„ ๋„ฃ์–ด์„œ index์— ํ•ด๋‹นํ•˜๋Š” ๋ฌธ์ž๋ฅผ ๋ฐ˜ํ™˜ํ•œ๋‹ค. ๐Ÿ“ŒTip) index๊ฐ’ ๋ฒ”์œ„๋ฅผ ๋ฒ—์–ด๋‚˜๋Š” ๊ฐ’์ด ์ž…๋ ฅ๋˜์—ˆ์„๊ฒฝ์šฐ undifined๋ฅผ ๋ฐ˜ํ™˜ํ•œ๋‹ค. 2.str.charAt(index) 1๋ฒˆ ๋ฐฉ๋ฒ•๊ณผ ๋™์ผํ•˜๊ฒŒ index๊ฐ’์— ํ•ด๋‹นํ•˜๋Š” ๋ฌธ์ž๋ฅผ ๋ฐ˜ํ™˜ํ•œ๋‹ค. ๐Ÿ“ŒTip) index๊ฐ’ ๋ฒ”์œ„๋ฅผ ๋ฒ—์–ด๋‚˜๋Š” ๊ฐ’์ด...

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

[JS] Methods Dictionary

map๊ณผ forEach method๋Š” array์˜ ๋ฐ˜๋ณต๋ฌธ์œผ๋กœ ์‚ฌ์šฉ๋œ๋‹ค.

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

[CSS/JS] ๊ฐ™์€ class name ๊ฐœ๋ณ„ ์„ค์ •๋ฐฉ๋ฒ•

html์—์„œ ์ž‘์„ฑํ•œ ์—ฌ๋Ÿฌ๊ฐ€์ง€ tag์— ๋™์ผํ•œ ๊ฐ’์„ ์ฃผ๊ณ ์‹ถ์„๋•Œ ๊ฐ™์€ class name์„ ์‚ฌ์šฉํ•œ๋‹ค. ์ด ๊ฒฝ์šฐ ๋‚ด๊ฐ€ ์›ํ•˜๋Š” n๋ฒˆ์งธ class name์„ ์„ ํƒํ•˜์—ฌ ๊ฐœ๋ณ„๊ฐ’์„ ๋ถ€์—ฌํ•  ์ˆ˜ ์žˆ๋‹ค.์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ๋Š” ์™ธ์—๋„ id, tagName๋“ฑ์„ ๊ฐ€์ง€๊ณ  ์„ ํƒํ•  ์ˆ˜ ์žˆ๋Š” ์—ฌ๋Ÿฌ ๋ฉ”์†Œ๋“œ๊ฐ€ ์žˆ

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

[CSS] CSS Dictionary

default : 1 (์„ค์ •๋œ font-size๋ฅผ ๊ธฐ์ค€์œผ๋กœ)

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

TIL#5 - position ์†์„ฑ๊ณผ inline ๊ทธ๋ฆฌ๊ณ  block

์š”์†Œ๋ฅผ ์ผ๋ฐ˜์ ์ธ ๋ฌธ์„œ ํ๋ฆ„์— ๋”ฐ๋ผ ๋ฐฐ์น˜ํ•˜๊ณ , ์ž๊ธฐ ์ž์‹ ์„ ๊ธฐ์ค€์œผ๋กœ top, right, bottom, left์˜ ๊ฐ’์— ๋”ฐ๋ผ ์˜คํ”„์…‹์„ ์ ์šฉํ•ฉ๋‹ˆ๋‹ค. ์˜ˆ๋ฅผ๋“ค์–ด divํƒœ๊ทธ์— relative๋ฅผ ์ฃผ๊ณ  width์™€ height์„ ์ฃผ๊ฒŒ๋˜๋ฉด ๋ณธ์ธ์ด ์›๋ž˜ ์žˆ๋˜ ์ž๋ฆฌ์—์„œ ๊ฐ€๋กœ์™€ ์„ธ๋กœ๊ฐ’๋งŒํผ

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

TIL#4 - ์‚ฌ์ดํŠธ์— ์ด๋ฏธ์ง€ ๋„ฃ๋Š”๋ฐฉ๋ฒ• 2๊ฐ€์ง€

๊ทธ๋ ‡๋‹ด ๋‘๊ฐ€์ง€ ๋ฐฉ๋ฒ•์˜ ์ฐจ์ด์ ์€ ๋ฌด์—‡์ผ๊นŒ์š”?์šฐ์„  ๊ทธ์ „์— ์šฐ๋ฆฌ๋Š” semantic Web๊ณผ Semantic Tag์— ๋Œ€ํ•ด ์•Œ์•„๋‘๊ณ  ๊ฐ€๋ฉด ๋” ์ˆ˜์›”ํ•˜๊ฒŒ ์ดํ•ดํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.์‹œ๋งจํ‹ฑ ์›น(Semantic Web)์€ '์˜๋ฏธ๋ก ์ ์ธ ์›น'์ด๋ผ๋Š” ๋œป์œผ๋กœ, ์‰ฝ๊ฒŒ๋งํ•ด ์ปดํ“จํ„ฐ๊ฐ€ ์‚ฌ์šฉํ•  ์ˆ˜ ์žˆ๋Š” ์–ธ

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

TIL#2 - ๋ฐฐ์—ด์˜ ๋งค์„œ๋“œ์™€ ์‚ฌ์šฉ ๋ฐฉ๋ฒ•

์ž„์‹œ์ €์žฅ

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