profile
FE developer #๊พธ์ค€ํžˆ ๐ŸŒฑ ์‹ฌ๊ธฐ
post-thumbnail

[TIL] Unit 4. React ์ƒํƒœ ๊ด€๋ฆฌ & Redux

๐ŸŒฑ ์ƒํƒœ ๊ด€๋ฆฌ ์ƒํƒœ : UI์— ๋™์ ์œผ๋กœ ํ‘œํ˜„๋  ๋ณ€ํ•˜๋Š” ๋ฐ์ดํ„ฐ Side Effect : ํ•จ์ˆ˜ ๋˜๋Š” ์ปดํฌ๋„ŒํŠธ์˜ ์ž…๋ ฅ ์™ธ์—๋„ ํ•จ์ˆ˜์˜ ๊ฒฐ๊ณผ์— ์˜ํ–ฅ์„ ๋ฏธ์น˜๋Š” ์š”์ธ (ex. ๋„คํŠธ์›Œํฌ(API) ์š”์ฒญ) ๐ŸŒฑ Redux ์ •์˜ : ์ปดํฌ๋„ŒํŠธ์™€ ์ƒํƒœ๋ฅผ ๋ถ„๋ฆฌํ•˜์—ฌ ์ „์—ญ์—์„œ ์ƒํƒœ ๊ด€๋ฆฌ๋ฅผ

์–ด์ œ
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€
post-thumbnail

Section 2 KPT ํšŒ๊ณ 

๋ฒŒ์จ ์„น์…˜ 2๊ฐ€ ๋๋‚ฌ๋‹ค๋‹ˆโ€ฆ? ์™œ ๊ฐˆ์ˆ˜๋ก ์‹œ๊ฐ„์ด ๋นจ๋ฆฌ ์ง€๋‚˜๊ฐ€๋Š” ๊ฒƒ ๊ฐ™์€์ง€ ์ด์œ ๋ฅผ ๋ชจ๋ฅด๊ฒ ๋‹ค. ๐Ÿค”์„น์…˜ 2์—์„œ๋Š” ๊ณ ์ฐจํ•จ์ˆ˜์™€ OOP, ๋น„๋™๊ธฐ, React, ๋„คํŠธ์›Œํฌ, Node.js, Express ๋“ฑ๋“ฑ ๊ต‰์žฅํžˆ ๋งŽ์€ ๋‚ด์šฉ์„ ๋ฐฐ์› ๋Š”๋ฐ, ์ง€๊ธˆ ์‹œ์ ์—์„œ๋Š” ๋˜ ์˜ˆ์ „์— ๋ฐฐ์šด๊ฒŒ ๊ฐ€๋ฌผ๊ฐ€๋ฌผํ•˜

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

[TIL] Unit 10. Web Server ๊ธฐ์ดˆ

๐ŸŒฑ SOP(Same-Origin Policy) ์ •์˜ : Same-Origin Policy์˜ ์•ฝ์ž๋กœ ๋™์ผ ์ถœ์ฒ˜ ์ •์ฑ…์„ ๋œปํ•œ๋‹ค. ํ•œ ๋งˆ๋””๋กœ โ€˜๊ฐ™์€ ์ถœ์ฒ˜์˜ ๋ฆฌ์†Œ์Šค๋งŒ ๊ณต์œ ๊ฐ€ ๊ฐ€๋Šฅํ•˜๋‹คโ€™๋ผ๋Š” ์ •์ฑ…!

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

[TIL] Unit 8. REST API

์ •์˜ : REST API๋Š” ์›น์—์„œ ์‚ฌ์šฉ๋˜๋Š” ๋ฐ์ดํ„ฐ(data)๋‚˜ ์ž์›(Resource)์„ HTTP URI๋กœ ํ‘œํ˜„ํ•˜๊ณ  HTTP ํ”„๋กœํ† ์ฝœ์„ ํ†ตํ•ด ์š”์ฒญ๊ณผ ์‘๋‹ต์„ ์ •์˜ํ•˜๋Š” ๋ฐฉ์‹์ด๋‹ค.REST๋Š” Representational State Transfer์˜ ์•ฝ์ž๋กœ ๋กœ์ด ํ•„๋”ฉ์˜ ๋…ผ๋ฌธ์—์„œ

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

[TIL] Unit 6. React State & Props

์ธํ„ฐ๋„ท ์‡ผํ•‘๋ชฐ์—์„œ ์˜ท์„ ์ฃผ๋ฌธํ•  ๋•Œ, ์›ํ•˜๋Š” ์˜ท์„ ์žฅ๋ฐ”๊ตฌ๋‹ˆ์— ๋‹ด๊ณ  ๊ฒฐ์ œ๋ฅผ ํ•˜๋ ค๊ณ  ๋ณด๋‹ˆ ๋‹ค๋ฅธ ์˜ท์ด ๋” ๋งˆ์Œ์— ๋“ค์–ด์„œ ์ฒ˜์Œ ๋‹ด์€ ์˜ท์„ ๋นผ๊ณ  ์ƒˆ๋กœ์šด ์˜ท์„ ๋‹ด์œผ๋ฉด ๋‚ด๊ฐ€ ๊ฒฐ์ œํ•ด์•ผ ํ•  ๊ธˆ์•ก๋„ ์ฆ‰๊ฐ์ ์œผ๋กœ ๋ณ€๊ฒฝ๋œ๋‹ค. ์ด๋Š” ์žฅ๋ฐ”๊ตฌ๋‹ˆ์˜ ์ƒํƒœ๊ฐ€ ๋ณ€ํ•œ๋‹ค๊ณ  ๋งํ•  ์ˆ˜ ์žˆ๋‹ค! ๐ŸŒฑ State &

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

[TIL] Unit 5. React SPA

๐ŸŒฑ React SPA (Single Page Application) ์ •์˜ : ์„œ๋ฒ„๋กœ๋ถ€ํ„ฐ ์™„์ „ํžˆ ์ƒˆ๋กœ์šด ํŽ˜์ด์ง€๋ฅผ ๋ถˆ๋Ÿฌ์˜ค์ง€ ์•Š๊ณ  ํŽ˜์ด์ง€ ๊ฐฑ์‹ ์— ํ•„์š”ํ•œ ๋ฐ์ดํ„ฐ๋งŒ ์„œ๋ฒ„์—์„œ ์ „๋‹ฌ๋ฐ›์•„ ๋ธŒ๋ผ์šฐ์ €์—์„œ ํ•ด๋‹นํ•˜๋Š” ๋ถ€๋ถ„๋งŒ ์—…๋ฐ์ดํŠธํ•˜๋Š” ๋ฐฉ์‹์œผ๋กœ ์ž‘๋™ํ•˜๋Š” ์›น ์• ํ”Œ๋ฆฌ์ผ€์ด์…˜์ด๋‚˜ ์›น ์‚ฌ์ดํŠธ

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

[TIL] Unit 4. React ๊ธฐ์ดˆ

๐ŸŒฑ React ๊ธฐ์ดˆ ๊ฐœ๋… ์ •์˜ : ๋ฆฌ์•กํŠธ๋Š” ํ”„๋ก ํŠธ์—”๋“œ ๊ฐœ๋ฐœ์„ ์œ„ํ•œ JavaScript ์˜คํ”ˆ์†Œ์Šค ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ์ด๋‹ค. ๐ŸŒฟ ํŠน์ง• ์„ ์–ธํ˜•(Declarative)์ด๋‹ค. HTML, CSS, JS๋กœ ๋‚˜๋ˆ ์„œ ์ ๊ธฐ ๋ณด๋‹ค๋Š” ํ•˜๋‚˜์˜ ํŒŒ์ผ์— ๋ช…์‹œ์ ์œผ๋กœ ์ž‘์„ฑํ•  ์ˆ˜ ์žˆ๊ฒŒ JSX๋ฅผ ํ™œ์šฉ

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

[TIL] Unit 3. ๋น„๋™๊ธฐ

๐ŸŒฑ ๋™๊ธฐ(Synchronous) vs ๋น„๋™๊ธฐ(Asynchronous) ๋™๊ธฐ์ (Synchronous) : ์‹œ์ž‘ ์‹œ์ ๊ณผ ์™„๋ฃŒ ์‹œ์ ์ด ๊ฐ™์€ ์ƒํ™ฉ ๋น„๋™๊ธฐ์ (Asynchronous) : ๋™๊ธฐ์ ์˜ ๋ฐ˜๋Œ€, non-blocking > JavaScript is synchronou

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

[TIL] Unit 2. ๊ฐ์ฒด ์ง€ํ–ฅ ํ”„๋กœ๊ทธ๋ž˜๋ฐ

๐ŸŒฑ ๊ฐ์ฒด ์ง€ํ–ฅ ํ”„๋กœ๊ทธ๋ž˜๋ฐ (OOP) ์ •์˜ : ํ•˜๋‚˜์˜ ๋ชจ๋ธ์ด ๋˜๋Š” ์ฒญ์‚ฌ์ง„(blueprint, class)์„ ๋งŒ๋“ค๊ณ , ๊ทธ ์ฒญ์‚ฌ์ง„์„ ๋ฐ”ํƒ•์œผ๋กœ ํ•œ ๊ฐ์ฒด(instance object)๋ฅผ ๋งŒ๋“œ๋Š” ํ”„๋กœ๊ทธ๋ž˜๋ฐ ํŒจํ„ด. >์ ˆ์ฐจ ์ง€ํ–ฅ ํ”„๋กœ๊ทธ๋ž˜๋ฐ๊ณผ๋Š” ๋‹ค๋ฅด๊ฒŒ ๋ฐ์ดํ„ฐ์™€ ๊ธฐ๋Šฅ์„ ํ•œ๊ณณ์— ๋ฌถ์–ด

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

[TIL] Section 1 ํšŒ๊ณ . ๊ธฐ์ˆ  ๋ฉด์ ‘ ์ค€๋น„

๐ŸŒฑ ๊ธฐ์ˆ  ๋ฉด์ ‘์ด๋ž€? - ์ •์˜ : ๊ฐœ๋ฐœ์ž๋กœ์„œ ๊ธฐ์ˆ ์  ์ง๋ฌด ์—ญ๋Ÿ‰์„ ์ถฉ๋ถ„ํžˆ ๊ฐ–์ถ”์—ˆ๋Š”์ง€ ํŒ๋‹จํ•˜๋Š” ๋ชจ๋“  ๋ฉด์ ‘ ํ˜•ํƒœ - ๋ชฉํ‘œ : ๊ถ๊ทน์ ์œผ๋กœ ๋ฉด์ ‘๊ด€์ด โ€œ๋‚˜๋ž‘ ๊ฐ™์ด ๊ฐœ๋ฐœํ•  ์ˆ˜ ์žˆ์„๊นŒ?โ€๋ฅผ ํ™•์ธํ•˜๋Š” ๊ณผ์ •์ด๋‹ค. ๋ฉด์ ‘์ž๊ฐ€ โ€œ์ •๋ง ์ž˜ ์•„๋Š”๊ฐ€?โ€, โ€œ์ •๋ง ์ž˜

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

[TIL] Unit 12. Git & Solo Project

๐ŸŒฑ Git ์šฉ์–ด ์ •๋ฆฌ ๋กœ์ปฌ ์ €์žฅ์†Œ(Local Repository) : ์ž์‹ ์˜ ์ปดํ“จํ„ฐ(๋กœ์ปฌ ํ™˜๊ฒฝ)์˜ ์ž‘์—… ๊ณต๊ฐ„์— ์œ„์น˜ํ•œ Git repository์ด๋‹ค. ์ปดํ“จํ„ฐ ํ•˜๋“œ ๋“œ๋ผ์ด๋ธŒ์— ์›ํ•˜๋Š” ๋””๋ ‰ํ† ๋ฆฌ๋กœ ์ด๋™ํ•ด์„œ ๋กœ์ปฌ Git ๋ฆฌํฌ์ง€ํ† ๋ฆฌ๋ฅผ ์ถ”๊ฐ€ํ•˜๋ฉด ํ•ด๋‹น ๋””๋ ‰ํ† ๋ฆฌ์˜ ํŒŒ์ผ ๋ณ€ํ™”๋ฅผ

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

[TIL] Unit 11. DOM

์ •์˜ : ๋ฌธ์„œ ๊ฐ์ฒด ๋ชจ๋ธ(Document Object Model)์˜ ์•ฝ์ž๋กœ, HTML ์š”์†Œ๋ฅผ Object(JavaScript Object)์ฒ˜๋Ÿผ ์กฐ์ž‘(Manipulation)ํ•  ์ˆ˜ ์žˆ๋Š” Model, HTML์„ ๋ถ„์„ํ•˜์—ฌ HTML์˜ ์•„์ฃผ ์ž‘์€ ๋ถ€๋ถ„๊นŒ์ง€ ์ ‘๊ทผํ•  ์ˆ˜ ์žˆ๋Š” ํŠธ๋ฆฌ

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

[TIL] Unit 10. ์›์‹œ & ์ฐธ์กฐ ์ž๋ฃŒํ˜•, ์Šค์ฝ”ํ”„, ํด๋กœ์ €, ES6 ๋ฌธ๋ฒ•

๐ŸŒฑ ์›์‹œ ์ž๋ฃŒํ˜• & ์ฐธ์กฐ ์ž๋ฃŒํ˜• ์›์‹œ ์ž๋ฃŒํ˜•(primitive data type) : ๊ฐ์ฒด๊ฐ€ ์•„๋‹ˆ๋ฉด์„œ ๋ฉ”์„œ๋“œ๋ฅผ ๊ฐ€์ง€์ง€ ์•Š๋Š” ํƒ€์ž…. ๊ฐ ๋ณ€์ˆ˜ ๊ฐ„ ๋ฐ์ดํ„ฐ ๊ฐ’์„ ๋ณต์‚ฌํ•˜๊ธฐ ๋•Œ๋ฌธ์— ๊ธฐ์กด ๋ฐ์ดํ„ฐ์—๋Š” ์˜ํ–ฅ์ด ๊ฐ€์ง€ ์•Š๋Š”๋‹ค. (string, number, bigint, boolea

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

[TIL] Unit 9. ๋ฐฐ์—ด๊ณผ ๊ฐ์ฒด

๐ŸŒฑ์šฉ์–ด ์ •๋ฆฌ ๋ฐฐ์—ด(Array) : ์ˆœ์„œ(index)๊ฐ€ ์žˆ๋Š” ๊ฐ’(element) ๋ฉ”์„œ๋“œ(Method) : ๐ŸŒฑ๋ฐฐ์—ด ๊ธฐ๋ณธ ์กฐ์ž‘ ๐ŸŒฟ์š”์†Œ ์ ‘๊ทผ & ๊ธธ์ด & ์ถ”๊ฐ€/์‚ญ์ œ ๐ŸŒฟ๋ฐ˜๋ณต ๐ŸŒฑ ๐ŸŒฟ ๐ŸŒฟ ๐ŸŒฑ์•Œ๊ฒŒ๋œ ์  & ๋Š๋‚€ ์  ๐ŸŒฑ์ถ”๊ฐ€ ํ•™์Šต | ์ฐธ๊ณ ์ž๋ฃŒ | > -

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

[TIL] Unit 6. ๊ณ„์‚ฐ๊ธฐ Mockup ๋งŒ๋“ค๊ธฐ

๐ŸŒฑ ๋Š๋‚€ ์  HTML๊ณผ CSS๋ฅผ ์‚ฌ์šฉํ•ด ๊ณ„์‚ฐ๊ธฐ Mockup์„ ๋งŒ๋“ค์—ˆ๋‹ค. ์ด๋ฒˆ ํŽ˜์–ด๋ถ„๊ณผ๋Š” ๊ณตํ†ต ๊ด€์‹ฌ์‚ฌ๊ฐ€ ๋งŽ์•„์„œ ๋งค์šฐ ์ฆ๊ฒ๊ฒŒ ์ง„ํ–‰ํ–ˆ๋‹ค!๐Ÿ˜Š flexbox์— ์ต์ˆ™ํ•ด ์งˆ ํ•„์š”๊ฐ€ ์žˆ๋‹ค....์—ฐ์Šต ๋งŽ์ด ํ•˜์ž ()

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

[TIL] Unit 5. CSS ๊ธฐ์ดˆ

๐ŸŒฑ์šฉ์–ด ์ •๋ฆฌ CSS(Cascading Style Sheets) : ์›น ํŽ˜์ด์ง€์˜ ์Šคํƒ€์ผ ๋ฐ ๋ ˆ์ด์•„์›ƒ์„ ์ •์˜ํ•˜๋Š” ์Šคํƒ€์ผ์‹œํŠธ ์–ธ์–ด์ด์ž ๋” ๋‚˜์€ ์‚ฌ์šฉ์ž ๊ฒฝํ—˜(UX)์„ ์ œ๊ณตํ•˜๊ธฐ ์œ„ํ•œ ๋„๊ตฌ (์‚ฌ์šฉ์ž๊ฐ€ HTML๋ฌธ์„œ๋ฅผ ์ž˜ ์ดํ•ดํ•  ์ˆ˜ ์žˆ๋„๋ก ๋•๋Š” ์—ญํ• ) UI(User Interfac

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

[TIL] Unit 4. HTML ๊ธฐ์ดˆ

HTML(HyperText Markup Language) : ์›นํŽ˜์ด์ง€์˜ ๊ตฌ์กฐ(Structure), ๋‚ด์šฉ, ํ‹€์„ ๋‹ด๋‹นํ•˜๋Š” ๋งˆํฌ์—… ์–ธ์–ดCSS(Cascading Style Sheets) : ๋””์ž์ธ ์š”์†Œ๋ฅผ ์‹œ๊ฐํ™”(Presentation)ํ•˜๋Š” ์Šคํƒ€์ผ ์‹œํŠธ ์–ธ์–ดJavaScript

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

[TIL] Unit 3. ๊ธฐ์ดˆ ์ œ์–ด๋ฌธ (์กฐ๊ฑด๋ฌธ, ๋ฌธ์ž์—ด, ๋ฐ˜๋ณต๋ฌธ)

1 == null == undefined true https://dorey.github.io/JavaScript-Equality-Table/ ๋ฌธ์ž์—ด ๋‹ค๋ฃจ๊ธฐ ๊ธฐ๋ณธ ์‚ฌ์šฉ๋ฒ• accessing a character ๋ฌธ์ž์—ด์€ index๋กœ ์ ‘๊ทผ์€ ๊ฐ€๋Šฅํ•˜์ง€๋งŒ ์“ธ ์ˆ˜๋Š” ์—†์Œ,

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

[TIL] Unit 2. JavaScript ๊ธฐ์ดˆ (๋ณ€์ˆ˜, ์ž๋ฃŒํ˜•, ํ•จ์ˆ˜)

๋ฉ”๋ชจ๋ฆฌ(memory) : ๋ฐ์ดํ„ฐ ๋ณด๊ด€ํ•จ, ๊ฐ๊ฐ์˜ ํฌ๊ธฐ๋Š” ๋™์ผ๋ณ€์ˆ˜(variable) : ๊ฐ ๋ฉ”๋ชจ๋ฆฌ์— ๋ถ™์ธ ์ด๋ฆ„(Label), ์ƒํ™ฉ์— ๋”ฐ๋ผ ๋ณ€ํ•  ์ˆ˜ ์žˆ๋Š” ๊ฐ’์„ ์–ธ(declaration) : ๋ฉ”๋ชจ๋ฆฌ ํ™•๋ณดํ• ๋‹น(assignment) : ๋ฉ”๋ชจ๋ฆฌ์— ๋ฐ์ดํ„ฐ ์ €์žฅํ‘œํ˜„์‹(expressio

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

[OT] Unit 1. ํ•™์Šต ๋ฐฉํ–ฅ ๋ฐ ๋‚˜์˜ ๋‹ค์ง

๋…ธ๋งˆ๋“œ ์ฝ”๋”, ์ƒํ™œ์ฝ”๋”ฉ, ๋“œ๋ฆผ์ฝ”๋”ฉ, ์ธํ”„๋Ÿฐ, ์ŠคํŒŒ๋ฅดํƒ€ ์ฝ”๋”ฉํด๋Ÿฝ ๋“ฑ ๊ฐ•์˜ ์ˆ˜๊ฐ•๋™๊ณ„ ํ˜„์žฅ์‹ค์Šต์บก์Šคํ†ค ๋””์ž์ธ (์กธ์—… ์ž‘ํ’ˆ) - ์˜์ˆ˜์ฆ ์ธ์‹์„ ํ†ตํ•œ ๋ƒ‰์žฅ๊ณ  ๊ด€๋ฆฌ App ๊ฐœ๋ฐœ ๋ฐ ํ˜‘์—…์ปดํ“จํ„ฐ๊ณตํ•™๋ถ€ ์กธ์—…์ŠคํŒŒ๋ฅดํƒ€ ์ฝ”๋”ฉํด๋Ÿฝ ์›น๊ฐœ๋ฐœ ์ข…ํ•ฉ๋ฐ˜ (๊ตญ๋น„์ง€์› 5์ฃผ ๊ต์œก ๊ณผ์ •) - 15์ผ ๋ฉ”์ดํ‚น ์ฑŒ

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