profile
๐Ÿšง๊ฐœ๋ฐœ์ค‘๐Ÿšง
post-thumbnail

[Git] Git ๋ช…๋ น์–ด (2)

1. ํ•œ๊ธ€ ์ฒ˜๋ฆฌ์™€ git reset 1) ํ•œ๊ธ€ ์ฒ˜๋ฆฌ ํ„ฐ๋ฏธ๋„์—์„œ ํ•œ๊ธ€์ด ๊นจ์งˆ ๋•Œ: set LCALL=koKR.UTF-8 ๋ช…๋ น git status์—์„œ ํ•œ๊ธ€์ด ๊นจ์งˆ ๋•Œ: git config --global --edit ๋ช…๋ น ํ›„ [core]์— quotepath = false

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

[Git] Git ๋ช…๋ น์–ด (1)

1. Git์„ ์“ฐ๋Š” ์ด์œ  1) ๋ฒ„์ „ ๊ด€๋ฆฌ ์ฝ”๋”ฉํ•˜๊ณ  ์žˆ์„ ๋•Œ ์ค‘๊ฐ„์— ๊บผ์ ธ์„œ ๋‚ ์•„๊ฐ€๊ฑฐ๋‚˜, ๋ฐฐํฌ ํ›„ ๋ฒ„์ „์„ ๋˜๋Œ๋ฆฌ๊ณ  ์‹ถ์„ ๋•Œ ํ•œ ํŒŒ์ผ๋กœ ๋ฒ„์ „์„ ๊ด€๋ฆฌํ•  ์ˆ˜ ์žˆ์Œ 2) โญํ˜‘์—… ์˜ˆ๋ฅผ ๋“ค์–ด ํŒ€์›์ด ๋‘ ๋ช… ์ด์ƒ์ผ ๋•Œ ๋ณด๊ณ ์„œ ์ž‘์„ฑ ์‹œ ํ•œ ํŒŒ์ผ์„ ๋™์‹œ์— ์ˆ˜์ •ํ•˜๋Š” ์ผ์ด ๋ฐœ์ƒํ•  ์ˆ˜ ์žˆ์œผ๋ฏ€

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

[React] ์›น ๊ฒŒ์ž„-8 ์ง€๋ขฐ์ฐพ๊ธฐ

1. Context API ์ „์—ญ์ ์œผ๋กœ ๋ฐ์ดํ„ฐ๊ฐ€ ์‚ฌ์šฉ๋˜์•ผ ํ•  ๋•Œ (TicTacToe-> Table-> Tr-> Td) ์‚ฌ์šฉ 2. createContext์™€ Provider createContext() ํ•จ์ˆ˜๋ฅผ ์‚ฌ์šฉํ•˜์—ฌ Context ๋งŒ๋“ค๊ธฐ Context API์˜ ๋ฐ์ดํ„ฐ์—

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

[React] ์›น ๊ฒŒ์ž„-7 ํ‹ฑํƒํ† 

1. useReducer ์†Œ๊ฐœ state๊ฐ€ ๋งŽ์•„์ง€๋ฉด ๊ด€๋ฆฌ๊ฐ€ ํž˜๋“ค์–ด์ง€๊ธฐ ๋•Œ๋ฌธ์— useReducer๋ฅผ ์‚ฌ์šฉํ•˜์—ฌ ํ•˜๋‚˜์˜ state, setState ๋กœ ํ†ต์ผํ•  ์ˆ˜ ์žˆ์Œ 2. reducer, action, dispatch์˜ ๊ด€๊ณ„ reducer: state์™€ action๊ฐ์ฒด๋ฅผ

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

[React] ์›น ๊ฒŒ์ž„-6 ๋กœ๋˜ ์ถ”์ฒจ๊ธฐ

1. ๋กœ๋˜ ์ถ”์ฒจ๊ธฐ ์ปดํฌ๋„ŒํŠธ Lotto.jsx Ball.jsx 2. setTimeout ์—ฌ๋Ÿฌ ๋ฒˆ ์‚ฌ์šฉํ•˜๊ธฐ for๋ฌธ์— let ์‚ฌ์šฉ ์‹œ ํด๋กœ์ € ๋ฌธ์ œ ๋ฐœ์ƒ x setTimemout() ์‚ฌ์šฉ ์‹œ ๋๋‚˜๊ณ  ํ•ญ์ƒ clear ํ•ด์ค˜์•ผ ํ•จ (๋ฉ”๋ชจ๋ฆฌ ๋ˆ„์ˆ˜ ๋ฌธ์ œ ๋ฐœ์ƒ) 3. compon

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

[React] ์›น ๊ฒŒ์ž„-5 ๊ฐ€์œ„๋ฐ”์œ„๋ณด

1. ๋ฆฌ์•กํŠธ ๋ผ์ดํ”„์‚ฌ์ดํด componentDidMount(): ์ฒ˜์Œ render๊ฐ€ ์„ฑ๊ณต์ ์œผ๋กœ ๋๋‹ค๋ฉด ์‹คํ–‰, ๋ฆฌ๋žœ๋”๋ง์ด ๋˜๋ฉด ์‹คํ–‰x (๋น„๋™๊ธฐ ์š”์ฒญ) componentDidUpdate(): ๋ฆฌ๋žœ๋”๋ง ํ›„ ์‹คํ–‰ componentWillUnmount(): ์ปดํฌ๋„ŒํŠธ๊ฐ€ ์ œ๊ฑฐ๋˜๊ธฐ ์ง

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

[React] ์›น ๊ฒŒ์ž„-4 ๋ฐ˜์‘์†๋„์ฒดํฌ

1. React ์กฐ๊ฑด๋ฌธ jsx์—์„œ๋Š” for, if๋ฌธ ์‚ฌ์šฉ x -> ์‚ผํ•ญ์—ฐ์‚ฐ์ž ๋˜๋Š” AND(&&) ์—ฐ์‚ฐ์ž ์‚ฌ์šฉ ResponseCheck.jsx > ์ฝ”๋“œ๊ฐ€ ์ง€์ €๋ถ„ํ•  ๋•Œ ์ด๋ ‡๊ฒŒ ํ•จ์ˆ˜๋กœ ๋žœ๋”๋ง ๋ถ€๋ถ„์„ ๋ถ„๋ฆฌํ•ด๋„ ๋˜์ง€๋งŒ ์ƒˆ๋กœ์šด ์ปดํฌ๋„ŒํŠธ๋กœ ๋งŒ๋“ค์–ด ์ฃผ๋Š” ๊ฒŒ ๋” ์ข‹์Œ! 2. set

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

[React] ์›น ๊ฒŒ์ž„-3 ์ˆซ์ž์•ผ๊ตฌ

1. import์™€ require ๋น„๊ต 1) require: node์˜ ๋ชจ๋“ˆ ์‹œ์Šคํ…œ NumberBaseball class๊ฐ€ module.exports ๋‹ด๊ฒจ์„œ ๋‹ค๋ฅธํŒŒ์ผ์—์„œ require๋กœ ๋ถˆ๋Ÿฌ์˜ค๊ธฐ 2) import: ES2015(ES6) ๋ชจ๋“ˆ ์‹œ์Šคํ…œ exports

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

[React] ์›น ๊ฒŒ์ž„-2 ๋๋ง์ž‡๊ธฐ

1. ์›นํŒฉ ์„ค์น˜ํ•˜๊ธฐ create-react-app์œผ๋กœ ์ž๋™ ์„ค์น˜ ๊ฐ€๋Šฅ ํ„ฐ๋ฏธ๋„ ์‹คํ–‰ ํ›„ npm init: package.json ํŒŒ์ผ ์ƒ์„ฑ npm i react react-dom: npm์ด react, react-dom ์„ค์น˜ npm i -D webpack webpack-

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

[React] ์›น ๊ฒŒ์ž„-1 ๊ตฌ๊ตฌ๋‹จ

1. ์ฒซ ๋ฆฌ์•กํŠธ ์ปดํฌ๋„ŒํŠธ create-react-app์—†์ด html๋กœ ์ปดํฌ๋„ŒํŠธ ๋งŒ๋“ค๊ธฐ lecture ๋””๋ ‰ํ„ฐ๋ฆฌ ๋งŒ๋“ค๊ณ  ๊ทธ ์•ˆ์— index.html ์ƒ์„ฑ index.html 2. HTML ์†์„ฑ๊ณผ ์ƒํƒœ(state) ์ƒํƒœ(state)๋Š” ๋ฐ”๋€Œ๋Š” ๋ถ€๋ถ„, ํ˜น์€ ๋ฐ”๋€” ์ˆ˜ ์žˆ๋Š” ๋ถ€๋ถ„

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

[React] ์ƒํ™œ์ฝ”๋”ฉ-6 Update, Delete๊ตฌํ˜„

1.Update Read๊ธฐ๋Šฅ, Create ๊ธฐ๋Šฅ ๊ฒฐํ•ฉ components ๋””๋ ‰ํ„ฐ๋ฆฌ์— UpdateContents.js ํŒŒ์ผ ์ƒ์„ฑ App.js render()ํ•จ์ˆ˜ ์•ˆ ์ฝ”๋“œ๊ฐ€ ๋ณต์žกํ•˜๊ธฐ ๋•Œ๋ฌธ์— ์ƒˆ๋กœ์šด ํ•จ์ˆ˜๋กœ ์ชผ๊ฐœ์„œ ๋ถ„๋ฆฌ์‹œ์ผœ๋ณด๊ธฐ UpdateContent ์ปดํฌ๋„ŒํŠธ ์‹คํ–‰ ์‹œ ์ž…

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

[React] ์ƒํ™œ์ฝ”๋”ฉ-5 Create ๊ตฌํ˜„

1. mode ๋ณ€๊ฒฝ `์™€ ` ์ปดํฌ๋„ŒํŠธ ์‚ฌ์ด์— create, update, delete ๋ฒ„ํŠผ ๋งŒ๋“ค๊ธฐ components ๋””๋ ‰ํ„ฐ๋ฆฌ ์•ˆ์— Control.js ํŒŒ์ผ ์ƒ์„ฑ Control.js App.js 2. mode ์ „ํ™˜ create ํด๋ฆญ ์‹œ `` ์ปดํฌ๋„ŒํŠธ๋กœ ๋ฐ”๊ฟ”๋ณด๊ธฐ ์›

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

[React] ์ƒํ™œ์ฝ”๋”ฉ-4 ์ด๋ฒคํŠธ

1. ์ด๋ฒคํŠธ state props ๊ทธ๋ฆฌ๊ณ  redner ํ•จ์ˆ˜ props, state, event ์ด 3๊ฐœ๊ฐ€ ์„œ๋กœ ์ƒํ˜ธ์ž‘์šฉํ•˜์—ฌ ์• ํ”Œ๋ฆฌ์ผ€์ด์…˜์˜ ์—ญ๋™์„ฑ์„ ๋งŒ๋“ฆ App.js mode๊ฐ’์ด welcome, read์— ๋”ฐ๋ผ ์‹คํ–‰๋˜๋Š” ์ฝ”๋“œ๊ฐ€ ๋ฐ”๋€œ props, state๊ฐ’์ด ๋ฐ”๋€Œ๋ฉด

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

[React] ์ƒํ™œ์ฝ”๋”ฉ-3 State

Props: ์‚ฌ์šฉ์ž๊ฐ€ ์ปดํฌ๋„ŒํŠธ๋ฅผ ์‚ฌ์šฉํ•˜๋Š” ์ž…์žฅ์—์„œ ์ค‘์š”State: Props์˜ ๊ฐ’์— ๋”ฐ๋ผ ๋‚ด๋ถ€์˜ ๊ตฌํ˜„์— ํ•„์š”ํ•œ ๋ฐ์ดํ„ฐ, ์™ธ๋ถ€์—์„œ ์•Œ ํ•„์š” ์—†๋Š” ์ •๋ณด ์€๋‹‰์œ„ props์˜ ๊ฐ’๋“ค์ด ํ•˜๋“œ์ฝ”๋”ฉ๋˜์–ด ์žˆ๋Š” ๊ฑธ state๋กœ ๋งŒ๋“ค๊ณ , state๊ฐ’์„ Subject์˜ props๋กœ ์ „๋‹ฌํ•˜๋Š”

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

[React] ์ƒํ™œ์ฝ”๋”ฉ-2 ์ปดํฌ๋„ŒํŠธ ๋งŒ๋“ค๊ธฐ

1. ์ปดํฌ๋„ŒํŠธ ๋งŒ๋“ค๊ธฐ App.js ์‹คํ–‰๊ฒฐ๊ณผ ` ์•ˆ์— `ํƒœ๊ทธ๊ฐ€ ๋“ค์–ด๊ฐ€ ์žˆ์Œ > โ— ์œ„์—์„œ ์ง  ์ฝ”๋“œ๋Š” ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ์ฝ”๋“œ๊ฐ€ ์•„๋‹Œ JSX JSX๋กœ ์ฝ”๋“œ ์ž‘์„ฑ์‹œ Creat React App์ด ์•Œ์•„์„œ ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ์ฝ”๋“œ๋กœ ๋ณ€ํ™˜ ํƒœ๊ทธ๋ฅผ ์—ด์—ˆ์œผ๋ฉด ๊ผญ ๋‹ซ์•„์•ผ ํ•จ ๋‘ ๊ฐœ ์ด์ƒ์˜ ํƒœ๊ทธ๋Š”

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

[React] ์ƒํ™œ์ฝ”๋”ฉ-1 ๋ฆฌ์•กํŠธ ์ž…๋ฌธ

1. ๋ฆฌ์•กํŠธ ์™œ ์“ธ๊นŒ? : ์‚ฌ์šฉ์ž ์ •์˜ ํƒœ๊ทธ Component๋กœ ์ž‘์„ฑ ๊ฐ€๋…์„ฑ ์žฌ์‚ฌ์šฉ์„ฑ ๋†’์•„์ง ์œ ์ง€๋ณด์ˆ˜๋ฅผ ์‰ฝ๊ฒŒ ํ•  ์ˆ˜ ์žˆ์Œ 2. ๊ฐœ๋ฐœํ™˜๊ฒฝ ์ข…๋ฅ˜ https://reactjs.org/ 1) Online Playgrounds ์ปดํ“จํ„ฐ์— ์„ธํŒ…ํ•  ์ˆ˜ ์—†๋Š” ํ™˜๊ฒฝ์ด๋ผ

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