profile
๐Ÿš€ํ‹ฐ๋Œ๋ชจ์•„ ๋ฐฑ์—”๋“œ ๊ฐœ๋ฐœ์ž
post-thumbnail

TIL 220106

๐Ÿš€Today I Learend Postman ์—์„œ Cookie ์„ค์ •ํ•˜๊ธฐ

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

TIL 220104 : ํƒ€์ž…์Šคํฌ๋ฆฝํŠธ, ์•Œ๊ณ ๋ฆฌ์ฆ˜(์ •๋ ฌ)

๐Ÿš€Today I Learned ์ด์ œ ์ •ํ™•ํžˆ ํ•œ๋‹ฌ์ด๋ผ๋Š” ์‹œ๊ฐ„์ด ๋‚จ์•˜๊ณ , ๋‚จ์€์‹œ๊ฐ„ ๋™์•ˆ ์ตœ๋Œ€ํ•œ ๊ธฐ์—…์— ์‹ ์ž…์œผ๋กœ์จ ์ง€์›ํ•˜๊ธฐ ์œ„ํ•ด ๊ฐœ๋ฐœ ์ŠคํŽ™์„ ์Œ“์•„๊ฐ€์•ผ ํ•˜๊ฒ ๋‹ค๊ณ  ํ•œ๋ฒˆ ๋” ์ƒ๊ฐํ•œ๋‹ค. ํ•„์š”ํ•œ ๊ฒƒ๊ณผ ๋ฐฐ์šฐ๊ณ  ์‹ถ์€ ๊ฒƒ๋“ค์˜ ๊ต์ง‘ํ•ฉ์„ ์Šคํ„ฐ๋”” ํ•˜๋Š” ๊ฒƒ์ด ์ข‹๋‹ค๊ณ  ํŒ๋‹จํ•˜์˜€๊ณ , ์ง€๊ธˆ์€ nodejs๋กœ ๊ฐœ๋ฐœํ•˜๋Š” ๊ฑฐ์˜ ๋ชจ๋“  ๊ณณ์—์„œ ํ•„์š”ํ•œ ํƒ€์ž…์Šคํฌ๋ฆฝํŠธ๋ฅผ ๊ณต๋ถ€ํ•˜๊ธฐ๋กœ ๋งˆ์Œ ๋จน์—ˆ๋‹ค. ๋งˆ์Œ ๋จน์Œ๊ณผ ๋™์‹œ์— ํƒ€์ž…์Šคํฌ๋ฆฝํŠธ ๊ฐ•์˜๋ฅผ ์งˆ๋Ÿฌ๋ฒ„๋ ธ๋‹ค.. ๋ฐฐ์›€์— ๋ˆ์„ ์•„๋ผ์ง€ ๋ง์ž. ์‹œ๊ฐ„์ด ๋” ์ค‘์š”ํ•˜๋‹ค. ํƒ€์ž…์Šคํฌ๋ฆฝํŠธ? ์™œ ํƒ€์ž…์Šคํฌ๋ฆฝํŠธ๋ฅผ ๋ฐฐ์›Œ์•ผํ• ๊นŒ ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ๋Š” ํ”„๋กœ๊ทธ๋žจ์ด ๋™์ž‘ํ•  ๋•Œ ํƒ€์ž…์ด ๊ฒฐ์ •๋˜์–ด ์•ฝ๊ฐ„ ์œ„ํ—˜?ํ•˜๋‹ค. ์ด์—๋ฐ˜ํ•ด ํƒ€์ž…์Šคํฌ๋ฆฝํŠธ๋Š” ํƒ€์ž…์ด ์ •์ ์œผ๋กœ ์ •์˜๋˜์–ด ์ฆ‰๊ฐ์ ์œผ๋กœ ํƒ€์ž… ์—๋Ÿฌ๋ฅผ ๋ฐ›์•„๋ณผ ์ˆ˜ ์žˆ๋‹ค. ํƒ€์ž…์ด ์—†๋‹ค๋ฉด ์ž์œ ๋กญ๋‹ค๊ณ  ๋งํ•  ์ˆ˜ ์žˆ์ง€๋งŒ ์˜คํžˆ๋ ค ๊ฐ€๋…์„ฑ์ด ๋–จ์–ด์ง€๊ณ , ๋”ฑ ๋ดค์„ ๋–„ ๋ณ€์ˆ˜๊ฐ€ ์–ด๋–ค ๋ฐ์ดํ„ฐ๋ฅผ ๋‹ด๊ณ ์žˆ๊ณ , ํ•จ์ˆ˜๋Š” ์–ด๋–ค ์ธ์ž๋ฅผ ๋ฐ›๋Š”์ง€ ๋ช…ํ™•ํ•˜์ง€ ์•Š๋‹ค. ๊ทธ๋ž˜์„œ ์ด์Šˆ๊ฐ€ ๋ฐœ์ƒํ•˜์—ฌ๋„ ํƒ€์ž…์Šคํฌ๋ฆฝํŠธ์™€ ๋น„๊ตํ•˜์—ฌ ๋ฐœ๊ฒฌํ•˜๊ธฐ ์–ด๋ ต๋‹ค.

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

TIL 211227

String > str[0] = 'S'์ฒ˜๋Ÿผ ์ด๋ฏธ ์ƒ์„ฑ๋œ ๋ฌธ์ž์—ด์˜ ์ผ๋ถ€ ๋ฌธ์ž๋ฅผ ๋ณ€๊ฒฝํ•ด๋„ ๋ฐ˜์˜๋˜์ง€ ์•Š๋Š”๋‹ค(์ด๋•Œ ์—๋Ÿฌ๊ฐ€ ๋ฐœ์ƒํ•˜์ง€ ์•Š๋Š”๋‹ค). ํ•œ๋ฒˆ ์ƒ์„ฑ๋œ ๋ฌธ์ž์—ด์€ read only๋กœ์„œ ๋ณ€๊ฒฝํ•  ์ˆ˜ ์—†๋‹ค. ์ด๊ฒƒ์„ ๋ณ€๊ฒฝ ๋ถˆ๊ฐ€๋Šฅ(immutable)์ด๋ผ ํ•œ๋‹ค. Undefined > undefined๋Š” ๊ฐœ๋ฐœ์ž๊ฐ€ ์˜๋„์ ์œผ๋กœ ํ• ๋‹นํ•œ ๊ฐ’์ด ์•„๋‹ˆ๋ผ ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ์—”์ง„์— ์˜ํ•ด ์ดˆ๊ธฐํ™”๋œ ๊ฐ’์ด๋‹ค. ๋ณ€์ˆ˜๋ฅผ ์ฐธ์กฐํ–ˆ์„ ๋•Œ undefined๊ฐ€ ๋ฐ˜ํ™˜๋œ๋‹ค๋ฉด ์ฐธ์กฐํ•œ ๋ณ€์ˆ˜๊ฐ€ ์„ ์–ธ ์ดํ›„ ๊ฐ’์ด ํ• ๋‹น๋œ ์ ์ธ ์—†๋Š” ๋ณ€์ˆ˜๋ผ๋Š” ๊ฒƒ์„ ๊ฐœ๋ฐœ์ž๋Š” ๊ฐ„ํŒŒํ•  ์ˆ˜ ์žˆ๋‹ค. ๊ทธ๋ ‡๋‹ค๋ฉด ๊ฐœ๋ฐœ์ž๊ฐ€ ์˜๋„์ ์œผ๋กœ undefined๋ฅผ ํ• ๋‹นํ•ด์•ผํ•˜๋Š” ๊ฒฝ์šฐ๊ฐ€ ์žˆ์„๊นŒ? ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ์—”์ง„์ด ๋ณ€์ˆ˜ ์ดˆ๊ธฐํ™”์— ์‚ฌ์šฉํ•˜๋Š” ์ด ๊ฐ’์„ ๋งŒ์•ฝ ๊ฐœ๋ฐœ์ž๊ฐ€ ๋งˆ์Œ๋Œ€๋กœ ํ• ๋‹นํ•œ๋‹ค๋ฉด undefined์˜ ๋ณธ๋ž˜์˜ ์ทจ์ง€์™€ ์–ด๊ธ‹๋‚  ๋ฟ๋”๋Ÿฌ ํ˜ผ๋ž€์„ ์ค„ ์ˆ˜ ์žˆ์œผ๋ฏ€๋กœ ๊ถŒ์žฅํ•˜์ง€ ์•Š๋Š”๋‹ค. ๊ทธ๋Ÿผ ๋ณ€์ˆ˜์˜ ๊ฐ’์ด ์—†๋‹ค๋Š” ๊ฒƒ์„ ๋ช…์‹œํ•˜๊ณ  ์‹ถ์€ ๊ฒฝ์šฐ ์–ด๋–ป๊ฒŒ ํ•˜๋ฉด ์ข‹์„๊นŒ? ๊ทธ๋Ÿฐ ๊ฒฝ์šฐ๋Š” undefined๋ฅผ ํ• ๋‹นํ•˜

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

TIL 211212 : Testing

๐Ÿš€What I learend ์ง€๋‚œ 1์ฃผ์ผ๊ฐ„ ์ง„ํ–‰ํ–ˆ๋˜ Mini-Project ์—์„œ ์ข€ ๋” ๊ฐœ์„ ํ•  ์ˆ˜ ์žˆ๋Š” ๋ถ€๋ถ„์ด ๋ญ๊ฐ€ ์žˆ์„์ง€, ์–ด๋–ป๊ฒŒํ•˜๋ฉด ์ข€ ๋” ์ข‹์€ ์ฝ”๋“œ๋ฅผ ์งค ์ˆ˜ ์žˆ์„์ง€, ์ด๋ฒˆ ํ”„๋กœ์ ํŠธ์—์„œ ๋ถ€์กฑํ–ˆ๋˜ ๊ฒƒ์ด ๋ฌด์—‡์ด์—ˆ๋Š”์ง€ ๊ณ ๋ฏผํ–ˆ๋‹ค. ๊ณ ๋ฏผ์˜ ๊ฒฐ๊ณผ๋Š” Testing ์ด์—ˆ๋‹ค. ์ด๋ฒˆ ํ”„๋กœ์ ํŠธ์—์„  ๋‚ด๊ฐ€ ๊ตฌํ˜„ํ•œ ๋น„์ง€๋‹ˆ์Šค ๋กœ์ง์— ๋Œ€ํ•ด ํ…Œ์ŠคํŠธํ•˜์ง€ ์•Š์•˜๋‹ค. Postman์„ ์ด์šฉํ•˜์—ฌ ํ•œ ๊ฒƒ๋„ ํ…Œ์ŠคํŠธ๋ผ๋ฉด ํ…Œ์ŠคํŠธ๋ผ๊ณ  ์ƒ๊ฐํ•  ์ˆ˜๋„ ์žˆ์ง€๋งŒ, ๋‚ด๊ฐ€ ๋งํ•˜๋Š” ํ…Œ์ŠคํŠธ๋Š” Jest๋ฅผ ์ด์šฉํ•œ ๋น„์ง€๋‹ˆ์Šค ๋กœ์ง ํ…Œ์ŠคํŠธ๋‹ค. ํ…Œ์ŠคํŠธ๋ฅผ ํ•˜์ง€ ์•Š๋Š”๋‹ค๋ฉด? ์ด๋ฒˆ Mini-Project ์—์„œ ์ดˆ๋ฐ˜์— ๊ตฌํ˜„ํ•œ ์ฝ”๋“œ์™€, ํ”„๋กœ์ ํŠธ๋ฅผ ์ง„ํ–‰ํ•˜๋ฉฐ ๋ฆฌํŽ™ํ† ๋งํ•˜์—ฌ ์™„์„ฑํ•œ ์ฝ”๋“œ๋Š” ๊ฝค๋‚˜ ๋‹ฌ๋ž๋‹ค. ๋ฆฌํŽ™ํ† ๋ง์„ ํ•˜๋ฉฐ ์ด ์ฝ”๋“œ๊ฐ€ ๋งž๋Š” ์ฝ”๋“œ์ธ๊ฐ€๋ฅผ ๊ฒ€์ฆํ•˜๊ธฐ ์œ„ํ•ด ๋งŽ์ด

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

TIL 211210 : Sequelize

๐Ÿš€What I learned MongoDB => MySQL, Mongoose => Sequelize ์ƒ๊ฐ๋ณด๋‹ค ๋ฐฑ์—”๋“œ ๋กœ์ง ๊ตฌํ˜„์ด ๊ธˆ๋ฐฉ ๋๋‚ฌ๋‹ค. ๋ฌผ๋ก  ํ”„๋ก ํŠธ์—”๋“œ์™€ ์—ฐ๊ฒฐํ•  ๋•Œ ๋ฌธ์ œ๊ฐ€ ๋ฐœ์ƒํ•  ๊ฒƒ์€ ์˜ˆ์ƒํ•˜์ง€๋งŒ ํ”„๋ก ํŠธ์—”๋“œ์™€์˜ ์—ฐ๊ฒฐ์€ ๋‚ด์ผ ์˜คํ›„์ด๋‹ค. ํŒ€์›๋“ค๊ณผ ์ƒ์˜ํ•˜์—ฌ ๋‚จ์€ ์‹œ๊ฐ„๋™์•ˆ Sequelize๋ฅผ ๊ตฌํ˜„ํ•˜๋Š” ๊ฒƒ์„ Next step ์œผ๋กœ ์žก์•˜๋‹ค. ์šฐ๋ฆฌ ํŒ€์€ MongoDB, Mongoose๋ฅผ ์‚ฌ์šฉํ•˜์—ฌ DB๋ฅผ ๋งŒ๋“ค์—ˆ๋Š”๋ฐ, Sequelize๋กœ DB๋ฅผ ๋ณ€๊ฒฝํ•˜๋Š” ๊ฒƒ์ด๋‹ค. ๋‹คํ–‰ํžˆ MVCํŒจํ„ด์„ ๊ตฌํ˜„ํ•˜์—ฌ DB๋ฅผ ๊ด€๋ฆฌํ•˜๋Š” Model ๋งŒ ์ˆ˜์ •ํ•˜๋ฉด ๋˜๊ธฐ์— 1day ์ฑŒ๋ฆฐ์ง€๊ฐ€ ๊ฐ€๋Šฅํ•  ๊ฒƒ์ด๋ผ๊ณ  ์ƒ๊ฐํ–ˆ๋‹ค. ํ•˜์ง€๋งŒ.. ์—ญ์‹œ ์‰ฝ์ง€ ์•Š์•˜๋‹ค. ์‰ฝ๊ฒŒ ๋„˜์–ด๊ฐ€๋Š” ๋ฒ•์ด ์—†์ง€.. Error.. ๋‹จ์ˆœํžˆ DB๋งŒ ๋ฐ”๊พธ๋Š”๊ฒŒ ์•„๋‹ˆ๋ผ ์œ ์ €์ •๋ณด, ๊ฒŒ์‹œ๊ธ€ ์ •๋ณด, ๋Œ“๊ธ€ ์ •๋ณด์˜ Model๊ฐ„ ๊ด€๊ณ„๋ฅผ ๋งŒ๋“ค์–ด์•ผํ•˜๋Š”๋ฐ ์˜ˆ๊ธฐ์น˜ ๋ชปํ•œ ์—๋Ÿฌ๊ฐ€ ๋ฐœ์ƒํ–ˆ๋‹ค. Comment & Item model ๊ด€๊ณ„๋ฅผ ๋งŒ๋“ค๊ธฐ์œ„ํ•ด belongsTo ํ•จ์ˆ˜๋ฅผ ์‚ฌ์šฉ

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

TIL 211206 : Mini Project ์‹œ์ž‘

๐Ÿš€What I learned ๐Ÿ”ฅMini Prject Start~! ์ด๋ฒˆ์ฃผ๋Š” Mini Project๋ฅผ ์ง„ํ–‰ํ•œ๋‹ค. Frontend 3๋ช…, Backend 3๋ช… ์ด 6๋ช…์œผ๋กœ ๊ตฌ์„ฑ๋˜์—ˆ๋‹ค. ํ™•์‹คํžˆ 1์ฃผ์ฐจ์— Javascript๋กœ website ์ œ์ž‘ํ•˜๋Š” ํ”„๋กœ์ ํŠธ์™€๋Š” ๋‹ค๋ฅธ ๋Š๋‚Œ์ด๋‹ค. ๊ฐ์ž ์ฃผํŠน๊ธฐ(Front, Back)์œผ๋กœ ๋‚˜๋ˆ ์ ธ ํ˜‘์—…์„ ํ•  ์ˆ˜ ์žˆ๋‹ค๋Š” ๊ฒƒ์ด ๋งค์šฐ ์„ค๋ Œ๋‹ค. ๋ญ˜ ๋งŒ๋“ค๊นŒ? ํŒ€์›๋“ค๊ณผ ๋…ผ์˜ํ•˜์—ฌ ๋‚˜์˜จ ๊ฒฐ๊ณผ๋Š” ์นœํ™˜๊ฒฝ ์ œํ’ˆ๋“ค์„ ํŽ€๋”ฉํ•˜๋Š” ํŽ€๋”ฉ์‚ฌ์ดํŠธ์ด๋‹ค. ์‚ฌ์ดํŠธ ์ด๋ฆ„์€ "์—์ฝ”ํŽ€๋”ฉ!" ์ „์ฒด์ ์ธ ๊ตฌ์กฐ๋Š” ์™€๋””์ฆˆ ํŽ€๋”ฉ์„ ๋”ฐ์˜ฌ ์˜ˆ์ •์ด๋‹ค. ํŽ€๋”ฉ ์‚ฌ์ดํŠธ๋ฅผ ์ œ์ž‘ํ•˜๊ธฐ๋กœํ•œ ์ด์œ ๋Š” ์ง€๊ธˆ๊นŒ์ง€ ์Šคํ„ฐ๋””ํ•œ ๊ฒƒ๋“ค์„ ๊ฑฐ์˜ ๋‹ค ๊ตฌํ˜„ํ•  ์ˆ˜ ์žˆ๊ธฐ ๋•Œ๋ฌธ์ด๋‹ค. ์™€์ด์–ดํ”„๋ ˆ์ž„๊ณผ REST APIs๋ฅผ ์ž‘์„ฑํ•ด๋ณด๋‹ˆ ๋ฐฑ์—”๋“œ ์ธ์›์ด 3๋ช…์ด์„œ 2~3์ผ ์ •๋„๋ฉด ๊ตฌํ˜„ํ•  ์ˆ˜ ์žˆ์„ ์ •๋„๋กœ ํŒ๋‹จ์ด ๋œ๋‹ค. API ๊ตฌํ˜„์€ ๋น ๋ฅด๊ฒŒ ์ง„ํ–‰ํ•˜๊ณ  Swagger ๋“ฑ ๋‹ค์–‘ํ•œ ์™ธ๋ถ€ ํˆด๋“ค์„ ์‚ฌ์šฉํ•˜๋Š” ๊ฒƒ์„ ๋ชฉํ‘œ๋กœ ํ•˜๊ธฐ๋กœ ํ–ˆ๋‹ค. Backend๋Š” ๋‹น์—ฐํžˆ Node.j

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

TIL 211205 Github ์ •๋ฆฌ, ์•Œ๊ณ ๋ฆฌ์ฆ˜ ํ…Œ์ŠคํŠธ

๐Ÿš€What Iearned 1. ์•Œ๊ณ ๋ฆฌ์ฆ˜ ์Šคํ„ฐ๋”” 1์ฃผ์ฐจ ํ…Œ์ŠคํŠธ ์•Œ๊ณ ๋ฆฌ์ฆ˜ ์Šคํ„ฐ๋”” 1์ฃผ์ฐจ ํ…Œ์ŠคํŠธ๋ฅผ ์ง„ํ–‰ํ–ˆ๋‹ค. ๋ฌธ์ œ๋Š” ํ”„๋กœ๊ทธ๋ž˜๋จธ์Šค์˜ "๋ฐฉ๊ธˆ๊ทธ๊ณก" ์ด๋ผ๋Š” ์ œ๋ชฉ์˜ ๋ฌธ์ œ์ด๋ฉฐ, ์นด์นด์˜ค ์ฝ”๋”ฉ ํ…Œ์ŠคํŠธ์— ์ถœ์ œ ๋˜์—ˆ๋˜ ๋ฌธ์ œ์ด๋‹ค. ์ด๋ฒˆ ํ…Œ์ŠคํŠธ์—์„œ ๋‚˜๋งŒ์˜ ๋ชฉํ‘œ๋Š” ์‹œ๊ฐ„์ด ์–ผ๋งˆ๋‚˜ ๊ฑธ๋ฆฌ๋“  ์ƒ๊ด€์—†์ด ์ง์ ‘ ํ•ด๊ฒฐํ•˜๋Š” ๊ฒƒ ์ด์—ˆ๊ณ , ์‹ค์ œ๋กœ 3์‹œ๊ฐ„ ๋™์•ˆ ๋ฌธ์ œ๋ฅผ ํ’€์—ˆ๊ณ  ๊ฒฐ๊ตญ ํ•ด๊ฒฐํ–ˆ๋‹ค. ์‹œ๊ฐ„์ด ๋งŽ์ด ์†Œ์š”๋œ ๋ถ€๋ถ„์€ ๋ฌธ์ œ ์„ค๋ช…์—์„œ ๋ช…์‹œ๋œ ์˜ˆ์™ธ์ฒ˜๋ฆฌ๋ฅผ ๋ˆ„๋ฝํ•œ ๊ฒƒ์ด ์›์ธ์œผ๋กœ 30๊ฐœ์˜ ํ…Œ์ŠคํŠธ ๊ฒ€์ฆ ์ค‘ 1๊ฐœ ๊ฒ€์ฆ์—์„œ Fail ์ด ๋ฐœ์ƒํ–ˆ์—ˆ๋‹ค.. ์•Œ๊ณ ๋ฆฌ์ฆ˜ ์‹œํ€€์Šค ์ž์ฒด๋Š” ๊ธˆ๋ฐฉ ์งฐ์—ˆ์ง€๋งŒ ์ด๋Ÿฌํ•œ ์˜ˆ์™ธ์ฒ˜๋ฆฌ์—์„œ ์ƒ๋‹นํ•œ ์‹œ๊ฐ„์„ ์†Œ์š”ํ–ˆ๋‹ค. ๋‹ค๋ฅธ ํ”„๋กœ์ ํŠธ์—์„œ๋„ ์ฒ˜์Œ ๋งŒ๋“ค๋•Œ๋ถ€ํ„ฐ ๊ผผ๊ผผํžˆ ๋งŒ๋“œ๋Š” ๊ฒƒ์ด ๋ฒ ์ŠคํŠธ์ธ ๊ฒƒ ๊ฐ™๋‹ค.. ๋‹ค์‹œํ•œ๋ฒˆ ๋Š๊ผˆ๋‹ค. ๋‚˜์˜ 3์‹œ๊ฐ„..๐Ÿ˜‚ **- ์•Œ๊ณ ๋ฆฌ์ฆ˜ ์ฝ”๋“œ ๋งํฌ https://velog.io/@liam_jeon/ํ”„๋กœ๊ทธ๋ž˜๋จธ์Šค-๋ฐฉ๊ธˆ๊ทธ๊ณก-Javascript** 2. Github, Blog ์ •๋ฆฌ ๋‚˜๋ฅผ ํ‘œํ˜„ํ•  ์ˆ˜ ์žˆ๋Š”

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

TIL 211204 : ์‹คํ–‰์ปจํ…์ŠคํŠธ

๐Ÿš€What I learned ๐Ÿ“Œ๋‚ด ๋จธ๋ฆฌ ์†์— ์ธํ„ฐํ”„๋ฆฌํ„ฐ, ์‹คํ–‰์ปจํ…์ŠคํŠธ ๋‚ด๊ฐ€ ๋ณด๊ณ ์žˆ๋Š” ๋…ธ๋“œ ๊ฐ•์˜ ์ดˆ๋ฐ˜์— ๊ฐ•์‚ฌ๊ฐ€ ์ด๋Ÿฐ๋ง์„ ํ–ˆ๋‹ค. "์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ๋Š” ์‹คํ–‰์ปจํ…์ŠคํŠธ, ์ด๋ฒคํŠธ๋ฃจํ”„, ํ”„๋กœํ† ํƒ€์ž…๋งŒ ์ดํ•ดํ•˜๋ฉด ๋œ๋‹ค". ์ด๋ฒคํŠธ ๋ฃจํ”„๋Š” ๋น„๋™๊ธฐ ๊ณต๋ถ€ํ•  ๋•Œ ๊ฝค๋‚˜ ์ž๋ฃŒ๋ฅผ ์ฐพ์•„๋ด์„œ ์กฐ๊ธˆ์€ ์ดํ•ดํ•˜๊ณ  ์žˆ์—ˆ์ง€๋งŒ ํŠนํžˆ ์‹คํ–‰์ปจํ…์Šค๋Š” ๊ฑฐ์˜ ์ดํ•ดํ•˜์ง€ ์•Š์€ ์ƒํƒœ์˜€๋‹ค. ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ Deep Dive ์ฑ…์—์„œ ํ•œ๊ฐœ Chapter๋กœ ์žˆ๊ธฐ์— ์กด์žฌ๋Š” ์•Œ๊ณ ์žˆ์—ˆ๊ณ , ํ•œ๋ฒˆ ํ›‘๊ณ  ๋„˜๊ธฐ๊ธฐ์—๋Š” ๋‚ด์šฉ์ด ์–ด๋ ค์› ๋‹ค. ๐Ÿ“Œ์–ด๋–ป๊ฒŒ ๊ณต๋ถ€ํ–ˆ๋‚˜ ์ฐธ๊ณ  : https://medium.com/@happymishra66/execution-context-in-javascript-319dd72e8e2c ์ด๋ฒˆ์—๋„ ์—ญ์‹œ... ๋  ๋•Œ ๊นŒ์ง€ ํ–ˆ๋‹ค. ์œ ํŠœ๋ธŒ, ๋ธ”๋กœ๊ทธ์—์„œ๋„ ์‹คํ–‰์ปจํ…์ŠคํŠธ ์ •๋ณด๊ฐ€ ๋งŽ์ง€ ์•Š์•„์„œ ์ฃผ๋กœ ํ•ด์™ธ ๋ธ”๋กœ๊ฑฐ๋“ค์ด ์ž‘์„ฑํ•œ ๊ธ€๊ณผ, ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ์ฑ…์„ ํ†ตํ•ด ๊ณต๋ถ€ํ–ˆ๋‹ค. ๊ฐ„๋‹จํ•œ ์ฝ”๋“œ๋ฅผ ์ž‘์„ฑํ•˜๊ณ  ๊ทธ ์ฝ”๋“œ์— ๋Œ€ํ•œ ์‹คํ–‰์ปจํ…์ŠคํŠธ๋ฅผ ์ง์ ‘ ์† ์œผ๋กœ ๊ทธ๋ ธ๋‹ค

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

TIL 211203

์ž‘์„ฑ์ค‘

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

TIL 211202 : Prototype, Object

๐Ÿš€What I learned ์ตœ๊ทผ ๋‚ด๊ฐ€ ๋“ฃ๊ณ ์žˆ๋Š” node.js ๊ฐ•์˜๊ฐ€ ์žˆ๋‹ค. ๊ฐ•์˜ ์ดˆ๋ฐ˜์— ๊ฐ•์‚ฌ๊ฐ€ ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ์—์„œ๋Š” ์•„๋ž˜ 3๊ฐ€์ง€๋Š” ๋ฌด์กฐ๊ฑด ์•Œ๊ณ  ๋„˜์–ด์™€์•ผํ•œ๋‹ค๊ณ  ํ–ˆ์ง€๋งŒ, ๋‚ด๊ฐ€ ์™„๋ฒฝํ•˜๊ฒŒ ์ดํ•ดํ•˜๊ณ  ์žˆ๋Š” ๊ฒƒ์ด ์—†๋”๋ผ. ์‹คํ–‰์ปจํ…์ŠคํŠธ, ์ด๋ฒคํŠธ๋ฃจํ”„, ํ”„๋กœํ† ํƒ€์ž… ์ด๋ฒคํŠธ๋ฃจํ”„๋„ ์ฒ˜์Œ์—๋Š” ์ดํ•ด๊ฐ€์ง€ ์•Š์•˜์ง€๋งŒ, ์ดํ•ด๊ฐ€ ๋  ๋•Œ ๊นŒ์ง€ ์—ฌ๋Ÿฌ ์ž๋ฃŒ๋“ค์„ ์ฐพ์•„๋ณด๋‹ˆ ์–ด๋Š์ˆœ๊ฐ„ ๋‚ด์šฉ์ด ์™€๋‹ฟ์•˜๋‹ค. ๋‚˜๋จธ์ง€ ๊ฐœ๋…๋“ค๋„ ์ดํ•ด ๋  ๋•Œ ๊นŒ์ง€ ๊ณ„์†๋ด์•ผ๊ฒ ๋‹ค. > ์‹คํ–‰ ์ปจํ…์ŠคํŠธ Object ์ƒ์„ฑ ๋ฐฉ๋ฒ• console.dir() Obejct ์ƒ์„ฑ ๋ฐฉ๋ฒ• 3๊ฐ€์ง€ https://poiemaweb.com/js-object 1. ๊ฐ์ฒด ๋ฆฌํ„ฐ๋Ÿด **๊ฐ€์žฅ ์ผ๋ฐ˜์ ์ธ ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ์˜ ๊ฐ์ฒด ์ƒ์„ฑ ๋ฐฉ์‹์ด๋‹ค. ํด๋ž˜์Šค ๊ธฐ๋ฐ˜ ๊ฐ์ฒด ์ง€ํ–ฅ ์–ธ์–ด์™€ ๋น„๊ตํ•  ๋•Œ ๋งค์šฐ ๊ฐ„ํŽธํ•˜๊ฒŒ ๊ฐ์ฒด๋ฅผ ์ƒ์„ฑํ•  ์ˆ˜ ์žˆ๋‹ค. ์ค‘๊ด„ํ˜ธ({})๋ฅผ ์‚ฌ์šฉํ•˜์—ฌ ๊ฐ์ฒด๋ฅผ ์ƒ์„ฑํ•˜๋Š”๋ฐ {} ๋‚ด์— 1๊ฐœ ์ด์ƒ์˜ ํ”„๋กœํผํ‹ฐ๋ฅผ ๊ธฐ์ˆ ํ•˜๋ฉด ํ•ด๋‹น ํ”„๋กœํผํ‹ฐ๊ฐ€ ์ถ”๊ฐ€๋œ ๊ฐ์ฒด๋ฅผ ์ƒ์„ฑํ•  ์ˆ˜ ์žˆ๋‹ค. {

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

TIL 211201 : ๋น„๋™๊ธฐ,Libuv,์‹คํ–‰์ปจํ…์ŠคํŠธ

๐Ÿš€What I learned ์‹คํ–‰์ปจํ…์ŠคํŠธ(Execution Conte) ์‹คํ–‰ ์ปจํ…์ŠคํŠธ๋ž€ ๋ฌด์—‡์ธ๊ฐ€ >- ์ฝ”๋“œ๋ฅผ ์‹คํ–‰ํ•˜๋Š”๋ฐ ํ•„์š”ํ•œ ํ™˜๊ฒฝ์„ ์ œ๊ณตํ•˜๋Š” ๊ฐ์ฒด. ์ฝ”๋“œ๋ฅผ ์‹คํ–‰ํ•˜๋Š”๋ฐ ํ•„์š”ํ•œ ์กฐ๊ฑด์ด๋‚˜ ์ƒํƒœ๋ฅผ ๋ชจ์•„๋‘” ๊ฐ์ฒด. ์ฝ”๋“œ๋ฅผ ์‹คํ–‰ํ•  ๋•Œ ์‹๋ณ„์ž๋ฅผ ๋”์šฑ ํšจ์œจ์ ์œผ๋กœ ๊ฒฐ์ •ํ•˜๊ธฐ์œ„ํ•œ ์ˆ˜๋‹จ์œผ๋กœ์จ ํ•„์š”ํ•œ ์ •๋ณด๋ฅผ ํ•œ๊ณณ์— ๋ชจ์•„ ์ œ๊ณตํ•˜๋Š” ๊ฐ์ฒด. ์‹คํ–‰ ์ปจํ…์ŠคํŠธ์˜ ํƒ€์ž… 3๊ฐ€์ง€ > 1. Global execution context (GEC) ๋ธŒ๋ผ์šฐ์ €์—์„œ ํŒŒ์ผ์ด ์ฒ˜์Œ ๋กœ๋“œ๋˜๊ณ  JS ์ฝ”๋“œ๊ฐ€ ์‹คํ–‰์„ ์‹œ์ž‘ํ•˜๋Š” defualt execution context์ด๋‹ค. 2. Functional execution context (FEC) ํ•จ์ˆ˜ ์‹คํ–‰ ์ปจํ…์ŠคํŠธ๋Š” ํ•จ์ˆ˜ ํ˜ธ์ถœ์„ ์ฐพ์„ ๋•Œ๋งˆ๋‹ค JS ์—”์ง„์— ์˜ํ•ด ์ƒ์„ฑ๋œ ์ปจํ…์ŠคํŠธ๋กœ ์ •์˜๋ฉ๋‹ˆ๋‹ค. ๊ฐ ํ•จ์ˆ˜๋Š” ๊ณ ์œ ํ•œ ์‹คํ–‰ ์ปจํ…์ŠคํŠธ๋ฅผ ๊ฐ€์ง‘๋‹ˆ๋‹ค. 3. Eval Execution context inside eval function. ์ฐธ๊ณ 

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

TIL 211130

๋ฐฑ์—”๋“œ ๊ฐœ๋ฐœ์„ ํ•˜๋ฉด์„œ ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ๊ฐ€ ์–ด๋–ป๊ฒŒ ๋™์ž‘ํ•˜๋Š”์ง€ ๋ชจ๋ฅด๊ณ  ๊ฐœ๋ฐœ์„ ํ•˜๊ฒŒ๋œ๋‹ค๋ฉด Error๋ฅผ ํ•ด๊ฒฐํ•˜๋Š” ๋Šฅ๋ ฅ์„ ๊ฐ–์ง€ ๋ชปํ•˜๊ฒŒ ๋œ๋‹ค๋Š” ์ƒ๊ฐ์ด ๋“ ๋‹ค. ๋…ธ๋“œ์—์„œ ๋‹ค๋ฃจ๋Š” ๋น„๋™๊ธฐ ํ•จ์ˆ˜๋“ค์— ๋Œ€ํ•ด ๊ณต๋ถ€ํ•˜๊ธฐ ์ „์—, ๋จผ์ € ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ์˜ ๋™์ž‘ ์›๋ฆฌ๋ถ€ํ„ฐ ์•Œ์•„๋ณด์ž. ๐Ÿ’ก์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ๋Š” ๋™๊ธฐ(Synchronous)์ธ๊ฐ€ ๋น„๋™๊ธฐ(Asynchronous)์ธ๊ฐ€? ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ๋Š” ๋™๊ธฐ์‹ ์–ธ์–ด์ธ๊ฐ€? ๊ทธ๋ ‡๋‹ค. ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ๋Š” ๋™๊ธฐ์‹ ์–ธ์–ด์ด๋‹ค. ๋™๊ธฐ๋ž€ ํ•œ ์ž‘์—…์ด ์‹คํ–‰๋˜๋Š” ๋™์•ˆ ๋‹ค๋ฅธ ์ž‘์—…์€ ๋ฉˆ์ถ˜ ์ƒํƒœ๋กœ ์œ ์ง€ํ•˜๋ฉฐ ์ž์‹ ์˜ ์ฐจ๋ก€๋ฅผ ๊ธฐ๋‹ค๋ฆฌ๋Š” ๊ฒƒ์ด๋‹ค. ๋น„๋™๊ธฐ๋ž€ ๋ฌด์—‡์ธ๊ฐ€? ๋น„๋™๊ธฐ๋ž€ ์–ด๋– ํ•œ ์š”์ฒญ์„ ๋ณด๋‚ด๋ฉด ๊ทธ ์š”์ฒญ์ด ๋๋‚  ๋•Œ๊นŒ์ง€ ๊ธฐ๋‹ค๋ฆฌ๋Š” ๊ฒƒ์ด ์•„๋‹ˆ๋ผ, ์‘๋‹ต์— ๊ด€๊ณ„์—†์ด ๋ฐ”๋กœ ๋‹ค์Œ ๋™์ž‘์ด ์‹คํ–‰๋˜๋Š” ๋ฐฉ์‹์ด๋‹ค. ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ๋Š” ๋™๊ธฐ์‹์ธ๋ฐ ์–ด๋–ป๊ฒŒ ์—ฌ๋Ÿฌ ์ด๋ฒคํŠธ๋“ค์„ ๋™์‹œ์— ๋™์ž‘ํ•  ์ˆ˜ ์žˆ๋Š”๊ฐ€? ๋ฐ”๋กœ ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ์˜ ์‹คํ–‰ ํ™˜๊ฒฝ, ์ฆ‰ Runtime ๊ณผ ๊ด€๋ จ์ด ์žˆ๋‹ค. ๋ธŒ๋ผ์šฐ์ €์—์„œ์˜ ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ์‹คํ–‰ ํ™˜๊ฒฝ(Runtime

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

TIL 211129

๐Ÿš€ TIL >Node.js๋ฅผ ๋ฐฐ์šธ์ˆ˜๋ก ๋™๊ธฐ/๋น„๋™๊ธฐ ํŠน์„ฑ์— ๋Œ€ํ•ด ๊ณ ๋ฏผํ•˜๋Š” ํšŸ์ˆ˜๊ฐ€ ๋Š˜์–ด๋‚˜์„œ ์ •๋ฆฌํ•˜๋Š” ์‹œ๊ฐ„์„ ๊ฐ€์กŒ๋‹ค. ๐Ÿš€Event loop Event loop ๋™์ž‘์›๋ฆฌ JS ์ปจํผ๋Ÿฐ์Šค์—์„œ ๋ฐœํ‘œํ•œ ๋‚ด์šฉ์ธ๋ฐ ์ •๋ฆฌ๊ฐ€ ๊ธฐ๊ฐ€๋ง‰ํžˆ๋‹ค.. ๊นŒ๋จน์œผ๋ฉด ๋˜ ๋“ฃ์ž https://www.youtube.com/watch?v=8aGhZQkoFbQ MDN ๋™์‹œ์„ฑ ๋ชจ๋ธ๊ณผ ์ด๋ฒคํŠธ ๋ฃจํ”„ https://developer.mozilla.org/ko/docs/Web/JavaScript/EventLoop Javascript๋Š” ์‹ฑ๊ธ€์Šค๋ ˆ๋“œ์˜ ํŠน์„ฑ์„ ๊ฐ€์ง€๊ณ  ์žˆ๋Š”๊ฐ€? ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ๋Š” ์‹ฑ๊ธ€์Šค๋ ˆ๋“œ๋กœ ๋™์ž‘ํ•œ๋‹ค. ๊ทธ๋ฆฌ๊ณ  ์ด๋ฒคํŠธ ๋ฃจํ”„์— ๊ธฐ๋ฐ˜ํ•˜์—ฌ ๋น„๋™๊ธฐ ์ž‘์—…์„ ์ˆ˜ํ–‰ํ•  ์ˆ˜ ์žˆ๋‹ค. ์ฆ‰ ์ด๋ฒคํŠธ ๋ฃจํ”„๋ฅผ ์ด์šฉํ•˜์—ฌ ๋น„๋™๊ธฐ ๋ฐฉ์‹์„ ์ง€์›ํ•œ๋‹ค. ์–ด๋–ป๊ฒŒ ๋น„๋™๊ธฐ ์ž‘์—…์„ ์ˆ˜ํ–‰ํ•  ์ˆ˜ ์žˆ์„๊นŒ? ์‚ฌ์‹ค ๋น„๋™๊ธฐ๋กœ ์ˆ˜ํ–‰๋˜๋Š” ํ•จ์ˆ˜๋“ค์€ ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ์–ธ์–ด ์ž์ฒด์—์„œ ์ œ๊ณต๋˜๋Š” ๊ฒƒ์ด ์•„๋‹ˆ๋‹ค. Web API๋Š” ๋ธŒ๋ผ์šฐ์ € ์ž์ฒด์—์„œ ์ง€์›ํ•˜๋Š” A

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

TIL ์‹œ์ž‘.๊ทœ์น™ ์ •ํ•˜๊ธฐ

๐Ÿš€TIL ์‹œ์ž‘ ์™œ TIL์„ ์ž‘์„ฑํ•˜๋ ค๊ณ  ํ•˜๋Š”๊ฐ€? ํ•ญํ•ด99 ๋ผ๋Š” ๋ถ€ํŠธ์บ ํ”„๋ฅผ ์‹œ์ž‘ํ•˜๊ณ  ์ด์ œ 4์ฃผ์ฐจ๊ฐ€ ๋๋‚ฌ๋‹ค. 4์ฃผ ๋™์•ˆ ๋ฐฐ์šด ๊ฒƒ๋“ค์„ ์ •๋ฆฌํ•˜๊ธฐ ์œ„ํ•ด Notion๋„ ๋งŒ๋“ค์–ด๋ณด๊ณ  Tistory๋„ ๋งŒ๋“ค์–ด๋ณด์•˜์ง€๋งŒ ์ƒ๊ฐ์ฒ˜๋Ÿผ '์ •๋ฆฌ'๊ฐ€ ๋˜์ง€ ์•Š์•˜๋‹ค. ๋‚ด๊ฐ€ ์“ด ๊ธ€์ด ์•„๋‹ˆ๋ผ ์—ฌ๊ธฐ์ €๊ธฐ์„œ ์ž๋ฃŒ๋ฅผ ๊ธ์–ด๋ชจ์€ ๋น› ์กฐ์€ ๊ฐœ์‚ด๊ตฌ๋ฅผ ๋งŒ๋“  ๋Š๋‚Œ์ด์—ˆ๋‹ค. ๊ทธ๋ ‡๊ธฐ์— ๋ณด๊ธฐ์—๋งŒ ์ข‹์€๊ธ€, ๋ˆ„๊ตฐ๊ฐ€์—๊ฒŒ ๋ณด์—ฌ์ค˜์•ผํ•˜๋Š” ๊ธ€์ด ์•„๋‹ˆ๋ผ ๋‚ด๊ฐ€ ์ •๋ง ๋ฐฐ์šด ๊ฒƒ๋“ค, ์ดํ•ดํ•œ ๊ฒƒ๋“ค์„ ๊ธฐ๋กํ•˜๊ธฐ ์œ„ํ•ด์„œ๋งŒ ๋‚จ๊ธธ ํ•„์š”๊ธฐ์— TIL์— ์ง‘์ค‘ํ•˜๋ คํ•œ๋‹ค. TIL ์ž‘์„ฑ ๊ทœ์น™ ๊ตฌ์ฒด์ ์ธ ํ•™์Šต๋‚ด์šฉ ๋‚ด๊ฐ€ ์ƒˆ๋กœ ๋ฌด์—‡์„ ๋ฐฐ์› ๋Š”์ง€ ๋‚จ์—๊ฒŒ ์„ค๋ช…ํ•ด์ค„ ์ˆ˜ ์žˆ๋Š” ์ •๋„๋กœ ์ดํ•ด ํ•˜๋ฃจ์— ํ•˜๋‚˜ ์Šต๊ด€ ๊ธฐ๋ฅด๊ธฐ - ์˜๋ฏธ์—†๋Š” ๊ธ€์ด๋ผ๋„ ์ž‘์„ฑํ•ด์•ผ ์Šต๊ด€์ด ๋œ๋‹ค. ์นดํ…Œ๊ณ ๋ฆฌ๋ฅผ ๋‚˜๋ˆ„์ง€ ์•Š๊ธฐ ์ด๊ฒƒ์ €๊ฒƒ ๋ฐฐ์šฐ๋Š” ์ค‘์ด๋‹ค. ์นดํ…Œ๊ณ ๋ฆฌ๋ฅผ ๋‚˜๋ˆ„๋ฉด ์ž‘์„ฑํ•  ๊ฒƒ์ด ๋งŽ์•„์ ธ ๋ถ€๋‹ด์œผ๋กœ ๋Œ์•„์˜จ๋‹ค. ์šฐ์„  TIL ํฌ์ŠคํŠธ์— ์ž‘์„ฑํ•˜์ž. **์ฐธ๊ณ ํ•œ ๊ธ€/์˜์ƒ/๋ฌธ์„œ๋ฅผ

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