profile
๐Ÿ™ƒ

ssh ์ ‘์† ์‹œ port 22 blocked ๋ฌธ์ œ

์นดํŽ˜์—์„œ ์ž‘์—… ์‹œ์— ๊ฐ„ํ˜น git ๋ช…๋ น์–ด ์‹คํ–‰์„ ํ•  ๊ฒฝ์šฐ ๋™์ž‘ํ•˜์ง€ ์•Š์Œ ๐Ÿ˜จ์ฒ˜์Œ์—๋Š” ssh key ๋ฌธ์ œ์ธ ๊ฒƒ ๊ฐ™์•„ ์‚ญ์ œํ•˜๊ณ  ์ƒˆ๋กœ ์„ธํŒ…ํ•ด๋ณด์•˜์œผ๋‚˜ ํ•ด๊ฒฐ์ด ๋˜์ง€ ์•Š์•˜๋‹ค.stackoverflow ๋‹ต๋ณ€๊ธ€(https://stackoverflow.com/questions/7

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

์ปดํฌ๋„ŒํŠธ ์Šคํƒ€์ผ๋ง

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

Hooks

Hooks ๋ฆฌ์•กํŠธ v16.8์— ์ƒˆ๋กœ ๋„์ž…๋œ ๊ธฐ๋Šฅ์œผ๋กœ ํ•จ์ˆ˜ํ˜• ์ปดํฌ๋„ŒํŠธ์—์„œ๋„ ์ƒํƒœ ๊ด€๋ฆฌ๋ฅผ ํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. useState ๊ฐ€์žฅ ๊ธฐ๋ณธ์ ์ธ hooks์ด๋ฉฐ, ํ•จ์ˆ˜ํ˜• ์ปดํฌ๋„ŒํŠธ์—์„œ๋„ ๊ฐ€๋ณ€์ ์ธ ์ƒํƒœ๋ฅผ ์ง€๋‹ ์ˆ˜ ์žˆ๊ฒŒ ํ•ด์ค๋‹ˆ๋‹ค. useEffect ์ปดํฌ๋„ŒํŠธ๊ฐ€ ๋ Œ๋”๋ง๋  ๋•Œ๋งˆ๋‹ค ํŠน์ •

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

๋ผ์ดํ”„ ์‚ฌ์ดํด

๋ชจ๋“  ๋ฆฌ์•กํŠธ ์ปดํฌ๋„ŒํŠธ์—๋Š” ๋ผ์ดํ”„ ์‚ฌ์ดํด(์ˆ˜๋ช… ์ฃผ๊ธฐ)์ด ์กด์žฌํ•ฉ๋‹ˆ๋‹ค.ํด๋ž˜์Šคํ˜• ์ปดํฌ๋„ŒํŠธ์—์„œ๋งŒ ์‚ฌ์šฉ์ด ๊ฐ€๋Šฅํ•˜๊ณ , ํ•จ์ˆ˜ํ˜• ์ปดํฌ๋„ŒํŠธ์—์„œ๋Š” Hooks ๊ธฐ๋Šฅ์„ ์‚ฌ์šฉํ•˜์—ฌ ๋น„์Šทํ•œ ์ž‘์—…์„ ์ฒ˜๋ฆฌํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.๋ฉ”์„œ๋“œ์˜ ์ข…๋ฅ˜๋Š” ์ด 9๊ฐ€์ง€ ์ž…๋‹ˆ๋‹ค.Will~ ์ ‘๋‘์‚ฌ ๋ฉ”์„œ๋“œ : ์–ด๋–ค ์ž‘์—…์„ ์ž‘๋™ํ•˜

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

์ปดํฌ๋„ŒํŠธ ๋ฐ˜๋ณต

์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ๋ฐฐ์—ด ๊ฐ์ฒด์˜ ๋‚ด์žฅ ํ•จ์ˆ˜์ธ map ํ•จ์ˆ˜๋ฅผ ์‚ฌ์šฉํ•˜์—ฌ ๋ฐ˜๋ณต๋˜๋Š” ์ปดํฌ๋„ŒํŠธ๋ฅผ ๋ Œ๋”๋งํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.map() ํ•จ์ˆ˜ ๋ ˆํผ๋Ÿฐ์Šคkey๋Š” ์ปดํฌ๋„ŒํŠธ ๋ฐฐ์—ด์„ ๋ Œ๋”๋งํ–ˆ์„ ๋•Œ ์–ด๋–ค ์›์†Œ์— ๋ณ€๋™์ด ์žˆ์—ˆ๋Š”์ง€ ์•Œ์•„๋‚ด๋ ค๊ณ  ์‚ฌ์šฉํ•ฉ๋‹ˆ๋‹ค.key ๊ฐ’์„ ์„ค์ •ํ•  ๋•Œ๋Š” map ํ•จ์ˆ˜์˜ ์ธ์ž๋กœ ์ „๋‹ฌ๋˜๋Š”

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

ref:DOM

ref(Referene) ๊ฐœ๋…์€ ๋ฆฌ์•กํŠธ ๋‚ด๋ถ€์—์„œ DOM์— ์ด๋ฆ„์„ ๋‹ค๋Š” ๋ฐฉ๋ฒ•์ž…๋‹ˆ๋‹ค.DOM์„ ์ง์ ‘ ๊ฑด๋“œ๋ ค์•ผ ํ•  ๋•Œ ์‚ฌ์šฉํ•ฉ๋‹ˆ๋‹ค.ํŠน์ • input์— ํฌ์ปค์Šค ์ฃผ๊ธฐ์Šคํฌ๋กค ๋ฐ•์Šค ์กฐ์ž‘ํ•˜๊ธฐCanvas ์š”์†Œ์— ๊ทธ๋ฆผ ๊ทธ๋ฆฌ๊ธฐ ๋“ฑref๋ฅผ ๋‹ฌ๊ณ ์ž ํ•˜๋Š” ์š”์†Œ์— ref๋ผ๋Š” ์ฝœ๋ฐฑ ํ•จ์ˆ˜๋ฅผ props๋กœ

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

์ด๋ฒคํŠธ ํ•ธ๋“ค๋ง

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

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

์ปดํฌ๋„ŒํŠธ

์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ์˜ ํ™•์žฅ ๋ฌธ๋ฒ•์ด๋ฉฐ, XML๊ณผ ๋งค์šฐ ๋น„์Šทํ•˜๊ฒŒ ์ƒ๊ฒผ์Šต๋‹ˆ๋‹ค.ํ•จ์ˆ˜ํ˜•๊ณผ์˜ ์ฐจ์ด์ ์€ state ๊ธฐ๋Šฅ ๋ฐ ๋ผ์ดํ”„ ์‚ฌ์ดํด ๊ธฐ๋Šฅ์„ ์‚ฌ์šฉํ•  ์ˆ˜ ์žˆ๊ณ , ์ž„์˜ ๋ฉ”์„œ๋“œ๋ฅผ ์ •์˜ํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. ํด๋ž˜์Šคํ˜• ์ปดํฌ๋„ŒํŠธ๋Š” render ํ•จ์ˆ˜๊ฐ€ ๊ผญ ์žˆ์–ด์•ผ ํ•˜๊ณ , ๊ทธ ์•ˆ์—์„œ ๋ณด์—ฌ ์ฃผ์–ด์•ผ ํ•  JSX

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

JSX

JSX ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ์˜ ํ™•์žฅ ๋ฌธ๋ฒ•์ด๋ฉฐ, XML๊ณผ ๋งค์šฐ ๋น„์Šทํ•˜๊ฒŒ ์ƒ๊ฒผ์Šต๋‹ˆ๋‹ค. ์žฅ์  ๋ณด๊ธฐ ์‰ฝ๊ณ  ์ต์ˆ™ํ•˜๋‹ค. ํ™œ์šฉ๋„๊ฐ€ ๋†’๋‹ค. > import React from 'react'; > import React from 'react';

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

์ž‘์—… ํ™˜๊ฒฝ

brew๋ฅผ ํ†ตํ•ด node.js์™€ yarn์„ ์„ค์น˜vscode์˜ ํ„ฐ๋ฏธ๋„์ฐฝ์—์„œ yarn create-react-app <ํ”„๋กœ์ ํŠธ ์ด๋ฆ„> ์„ ์ž…๋ ฅํ•˜์—ฌ ํ”„๋กœ์ ํŠธ ์ƒ์„ฑ์ƒ์„ฑ ํ›„์— ํ”„๋กœ์ ํŠธ ํด๋”๋กœ ์ด๋™ํ•˜์—ฌ npm start๋กœ ํ”„๋กœ์ ํŠธ ์„œ๋น„์Šค๋ฅผ ์‹คํ–‰๋ฌธ๋ฒ• ๊ฒ€์‚ฌ ๋„๊ตฌ๋กœ vscode์˜

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

ํŠน์ง•

๋ฌธ์„œ ๊ตฌ์กฐ๋ฅผ ๊ฐ์ฒด๋กœ ํ‘œํ˜„ํ•˜๋Š” ๋ฐฉ๋ฒ•ํŠธ๋ฆฌ ํ˜•ํƒœ์˜ ๊ตฌ์กฐ๋ฅผ ๊ฐ€์ง€๊ณ  ์žˆ์Œ๋™์  UI์— ์ตœ์ ํ™”๋˜์–ด ์žˆ์ง€ ์•Š์Œ.HTML ์ž์ฒด๋Š” ์ •์ ์ด๋‚˜ ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ๋ฅผ ํ†ตํ•ด ๋™์ ์œผ๋กœ ๋งŒ๋“ค ์ˆ˜ ์žˆ์Œ.Virtual DOM์€ ์‹ค์ œ DOM์˜ ๊ฐ€๋ฒผ์šด ์‚ฌ๋ณธ๊ณผ ๋น„์Šทํ•ฉ๋‹ˆ๋‹ค.๋ฆฌ์•กํŠธ์—์„œ ๋ฐ์ดํ„ฐ๊ฐ€ ๋ณ€ํ•ด์„œ DOM์„ ์—…๋ฐ์ด

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

๋ฆฌ์•กํŠธ๋ž€?

๋ฆฌ์•กํŠธ๋ฅผ ๋‹ค๋ฃจ๋Š” ๊ธฐ์ˆ (๊ฐœ์ •ํŒ)์„ ์ •๋…ํ•˜๋ฉด์„œ ์„œ์ˆ ํ•œ ๋‚ด์šฉ์ž…๋‹ˆ๋‹ค.์„œ๋น„์Šค์˜ ๊ทœ๋ชจ๊ฐ€ ์ปค์ง€๊ณ , ์‚ฌ์šฉ์ž์—๊ฒŒ ๋‹ค์–‘ํ•œ ์ธํ„ฐ๋ ‰์…˜/๋™์ ์ธ ๊ธฐ๋Šฅ์„ ์ œ๊ณตํ•˜๋ ค๋ฉด DOM ์š”์†Œ์˜ ๊ด€๋ฆฌ๊ฐ€ ํž˜๋“ค๋ฟ๋”๋Ÿฌ ๋ณต์žกํ•ด์ง€๋ฉฐ ์„ฑ๋Šฅ๊นŒ์ง€ ๋–จ์–ด์งˆ ์ˆ˜ ์žˆ๋‹ค.์ด๋ฅผ ํ•ด๊ฒฐํ•˜๊ธฐ ์œ„ํ•ด ํŽ˜์ด์Šค๋ถ์—์„œ ๊ตฌํ˜„ํ•œ JavaScript ๋ผ์ด

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