profile
Believe you can & you're half way there ๐Ÿ™
post-thumbnail

[SQL] 4. ํ”„๋กœ๊ทธ๋ž˜๋จธ์Šค SQL Level2 (2)

๐Ÿ”ฅ SQL Level 2 > [SQL] 1. SQL ๊ธฐ๋ณธ ๋ฌธ๋ฒ• [SQL] 2. SQL ๊ธฐ๋ณธ ์˜ˆ์ œ 1. ์ž…์–‘ ์‹œ๊ฐ ๊ตฌํ•˜๊ธฐ(1) (GROUP BY) โœ… LEVEL2. ์ž…์–‘ ์‹œ๊ฐ ๊ตฌํ•˜๊ธฐ(1) ๋ฌธ์ œ ์š”์•ฝ ํ…Œ์ด๋ธ” ์ •๋ณด โœ” ANIMAL_OUTS: ๋™๋ฌผ ๋ณดํ˜ธ์†Œ์—์„œ ์ž…์–‘ ๋ณด๋‚ธ

์•ฝ 8์‹œ๊ฐ„ ์ „
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€
post-thumbnail

[SQL] 4. ํ”„๋กœ๊ทธ๋ž˜๋จธ์Šค SQL Level2 (1)

\[SQL] 1. SQL ๊ธฐ๋ณธ ๋ฌธ๋ฒ•\[SQL] 2. SQL ๊ธฐ๋ณธ ์˜ˆ์ œโœ… LEVEL2. ์ตœ์†Ÿ๊ฐ’ ๊ตฌํ•˜๊ธฐํ…Œ์ด๋ธ” ์ •๋ณดโœ” ANIMAL_INS: ๋™๋ฌผ ๋ณดํ˜ธ์†Œ์— ๋“ค์–ด์˜จ ๋™๋ฌผ์˜ ์ •๋ณด๋ฅผ ๋‹ด์€ ํ…Œ์ด๋ธ”ํ•„๋“œ ์ •๋ณดโœ” ANIMAL_ID: ๋™๋ฌผ์˜ ์•„์ด๋””โœ” ANIMAL_TYPE: ์ƒ๋ฌผ ์ข…โœ” DAT

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

[SQL] 3. ํ”„๋กœ๊ทธ๋ž˜๋จธ์Šค SQL Level1 (2)

๐Ÿ”ฅ SQL Level 1 > [SQL] 1. SQL ๊ธฐ๋ณธ ๋ฌธ๋ฒ• [SQL] 2. SQL ๊ธฐ๋ณธ ์˜ˆ์ œ [SQL] 3. ํ”„๋กœ๊ทธ๋ž˜๋จธ์Šค SQL Level1 (1) 1. ์—ฌ๋Ÿฌ ๊ธฐ์ค€์œผ๋กœ ์ •๋ ฌํ•˜๊ธฐ (SELECT) โœ… LEVEL1. ์—ฌ๋Ÿฌ ๊ธฐ์ค€์œผ๋กœ ์ •๋ ฌํ•˜๊ธฐ ๋ฌธ์ œ ์š”์•ฝ ํ…Œ์ด๋ธ” ์ •๋ณด โœ”

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

[SQL] 3. ํ”„๋กœ๊ทธ๋ž˜๋จธ์Šค SQL Level1 (1)

\[SQL] 1. SQL ๊ธฐ๋ณธ ๋ฌธ๋ฒ•\[SQL] 2. SQL ๊ธฐ๋ณธ ์˜ˆ์ œ์ง€๊ธˆ๊นŒ์ง€ SQL์˜ ๊ธฐ๋ณธ ๋ฌธ๋ฒ•๊ณผ, ์˜ˆ์ œ๋ฅผ ๋ณด๋ฉด์„œ ๋ฐฐ์› ๋˜ ๋‚ด์šฉ์œผ๋กœ Programmers์— ์žˆ๋Š” level1 ๋ฌธ์ œ๋ฅผ ๋ชจ๋‘ ํ’€์–ด๋ณด์ž.โœโœ… LEVEL1. ๋ชจ๋“  ๋ ˆ์ฝ”๋“œ ์กฐํšŒํ•˜๊ธฐํ…Œ์ด๋ธ” ์ •๋ณดโœ” ANIMAL_INS:

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

[SQL] 2. SQL ๊ธฐ๋ณธ ์˜ˆ์ œ

SQL์˜ ๊ธฐ๋ณธ ์˜ˆ์ œ๋Š” ์—ฌ๊ธฐ๋ฅผ ์ฐธ๊ณ ํ–ˆ๋‹ค.๐Ÿ‘‰ ๋ชจ๋“  ํ•„๋“œ(์ปฌ๋Ÿผ)๋ฅผ ์กฐํšŒํ•˜๋Š” ๊ฒฝ์šฐ๐Ÿ‘‰ ์˜ˆ์‹œโœ TABLE ํ…Œ์ด๋ธ”์˜ ๋ชจ๋“  ํ•„๋“œ ๊ฒ€์ƒ‰๐Ÿ‘‰ ์—ฌ๋Ÿฌ ํ•„๋“œ๋ฅผ ์กฐํšŒํ•˜๋Š” ๊ฒฝ์šฐ๐Ÿ‘‰ ์˜ˆ์‹œโœ TABLE ํ…Œ์ด๋ธ”์˜ A, B ํ•„๋“œ ๊ฒ€์ƒ‰๐Ÿ‘‰ ์ค‘๋ณต๋œ ๋ฐ์ดํ„ฐ๋ฅผ ์ œ์™ธํ•˜๊ณ  ์กฐํšŒ๐Ÿ‘‰ ์˜ˆ์‹œโœ TABLE ํ…Œ์ด๋ธ”์˜

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

[SQL] 1. SQL ๊ธฐ๋ณธ ๋ฌธ๋ฒ•

SQL์€ ์ด๋ฏธ ๋ฐฐ์› ๊ธฐ ๋•Œ๋ฌธ์— ์กฐ๊ธˆ๋งŒ ๋ณต์Šตํ•˜๊ณ  ๋ฐ”๋กœ ์‹ค์ „์œผ๋กœ ๋“ค์–ด๊ฐ€๋ด์•ผ๊ฒ ๋‹ค.SELECT์˜ ํ˜•ํƒœ์ „์ฒด ์—ด์„ ๋ณด๊ณ  ์‹ถ์œผ๋ฉด \*์„ ์‚ฌ์šฉ๐Ÿ‘‰ SELECT \* FROM TABLE: TABLE ํ…Œ์ด๋ธ”์˜ ์ „์ฒด ์—ด์„ ์กฐํšŒWHERE ์—์„œ ์‚ฌ์šฉ๋˜๋Š” ์กฐ๊ฑด์€ ๋น„๊ต ์—ฐ์‚ฐ์ž ๋ฐ NOT ํ‚ค์›Œ๋“œ๋ฅผ

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

[Github] ํ”„๋กœ์ ํŠธ ๋ฐฐํฌํ•˜๊ธฐ

๊ณต๋ถ€ ํ•˜๋ฉด์„œ ์ง„ํ–‰ํ–ˆ๋˜ React ํ”„๋กœ์ ํŠธ GitHub Pages ๋ฐฐํฌํ•˜๊ธฐ ๐ŸŒ ๋ชจ๋“  ํ”„๋กœ์ ํŠธ๋Š” create-react-app์œผ๋กœ ์ƒ์„ฑํ–ˆ์Šต๋‹ˆ๋‹ค.๐Ÿ˜ 1. Github ์ €์žฅ์†Œ ๋งŒ๋“ค๊ธฐ ๐Ÿง ํ”„๋กœ์ ํŠธ๋ฅผ ๋ฐฐํฌํ•  ์ €์žฅ์†Œ๋ฅผ ํ•˜๋‚˜ ์ƒ์„ฑํ•ด์•ผํ•œ๋‹ค. ๐Ÿ‘‰ ์—ฌ๊ธฐ๋Š” ์•ž์œผ๋กœ build๋œ ํ”„

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

[RP] 3. ์‡ผํ•‘๋ชฐ ๋งŒ๋“ค๊ธฐ (1)

[RP] 2. React-Bootstrap, navbar ์—์„œ ๋งŒ๋“ค์—ˆ๋˜ navbar๋ฅผ ์‚ฌ์šฉํ•˜์—ฌ ์‡ผํ•‘๋ชฐ ๋ฉ”์ธํŽ˜์ด์ง€๋ฅผ ๋งŒ๋“ค์–ด ๋ณด์ž. 1. ๋ฉ”์ธ ํŽ˜์ด์ง€ navbar๋ฅผ ๋ถˆ๋Ÿฌ์˜จ ์ƒํƒœ์—์„œ ๋ฉ”์ธํŽ˜์ด์ง€๋ฅผ ๋‹ค์Œ๊ณผ ๊ฐ™์ด ๊พธ๋ฉฐ๋ณด์ž. mainpage ์‡ผํ•‘๋ชฐ ์ฒ˜๋Ÿผ? ๋ณด์ด๊ธฐ ์œ„ํ•ด ์œ„์˜ ์ฝ”

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

[RP] 2. React-Bootstrap, navbar

๋‹ค๋ฅธ ํ”„๋กœ์ ํŠธ๋ฅผ ์‹œ์ž‘ํ•˜๊ธฐ ์ „์— ์•„์ง CSS ์ง€์‹์ด ๋ถ€์กฑํ•˜๊ธฐ๋„ ํ•˜๊ณ , ์ฝ”๋“œ๋ฅผ ์ค„์ด๊ธฐ ์œ„ํ•ด Bootstrap์ด๋ผ๋Š” ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ๋ฅผ ์‚ฌ์šฉํ•˜์—ฌ ๋””์ž์ธ์„ ํ•ด๋ณด์ž. 1. React-Bootstrap โญ React-Bootstrap์„ ์„ค์น˜ํ•˜๋ฉด ๋ฒ„ํŠผ๋””์ž์ธ ๋ฉ”๋‰ด๋””์ž์ธ ์ง์ ‘ํ•  ํ•„์š”์—†์ด B

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

[RP] 1. useState ๋ณต์Šต

์•ž์„œ Todo-List ํ”„๋กœ์ ํŠธ๋ฅผ ์ง„ํ–‰ํ•˜๋ฉด์„œ ๋ฆฌ์•กํŠธ๋ฅผ ์‚ฌ์šฉํ•˜๋Š”๋ฐ, ์ต์ˆ™ํ•˜์ง€๊ฐ€ ์•Š์•„์„œ ๋งŽ์ด ๋ฒ„๋ฒ…๊ฑฐ๋ ธ๋‹ค. ๊ทธ๋ž˜์„œ ์•ž์œผ๋กœ ๊ฐ„๋‹จํ•œ ๊ฐœ๋ฐœ์„ ํ†ตํ•ด ๋ฆฌ์•กํŠธ์— ๋Œ€ํ•œ ๊ฑฐ๋ถ€๊ฐ?, ์–ด๋ ค์›€์„ ๊ทน๋ณตํ•˜๊ธฐ ์œ„ํ•ด์„œ ์ง์ ‘ ๊ฐœ๋ฐœ ํ•˜๋ฉด์„œ ๊ธฐ๋ณธ๊ธฐ๋ฅผ ํƒ„ํƒ„ํ•˜๊ฒŒ ๋งŒ๋“ค ๊ฒƒ์ด๋‹ค.โ—โ— React Programmin

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

[Concept Summary] ์„œ๋ฒ„์‚ฌ์ด๋“œ๋ Œ๋”๋ง, ํด๋ผ์ด์–ธํŠธ์‚ฌ์ด๋“œ๋ Œ๋”๋ง

๊ธฐ์กด์— ์ž์ฃผ ์‚ฌ์šฉํ•˜๋˜ ๋ฐฉ์‹์˜ ๋ Œ๋”๋ง์ด๋‹ค. ํด๋ผ์ด์–ธํŠธ๊ฐ€ ์„œ๋ฒ„์— ์š”์ฒญ์„ ํ•˜๋ฉด์„œ ๋ธŒ๋ผ์šฐ์ €์— ํ‘œ์‹œ๋œ html์„ ๋„˜๊ธฐ๊ฒŒ ๋˜๋ฉด ์„œ๋ฒ„๋Š” ๊ทธ ์š”์ฒญ์— ๋Œ€ํ•œ ๊ฒฐ๊ณผ๊ฐ’์„ ๋„์ถœํ•˜์—ฌ ๋งŒ๋“ค์–ด์ง„ ์ƒˆ๋กœ์šด html์„ ํด๋ผ์ด์–ธํŠธ์— ๋„˜๊ฒจ์ค€๋‹ค.๐Ÿ‘‰ ํ•˜์ง€๋งŒ, ๋งค๋ฒˆ ์ƒˆ๋กœ์šด html์„ ์„œ๋ฒ„์—์„œ ๋„˜๊ฒจ์ฃผ๋‹ค๋ณด๋‹ˆ ๋ฐ˜์‘

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

[Todo-List] 5. ์ปดํฌ๋„ŒํŠธ ์„ฑ๋Šฅ ๊ฐœ์„  (2)

์•ž์„œ ์ปดํฌ๋„ŒํŠธ์˜ ์„ฑ๋Šฅ์„ ๊ฐœ์„ ํ•˜๊ธฐ ์œ„ํ•ด ํ–ˆ๋˜ ๊ณผ์ •๋“ค์€ [Todo-List] 4. ์ปดํฌ๋„ŒํŠธ ์„ฑ๋Šฅ ๊ฐœ์„  (1)๋ฅผ ์ฐธ๊ณ ํ•˜๋ฉด ๋œ๋‹ค. 1. onToggle, onRemove ํ•จ์ˆ˜ ๋ฐ”๋€Œ์ง€ ์•Š๊ฒŒ ํ•˜๊ธฐ 1.1 useReducer ์‚ฌ์šฉํ•˜๊ธฐ useState์˜ ํ•จ์ˆ˜ํ˜• ์—…๋ฐ์ดํŠธ๋ฅผ ์‚ฌ์šฉํ•˜๋Š”

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

[Todo-List] 4. ์ปดํฌ๋„ŒํŠธ ์„ฑ๋Šฅ ๊ฐœ์„  (1)

Todo-List ํ”„๋กœ์ ํŠธ๋Š” ์†Œ๊ทœ๋ชจ ํ”„๋กœ์ ํŠธ๋ผ์„œ ์ถ”๊ฐ€๋˜์–ด ์žˆ๋Š” ๋ฐ์ดํ„ฐ๊ฐ€ ๋งค์šฐ ์ ๊ธฐ ๋•Œ๋ฌธ์— ์†๋„๋‚˜ ์„ฑ๋Šฅ ์ธก๋ฉด์—์„œ ๋ฌธ์ œ๊ฐ€ ์—†์„ ์ˆ˜ ์žˆ๋‹ค. ๐Ÿ‘‰ ํ•˜์ง€๋งŒ, ๋ฐ์ดํ„ฐ๊ฐ€ ๋ฌด์ˆ˜ํžˆ ๋งŽ์•„์ง„๋‹ค๋ฉด? ๐Ÿคฆโ€โ™‚๏ธ ๋ฐ”๋กœ ๋Š๋ ค์ง€๋Š” ๊ฒƒ์„ ์ฒด๊ฐํ•  ์ˆ˜ ์žˆ์„ ๊ฒƒ์ด๋‹ค. ์ด๋ฒˆ์—๋Š” ์ž„์˜์ ์œผ๋กœ ๋ž™(lag)์„

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

[Todo-List] 3. ๊ธฐ๋Šฅ ๊ตฌํ˜„

์•ž์„œ ์ƒ์„ฑํ•œ ์ปดํฌ๋„ŒํŠธ๋“ค์ด ์‹ค์ œ๋กœ ์ž‘์„ฑํ•  ์ˆ˜ ์žˆ๋„๋ก ๊ธฐ๋Šฅ์„ ๊ตฌํ˜„ํ•ด๋ณด์ž. 1. App์—์„œ todos ์ƒํƒœ ์‚ฌ์šฉํ•˜๊ธฐ Todo-List ํ”„๋กœ์ ํŠธ๋Š”App ์ปดํฌ๋„ŒํŠธ์—์„œ ๋‚˜์ค‘์— ์ถ”๊ฐ€ํ•  ์ผ์ • ํ•ญ๋ชฉ์— ๋Œ€ํ•œ ๋ชจ๋“  ์ƒํƒœ๋“ค์„ ๊ด€๋ฆฌํ•œ๋‹ค. src/App.js ํŒŒ์ผ์„ ์•„๋ž˜์˜ ์ฝ”๋“œ๋กœ ์ˆ˜์ •ํ•˜์˜€๋‹ค.

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

[Todo-List] 2. ์ปดํฌ๋„ŒํŠธ ์ƒ์„ฑ

* ํ”„๋กœ์ ํŠธ๋ฅผ ์‹œ์ž‘ํ•˜๊ธฐ ์ „ ์ปดํฌ๋„ŒํŠธ ๊ตฌ์„ฑ์€ [Todo-List] 1. ํ”„๋กœ์ ํŠธ ๊ตฌ์„ฑ์„ ์ฐธ๊ณ ํ•˜๋ฉด ๋œ๋‹ค. 1. UI ๊ตฌ์„ฑ โœ ์ปดํฌ๋„ŒํŠธ๋Š” src ๋””๋ ‰ํ„ฐ๋ฆฌ์— components ๋””๋ ‰ํ„ฐ๋ฆฌ๋ฅผ ์ƒ์„ฑํ•˜์—ฌ ์ €์žฅํ–ˆ๋‹ค. Todo-List ํ”„๋กœ์ ํŠธ๋Š” ๊ธฐ๋Šฅ์„ ๊ตฌํ˜„ํ•˜๊ธฐ ์ „ UI๋ฅผ ๋จผ์ € ๊ตฌํ˜„ํ•˜

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

[Todo-List] 1. ํ”„๋กœ์ ํŠธ ๊ตฌ์„ฑ

์ง€๊ธˆ๊นŒ์ง€ ๋ฆฌ์•กํŠธ๋ฅผ ๊ณต๋ถ€ํ•˜๋ฉด์„œ ๊ธฐ๋ณธ๊ธฐ ๋ถ€ํ„ฐ ์Šคํƒ€์ผ๋ง ๊นŒ์ง€ ์‚ดํŽด๋ณด์•˜๋Š”๋ฐ, ๊ณ„์† ์ด๋ก ๋งŒ ๊ณต๋ถ€ํ•˜๋Š” ๊ฒƒ ๋ณด๋‹ค ๊ฐ„๋‹จํ•œ ํ† ์ด ํ”„๋กœ์ ํŠธ๋ฅผ ํ•ด๋ณด๊ณ  ์‹ถ์—ˆ๋‹ค. ์™œ๋ƒํ•˜๋ฉด, ๊ณ„์† ์ผ๋ฐ˜์ ์ธ ์‹ค์Šต ๋ณด๋‹ค๋Š” ์‹ค์ œ๋กœ ํ•˜๋‚˜๋ผ๋„ ๊ตฌํ˜„ ํ•˜๋ฉด์„œ ๋†“์ณค๋˜ ๊ธฐ๋ณธ๊ธฐ๋ฅผ ์žก์•„๋ณด๊ณ  ์‹ถ์—ˆ๊ธฐ ๋•Œ๋ฌธ์—.โ—โ— ๊ทธ๋ž˜์„œ ๋ฆฌ์•กํŠธ๋ฅผ

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

[React] 13. ์ปดํฌ๋„ŒํŠธ ์Šคํƒ€์ผ๋ง (2)

1. CSS Module โœ CSS Module์€ CSS๋ฅผ ๋ถˆ๋Ÿฌ์™€์„œ ์‚ฌ์šฉํ•  ๋•Œ ํฌ๋ž˜์Šค ์ด๋ฆ„์„ ๊ณ ์œ ํ•œ ๊ฐ’ ํ˜•ํƒœ๋กœ ๋งŒ๋“ค์–ด ์ปดํฌ๋„ŒํŠธ ์Šคํƒ€์ผ ํด๋ž˜์Šค ์ด๋ฆ„์ด ์ค‘์ฒฉ๋˜๋Š” ํ˜„์ƒ์„ ๋ฐฉ์ง€ํ•˜๋Š” ๊ธฐ์ˆ ์ด๋‹ค. \* ์ฆ‰, [ํŒŒ์ผ์ด๋ฆ„]\[ํด๋ž˜์Šค์ด๋ฆ„]\[ํ•ด์‹œ๊ฐ’] ํ˜•ํƒœ๋กœ ์ƒ์„ฑ ์‚ฌ์šฉ ๋ฐฉ๋ฒ•์€ .modul

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

[React] 12. ์ปดํฌ๋„ŒํŠธ ์Šคํƒ€์ผ๋ง (1)

๋ฆฌ์•กํŠธ์—์„œ ์ปดํฌ๋„ŒํŠธ๋ฅผ ์Šคํƒ€์ผ๋งํ•  ๋•Œ๋Š” ์•„๋ž˜์™€ ๊ฐ™์ด ๋‹ค์–‘ํ•œ ๋ฐฉ์‹์„ ์‚ฌ์šฉํ•  ์ˆ˜ ์žˆ๋‹ค. ์ผ๋ฐ˜ CSS: ์ปดํฌ๋„ŒํŠธ๋ฅผ ์Šคํƒ€์ผ๋งํ•˜๋Š” ๊ฐ€์žฅ ๊ธฐ๋ณธ์ ์ธ ๋ฐฉ๋ฒ•์ด๋‹ค. Sass: ์ž์ฃผ ์‚ฌ์šฉ๋˜๋Š” CSS ์ „์ฒ˜๋ฆฌ๊ธฐ ์ค‘ ํ•˜๋‚˜๋กœ ํ™•์žฅ๋œ CSS ๋ฌธ๋ฒ•์„ ์‚ฌ์šฉํ•˜์—ฌ CSS ์ฝ”๋“œ๋ฅผ ์‰ฝ๊ฒŒ ์ž‘์„ฑํ•˜๋„๋ก ํ•ด์ค€๋‹ค. C

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

[React] 11. Hooks (2)

1. hooks โญ hooks๋ฅผ ์ฒ˜์Œ ๋ณธ๋‹ค๋ฉด hooks (1)์„ ์ฐธ๊ณ ํ•˜๋ฉด ๋œ๋‹ค. 1.1 useMemo useMemo๋ฅผ ์‚ฌ์šฉํ•˜๋ฉด ํ•จ์ˆ˜ํ˜• ์ปดํฌ๋„ŒํŠธ ๋‚ด๋ถ€์—์„œ ๋ฐœ์ƒํ•˜๋Š” ์—ฐ์‚ฐ์„ ์ตœ์ ํ™”ํ•  ์ˆ˜ ์žˆ๋‹ค. src/Average.js ํŒŒ์ผ์„ ์ƒ์„ฑํ•˜์—ฌ ๋ฆฌ์ŠคํŠธ์— ์ˆซ์ž๋ฅผ ์ถ”๊ฐ€ํ•˜๋ฉด ์ถ”๊ฐ€๋œ ์ˆซ์ž

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

[React] 10. Hooks (1)

1. Hooks โญ > Hooks๋Š” ๋ฆฌ์•กํŠธ 16.8์— ์ƒˆ๋กœ ๋„์ž…๋œ ๊ธฐ๋Šฅ์œผ๋กœ ํ•จ์ˆ˜ํ˜• ์ปดํฌ๋„ŒํŠธ์—์„œ๋„ ์ƒํƒœ ๊ด€๋ฆฌ๋ฅผ ํ•  ์ˆ˜ ์žˆ๋Š” useState, ๋ Œ๋”๋ง ์งํ›„ ์ž‘์—…์„ ์„ค์ •ํ•˜๋Š” useEffect ๋“ฑ์˜ ๊ธฐ๋Šฅ์„ ์ œ๊ณตํ•œ๋‹ค. ์‹ค์Šต์„ ์ง„ํ–‰ํ•˜๊ธฐ ์œ„ํ•ด create-react-app์„ ์‚ฌ์šฉ

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