์œ„์ฝ”๋“œ์—์„œ์˜ ์ฒซ ํ•œ ๋‹ฌ

์–ด๋–ค ์‹œ๊ฐ„๋“ค์€ ์ฐฐ๋‚˜์˜ ์ˆœ๊ฐ„๋„ ์˜์›์ฒ˜๋Ÿผ ๋Š๊ปด์ง€๊ณ , ์–ด๋–ค ์‹œ๊ฐ„๋“ค์€ ๋ฌผ๋ฆฌ์ ์œผ๋กœ ์•„์ฃผ ๊ธด ์‹œ๊ฐ„์ด์—ˆ์Œ์—๋„ ์–ผ๋งˆ ๋˜์ง€ ์•Š์€ ๊ฒƒ์ฒ˜๋Ÿผ ๋Š๊ปด์ง„๋‹ค. ์œ„์ฝ”๋“œ์—์„œ์˜ ์ฒซ ํ•œ ๋‹ฌ์€ ํ›„์ž์ด๋ฉด์„œ๋„ ์ „์ž์ด๋‹ค. 9์›” 14์ผ๋ถ€ํ„ฐ 10์›” 18์ผ ์ง€๊ธˆ๊นŒ์ง€ ๋ฉฐ์น ๋ฐ–์— ์ง€๋‚˜์ง€ ์•Š์€ ๊ฒƒ์ฒ˜๋Ÿผ ๋Š๊ปด์ง„๋‹ค. ๊ทธ๋Ÿฌ๋ฉด์„œ๋„

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

westagram ํ”„๋กœ์ ํŠธ

instagram clone ์ฝ”๋”ฉ์„ ํ•ด๋ณด๋ฉด์„œ ๋ฐฐ์šด ๋ถ€๋ถ„๊ณผ, ํŒ€์œผ๋กœ ํ•จ๊ป˜ ํ•˜๋ฉด์„œ ๋ฐฐ์šด ๋ถ€๋ถ„์„ ์ •๋ฆฌํ•ด๋ณด๊ณ ์ž ํ•œ๋‹ค. ์ง„ํ–‰ ์ˆœ์„œ > HTML, CSS ๋กœ ์ธ์Šคํƒ€๊ทธ๋žจ์˜ ๋ ˆ์ด์•„์›ƒ์„ ์งœ๊ณ  -> Vanilla JS๋กœ ๊ธฐ๋Šฅ์„ ์ถ”๊ฐ€ํ•œ๋‹ค. -> React๋ฅผ ๋‹ค์šด๋ฐ›๊ณ , HTML์€ J

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

Authentication & Authorization

Authentication and Authorization are functions which used often in every API. Authentication is a step to check identification of user.In other words,

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

State, Props (and Event)

State >: ์ปดํฌ๋„ŒํŠธ ๋‚ด๋ถ€์—์„œ ๊ฐ€์ง€๊ณ  ์žˆ๋Š” ์ปดํฌ๋„ŒํŠธ์˜ ์ƒํƒœ๊ฐ’ ๋‹ค์‹œ ๋งํ•ด, ํ™”๋ฉด์— ๋ณด์—ฌ์ค„ ์ปดํฌ๋„ŒํŠธ์˜ ์ •๋ณด๋ฅผ ์ง€๋‹ˆ๊ณ  ์žˆ๋Š” ๊ฐ์ฒด์ด๋‹ค. Component ๋‚ด์˜ State ์ปดํฌ๋„ŒํŠธ ๋‚ด์— ํ•„์ˆ˜์ ์œผ๋กœ ๋“ค์–ด๊ฐ€์•ผ ํ•˜๋Š” ํ•จ์ˆ˜๋Š” render ํ•จ์ˆ˜๋‹ค. ๊ทธ render ํ•จ์ˆ˜ ์œ„์— c

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

Sass

Sass๋Š” CSS๋กœ ํ•ด์„๋˜๊ณ  ์ปดํŒŒ์ผ๋˜๋Š” ์Šคํฌ๋ฆฝํŠธ ์–ธ์–ด๋‹ค. Sass์—๋Š” Nesting ๊ธฐ๋Šฅ์„ ๋น„๋กฏํ•ด ๋ณ€์ˆ˜ ๋ฐ ์—ฐ์‚ฐ์ž, mixin ๋“ฑ์˜ ๊ธฐ๋Šฅ์ด ์žˆ๋‹ค. ์šฐ์„  sass๋ฅผ ์„ค์น˜ํ•˜๊ธฐ ์œ„ํ•ด์„œ ํ„ฐ๋ฏธ๋„ ์ƒ ๋‚ด ์œ„์น˜๋ฅผ westagram-project๋กœ ์ด๋™ํ•˜๊ณ , npm install n

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

React Router

React Router๋Š” Single Page Application(SPA)์„ ๊ตฌํ˜„ํ•  ์ˆ˜ ์žˆ๋„๋ก ํ•ด์ฃผ๋Š” ์•„์ฃผ ๊ณ ๋งˆ์šด ๊ธฐ๋Šฅ์ด๋‹ค. ์ด์ „์— ์ง„ํ–‰ํ•œ ํ”„๋กœ์ ํŠธ์—์„œ๋Š” ๊ฐ ์›น ํŽ˜์ด์ง€์˜ ์ˆ˜๋งŒํผ html ํŒŒ์ผ์ด ์กด์žฌํ–ˆ๋Š”๋ฐ, ์ด๋Ÿด ๊ฒฝ์šฐ ์ฝ”๋“œ๋ฅผ ํ†ตํ•ฉ์ ์œผ๋กœ ๋ณด๊ฑฐ๋‚˜ ์œ ์ง€๋ณด์ˆ˜ํ•˜๊ธฐ๊ฐ€ ์–ด๋ ต๋‹ค.

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

git cycle ์žฌ์ •๋ฆฌ

๋“œ๋””์–ด!!!! ํŒ€ ํ”„๋กœ์ ํŠธ๋ฅผ ์‹œ์ž‘ํ–ˆ๋‹ค. ํ•จ๊ป˜ ์ผํ•˜๊ณ  ์†Œํ†ต์„ ์›ํ™œํžˆ ํ•˜๊ธฐ ์œ„ํ•ด ๊นƒ๊ณผ ๊นƒํ—ˆ๋ธŒ๋ฅผ ์ด์šฉํ•˜๊ธฐ๋กœ ํ•ด์„œ, ๊นƒ์˜ ์‚ฌ์ดํด์— ๋Œ€ํ•ด ๋‹ค์‹œ ํ•œ ๋ฒˆ ์ •๋ฆฌํ•˜๊ณ ์ž ํ•œ๋‹ค. Git์€ ํฌ๊ฒŒ Local๊ณผ Remote๋กœ ๋‚˜๋‰œ๋‹ค. Local์€ ๋‚ด ์ปดํ“จํ„ฐ(๋žฉํƒ‘ ํ˜น์€ ๋ฐ์Šคํฌํƒ‘) ์œ„์น˜์ด๊ณ ,Rem

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

๋Œ€๋ง์˜ React Intro

React: UI๋ฅผ ๋งŒ๋“ค๊ธฐ ์œ„ํ•œ ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ๊ธฐ๋ฐ˜ ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ๋‹ค. CRA: create-react-app์˜ ์ถ•์•ฝ์–ด๋กœ ๋ฆฌ์•กํŠธ๋ฅผ ๊ตฌ๋™ํ•  ์ˆ˜ ์žˆ๋Š” '๊ฐœ๋ฐœ ํ™˜๊ฒฝ'์„ ๋งˆ๋ จํ•ด์ฃผ๋Š” ํ”„๋กœ๊ทธ๋žจ์ด๋‹ค. Component: UI ๋‹จ์œ„์˜ ์žฌ์‚ฌ์šฉ์ด ๊ฐ€๋Šฅํ•œ ๊ทธ๋ฃน์ด๋‹ค. \* functional

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

์ฝ”๋“œ๋ฆฌ๋ทฐ ์˜์–ด์Šคํ„ฐ๋””

์œ„์ฝ”๋“œ ์‹œ์ž‘ 3์ฃผ์ฐจ์ธ ์˜ค๋Š˜๋ถ€ํ„ฐ ์ฝ”๋“œ์นดํƒ€๋ฅผ ์‹œ์ž‘ํ•œ๋‹ค. ์ฝ”๋“œ ์นดํƒ€๋Š” ๋งค์ผ ํ•œ ์‹œ๊ฐ„ ์”ฉ ์ง๊ณผ ํ•จ๊ป˜ ๋ฌธ์ œ๋ฅผ ํ’€๊ณ  ๋ฆฌ๋ทฐํ•˜๋Š” ํ™œ๋™์ด๋‹ค. ๋งˆ์น˜ pair-programming ์ฒ˜๋Ÿผ navigator๊ฐ€ ๋ง๋กœ ์ž์‹ ์˜ ๋กœ์ง์„ ์„ค๋ช…ํ•˜๋ฉด, driver๊ฐ€ ์‹ค์ œ ์ฝ”๋“œ๋ฅผ ๊ตฌํ˜„ํ•˜๋Š” ๋ฐฉ์‹์œผ๋กœ ํ•˜๋ฉด

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

์›น์˜ ๋™์ž‘ ์›๋ฆฌ

์›น์˜ ๋™์ž‘ ์›๋ฆฌ๋Š” ๋ฉด์ ‘ ์‹œ์— ์ž์ฃผ ๋งˆ์ฃผํ•˜๋Š” ์ฃผ์ œ๋‹ค. ์ด ์›๋ฆฌ๋ฅผ ์ดํ•ดํ•˜๊ณ  ์žˆ๋Š” ๊ฐœ๋ฐœ์ž๋Š” ์ž์‹ ์˜ ๊ธฐ์ค€์— ์˜ํ•ด ์ฝ”๋“œ์˜ ํšจ์œจ์„ฑ์„ ํŒ๋‹จํ•  ์ˆ˜ ์žˆ๊ธฐ ๋•Œ๋ฌธ์—, ๊ต‰์žฅํžˆ ์ค‘์š”ํ•œ ์ฃผ์ œ๋‹ค. ์‚ฌ์šฉ์ž๊ฐ€ ๋ธŒ๋ผ์šฐ์ €์—์„œ ์„œ๋ฒ„์— ์ •๋ณด๋ฅผ ์š”์ฒญํ•˜๋ฉด, ์„œ๋ฒ„๋Š” ์‘๋‹ตํ•˜๊ณ  ๊ทธ ๊ฒฐ๊ณผ๋ฅผ ๋ธŒ๋ผ์šฐ์ €์— ์ „์†กํ•œ๋‹ค. ์˜ˆ๋ฅผ

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

Linux & Terminal

What is Linux? Linux๋ž€, ์†Œํ”„ํŠธ์›จ์–ด ๊ฐœ๋ฐœ์ž์ธ Linus Torvalds๊ฐ€ ๊ฐœ๋ฐœํ•œ Unix ๊ธฐ๋ฐ˜ ์šด์˜์ฒด์ œ๋‹ค. ํ† ๋ฐœ์ฆˆ๊ฐ€ Linux๋ฅผ ๋ฌด๋ฃŒ ์˜คํ”ˆ์†Œ์Šค๋กœ ์ œ๊ณตํ•จ์— ๋”ฐ๋ผ ์ˆ˜๋งŽ์€ ์‚ฌ๋žŒ๋“ค์ด ์‚ฌ์šฉํ•˜๋ฉด์„œ ํ’๋ถ€ํ•œ Linux ์ƒํƒœ๊ณ„๊ฐ€ ํ˜•์„ฑ๋˜์—ˆ๋‹ค. where to use

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

Linux Terminal ๋ช…๋ น์–ด

Basic Shell Commands cd change directory ํด๋” ์ด๋™ ls list segments ํ˜„์žฌ ๊ฒฝ๋กœ ๋‚ด ํŒŒ์ผ ๋ชฐ๋ก ์ถœ๋ ฅ ls -al pwd print working directory ํ˜„์žฌ ๊ฒฝ๋กœ ์ถœ๋ ฅ mkdir / rmd

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

์›น ์„œ๋น„์Šค์˜ ์—ญ์‚ฌ์™€ ๋ฐœ์ „

์ธํ„ฐ๋„ท์˜ ์ฒซ ์‹œ์ž‘ 1960๋…„, ์ธ๋ฅ˜๋Š” ๋ฌด์‹œ๋ฌด์‹œํ•œ ํ•ต์ „์Ÿ์„ ๊ฒฝํ—˜ํ•œ๋‹ค. ๊ทธ๋•Œ๊นŒ์ง€ ๊ตฐ์‚ฌ์˜ ํ†ต์‹  ์‹œ์Šคํ…œ์€ ์ค‘์•™์ง‘์ค‘์ ์œผ๋กœ, ํ•ต ๊ณต๊ฒฉ์„ ๋ฐ›์œผ๋ฉด ์ „์ฒด๊ฐ€ ๋งˆ๋น„๋˜๋Š” ์น˜๋ช…์ ์ธ ๋‹จ์ ์ด ์žˆ์—ˆ๋‹ค. ์ด๋Ÿฐ ์ ์„ ๋ณด์™„ํ•˜๊ณ ์ž ์ปดํ“จํ„ฐ ์ƒํ˜ธ ์—ฐ๊ฒฐ ๊ฐœ๋…๊ณผ ๊ด€๋ จ ๊ธฐ์ˆ ๋“ค์ด ๊ฐœ๋ฐœ๋˜์—ˆ๊ณ , ๊ทธ ๊ฒฐ๊ณผ ์ธํ„ฐ๋„ท์ด ํƒ„

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

HTTP

HTTP is a avvreviation for HyperText Transfer Protocal.HyperText๋Š” HTML์˜ HT์™€ ๋™์ผํ•œ ๋‹จ์–ด๋กœ, HTML์ด ๋ฌธ์„œ๊ฐ€ ์„œ๋กœ ๋งํฌ๋ฅผ ํ†ตํ•ด ์—ฐ๊ฒฐ๋˜๋ก ํ•˜๋Š” ํƒœ๊ทธ๋กœ ๊ตฌ์„ฑ๋œ ์–ธ์–ด๋ผ๋Š” ์ ์—์„œ ๊ทธ ๋œป์„ ์œ ์ถ”ํ•ด๋ณผ ์ˆ˜ ์žˆ๋‹ค.Trans

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

DB ์˜์–ด ์Šคํ„ฐ๋””

๋งค์ผ ์›”์š”์ผ ์ €๋… 8์‹œ30๋ถ„๋งˆ๋‹ค ์˜์–ด ์Šคํ„ฐ๋””๋ฅผ ์ง„ํ–‰ํ•˜๊ธฐ๋กœ ํ–ˆ๋‹ค. ํŒ€์›์€ ๋‚˜, ํ™ฉ์ฑ„์˜๋‹˜, ์ด์ง€์˜๋‹˜, ๊ตฌํ˜„์ •๋‹˜์œผ๋กœ ์ด 4๋ช…์ด๋‹ค. ์ „์ฃผ์— ๊ณต๋ถ€ํ•œ ๋ถ€๋ถ„ ์ค‘ ์‚ฌ๋žŒ๋“ค์—๊ฒŒ ๋ฐœํ‘œํ•˜๊ณ  ์‹ถ๊ฑฐ๋‚˜, ํ•ด์™ธ ์ทจ์—… ๋ฉด์ ‘ ์‹œ ์งˆ๋ฌธ ๋ฐ›์„ ๊ฒƒ ๊ฐ™์€ ๋ถ€๋ถ„์„ ๋”ฐ๋กœ ์ •๋ฆฌํ•ด์„œ ์‚ฌ๋žŒ๋“ค์—๊ฒŒ ๋ฐœํ‘œ๋ฅผ ํ•˜๋Š” ๋ฐฉ์‹

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

DataBase, ERD

9/24 ์˜คํ›„ ์„ธ์…˜์œผ๋กœ ๋ฐ์ดํ„ฐ๋ฒ ์ด์Šค์™€ ERD์— ๋Œ€ํ•ด ๊ณต๋ถ€ํ–ˆ๋‹ค. ๋ฐ์ดํ„ฐ๋ฒ ์ด์Šค๋Š” ๋ฐ์ดํ„ฐ๋ฅผ ์žฅ๊ธฐ์ ์œผ๋กœ ์ €์žฅํ•˜๊ณ  ๋ณด์กดํ•˜๋Š” ์‹œ์Šคํ…œ์œผ๋กœ, ์ •๋ณด๋ฅผ ์ž˜ ํ™œ์šฉํ•  ์ˆ˜ ์žˆ๊ธฐ ์œ„ํ•ด์„œ ๋งŒ๋“ค์–ด์กŒ๋‹ค. ๊ด€๊ณ„ํ˜• DB์™€ ๋น„๊ด€๊ณ„ํ˜• DB๋กœ ๋‚˜๋‰œ๋‹ค.MySQL, Postgres, Oracle DB์ด ๊ด€๊ณ„ํ˜•

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

9์›”25์ผ ์ฒซ JS ํ…Œ์ŠคํŠธ

๋ฉฐ์น  ์ง€๋‚˜์ง€ ์•Š์€ ๋Š๋‚Œ์ธ๋ฐ, ๋ฒŒ์จ ์œ„์ฝ”๋“œ์—์„œ ๊ณต๋ถ€ํ•œ์ง€ 2 ์ฃผ๊ฐ€ ๋‹ค ๋˜์—ˆ๋‹ค. ๋งค์ผ ์ƒˆ๋กœ์šด ๊ฒƒ์„ ๋ฐฐ์šฐ๊ณ  ์‚ฌ๋žŒ๋“ค๊ณผ ํ•จ๊ป˜ ํ•˜๋‹ค๋ณด๋‹ˆ ์‹œ๊ฐ„์ด ๋„ˆ๋ฌด ๋นจ๋ฆฌ ๊ฐ„๋‹ค. ์ฃผ๋ง์„ ํฌํ•จํ•ด ๊ฑฐ์˜ ๋งค์ผ ์•„์นจ 9~10์‹œ ์‚ฌ์ด์— ์™€์„œ ์ €๋… 10์‹œ ์ดํ›„์— ๊ฐ€๋Š”๋ฐ,๊ทธ๋ž˜๋„ ๋” ์ด๊ณณ์— ๋จธ๋ฌผ๊ณ  ์‹ถ๊ณ  ์‹œ๊ฐ„์ด ๋ชจ

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

GIT Session

( ๊นŒ๋จน์„๊นŒ๋ด ์ •๋ฆฌํ•ด๋‘๋Š” ๊ธ€. )Git Session์ด ์ง„ํ–‰๋๋‹ค. Git๊ณผ Github์— ๋Œ€ํ•œ ํ•ต์‹ฌ์ ์ธ ๋‚ด์šฉ์„ ๊ฐ„๋žตํ•˜๊ฒŒ ์„ค๋ช…ํ•˜๊ณ , ๋‚ด local computer์—์„œ ๊นƒ์„ ํ†ตํ•ด ์ €์žฅํ•œ ์ž๋ฃŒ๋ฅผ Terminal์„ ํ†ตํ•ด Github์— ์˜ฌ๋ฆฌ๋Š” ์ž‘์—…์„ ๊ฐ„๋‹จํ•˜๊ฒŒ ์‹ค์Šตํ–ˆ๋‹ค. ๊นƒ์€

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

HTML ์ถ”๊ฐ€ ์ •๋ฆฌ

HTML์— ๋Œ€ํ•œ ์ถ”๊ฐ€ ์„ธ์…˜์ด ์—ด๋ ธ๋‹ค. CSS ์š”์†Œ์— ๋Œ€ํ•ด ํ—ท๊ฐˆ๋ฆฌ๋Š” ๋ถ€๋ถ„์ด ๋งŽ์•˜๋Š”๋ฐ, ํ™•์‹คํžˆ ์„ธ์…˜์„ ์ฐธ์—ฌํ•˜๊ณ  ๋‚˜๋‹ˆ ๊ฐœ๋…์ด ๋จธ๋ฆฟ์†์— ์ž˜ ์ •๋ฆฌ๋˜์—ˆ๋‹ค. ์œ„์ฝ”๋“œ 2์ฃผ์ฐจ์ธ ์ด๋ฒˆ์ฃผ์˜ ๋ชฉํ‘œ๋Š” "๋งŽ์€ html๊ณผ css๋ฅผ ์‚ฌ์šฉํ•˜๋ฉด์„œ Westargram์„ ๊ตฌํ˜„ํ•˜๊ณ , layouts ์†์„ฑ

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

Dev-tools

๋‚˜๋Š” ๊ตฌ๊ธ€์˜ ๊ฐœ๋ฐœ์ž ๋„๊ตฌ ์ •๋ฆฌ ํŽ˜์ด์ง€์™€ Traversy Media์˜ ์œ ํŠœ๋ธŒ ๊ฐ•์˜๋ฅผ ์ฐธ๊ณ ํ•ด์„œ ๊ฐœ๋ฐœ์ž ๋„๊ตฌ์— ๋Œ€ํ•ด ๊ณต๋ถ€ํ–ˆ๋‹ค. ๊ฐœ๋ฐœ์ž๋„๊ตฌ์—์„œ ๊ณต๋ถ€ํ•œ ๋ถ€๋ถ„์€ ํฌ๊ฒŒ ์—ฌ์„ฏ ๋ถ€๋ถ„์ด๋‹ค. >* Elements Console Sources Network Appication Light

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