profile
๐Ÿถ์˜์žฌ์˜ ๋‚ญ๋งŒ ์ฝ”๋”ฉ๐Ÿถ

Vue.js(3) Axios/CLI

npm install axiosnpm install -g @vue/cliํ•˜์ง€๋งŒ.. ํ•œ๋ฒˆ์— ๋˜๋ฉด ๋„ˆ๋ฌด ๋‚ญ๋งŒ์ ์ด๊ฒ ์ฃ ?์ฃผ๋ณ€ ๋™๊ธฐ๋ถ„๋“ค์€ ์ด ๋ช…๋ น์–ด ํ•˜๋‚˜๋กœ ์‰ฝ๊ฒŒ ์„ค์น˜๋˜๊ณ  ํ™”๋ฉด ๋„์šฐ๋Š”๋ฐ ์–ผ๋งˆ ์•ˆ๊ฑธ๋ ธ๋Š”๋ฐ ์ €๋Š” ํ•˜๋ฃจ ๊ผฌ๋ฐ•๊ฑธ๋ ธ์Šต๋‹ˆ๋‹ค.zsh: vue not found๋ผ๊ณ  ๊ณ„์† ์ปค๋งจ๋“œ์ฐฝ์—

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

Vue.js(2) Component/Router

์ƒ์œ„ ์ปดํฌ๋„ŒํŠธ ---> ํ•˜์œ„ ์ปดํฌ๋„ŒํŠธprops ์ „๋‹ฌํ•˜์œ„ ์ปดํฌ๋„ŒํŠธ ---> ์ƒ์œ„ ์ปดํฌ๋„ŒํŠธevent ๋ฐœ์ƒprops์†์„ฑ์€ ์ปดํฌ๋„ŒํŠธ ๊ฐ„์— ๋ฐ์ดํ„ฐ๋ฅผ ์ „๋‹ฌ ํ•  ์ˆ˜ ์žˆ๋Š” ์ปดํฌ๋„ŒํŠธ ํ†ต์‹ ๋ฒ•์ด๋‹ค.props์†์„ฑ์„ ๊ธฐ์–ตํ•  ๋•Œ ์ƒ์œ„ ์ปดํฌ๋„ŒํŠธ์—์„œ ํ•˜์œ„ ์ปดํฌ๋„ŒํŠธ๋กœ ๋‚ด๋ ค์ฃผ๋Š” ์†์„ฑ์ด๋ผ ๊ธฐ์–ตํ•˜์žpro

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

vue.js(1) ๊ธฐ์ดˆ

Vue ๊ธฐ๋ณธ ๊ตฌ์กฐ > instance ์†์„ฑ , API๋“ค > >- el:์ธ์Šคํ„ด์Šค๊ฐ€ ๊ทธ๋ ค์ง€๋Š” ํ™”๋ฉด์˜ ์‹œ์ž‘์  template: ํ™”๋ฉด์— ํ‘œ์‹œํ•  ์š”์†Œ(html,css๋“ฑ) data: vue์˜ ๋ฐ˜์‘์„ฑ์ด ๋ฐ˜์˜๋œ ๋ฐ์ดํ„ฐ ์†์„ฑ methods: ํ™”๋ฉด์˜ ๋™์ž‘๊ณผ ์ด๋ฒคํŠธ๋กœ ๋กœ์ง์„ ์ œ์–ดํ•˜๋Š”

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

pagenation

์ด๋ฒˆ ํ”„๋กœ์ ํŠธ์—์„œ ๋งˆ์ง€๋ง‰๋‚  ๊ธ‰ํ•˜๊ฒŒ ๋งŒ๋“ค์–ด๋‚ธ ํŽ˜์ด์ง€์ธ ์•กํ‹ฐ๋น„ํ‹ฐ ํŽ˜์ด์ง€...์—ฌ๊ธฐ์„œ ๊ธฐ๋Šฅ์€ ํŽ˜์ด์ง€๋„ค์ด์…˜/ํ•„ํ„ฐ๋ง๋œ ๋ฐ์ดํ„ฐ ๊ฐ๊ฐ๋ฐ›์•„์˜ค๊ธฐ์˜€๋‹ค.์šฐ์„  limit์„ 20์„ ์ค˜์„œ ๊ฐ๊ฐ์˜ ํŽ˜์ด์ง€์—์„œ 20๊ฐœ์˜ ์ƒํ’ˆ ์นด๋“œ๊ฐ€ ๋‚˜์˜ค๊ฒŒ ์„ค์ •ํ•˜์˜€๋‹ค์ฒ˜์Œ์—๋Š” const userOrder, setUser

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

๋ฌธ์ž์ธ์ฆ-ํšŒ์›๊ฐ€์ž…

๋ฐ”๋กœ ์ฝ”๋“œ๋ฅผ ๋ณด์ž!์šฐ์„  ํ•ธ๋“œํฐ ๋ฒˆํ˜ธ๋ฅผ ๋ฐฑ์—”๋“œ์— ์ „์†กํ•ด์ค˜์•ผํ•œ๋‹คํ•ธ๋“œํฐ๋ฒˆํ˜ธ์™€ ๋ฌธ์ž๊ฐ€ ์ผ์น˜ํ•˜๋Š”์ง€ ํ™•์ธ์„ ์œ„ํ•ด์„œ ๋ฐฑ์—”๋“œ์™€ ํ†ต์‹ ํ•˜์—ฌ๋‚˜์˜ ํœด๋Œ€ํฐ ๋ฒˆํ˜ธ ๊ทธ๋ฆฌ๊ณ  sms๋ฒˆํ˜ธ๋ฅผ ๋ฐฑ์—”๋“œ์— ๋ณด๋‚ด์ค€๋‹ค๊ทธ๋ฆฌ๊ณ  ๋งŒ์•ฝ ์ธ์ฆ๋ฒˆํ˜ธ๊ฐ€ ์ผ์น˜ํ•˜๋ฉด ์„ฑ๊ณต ๋ฉ”์„ธ์ง€๋ฅผ ๋ฐ›๊ฒŒ๋˜์–ด ๋ฌธ์ž์ธ์ฆ์„ ์„ฑ๊ณตํ•œ๋‹ค.์ตœ์ข…์ ์œผ๋กœ ์ง€๊ธˆ๊นŒ์ง€

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

2์ฐจ ํ”„๋กœ์ ํŠธ๋ฅผ ๋งˆ์น˜๋ฉฐ

๋งํฌํ…์ŠคํŠธํด๋ก ์ฝ”๋”ฉ ๋™์˜์ƒ ๋…นํ™”FRONT-END(react)๊น€์˜์žฌ, ๊น€๊ทœ๋นˆFRONT-END(react-native)๋ฐ•์ฑ„ํ›ˆ, ํ•œ์ค€ํฌBACK-END๊น€์›ํฌ(PM), ์ดํ˜„์ฃผ์šฐ์„  ์›นํŽ˜์ด์ง€ ํ”„๋ก ํŠธ์—”๋“œ ๊ฐœ๋ฐœ์ž๋กœ ์ €์™€ ๊ทœ๋นˆ๋‹˜ ๋”ฑ ๋‘˜์ธ์ ์—์„œ ์‚ด์ง ๊ฑฑ์ •์€ ๋ฌ์ง€๋งŒ ์˜คํžˆ๋ ค ๋‘˜์ด์„œ ํ•˜๋‹ค๋ณด๋‹ˆ ์ •

6์ผ ์ „
ยท
10๊ฐœ์˜ ๋Œ“๊ธ€

async & await

promise chaning์„ ๊ณ„์†ํ•˜๋‹ค๋ณด๋ฉด ์ฝ”๋“œ ๊ฐ€๋…์„ฑ์ด ๋–จ์–ด์งasync & await๋Š” promise๋ฅผ ๊ฐ„๊ฒฐ/๊ฐ„ํŽธํ•˜๊ณ  ๋™๊ธฐ์ ์œผ๋กœ ์‹คํ–‰๋˜๋Š”๊ฒƒ ์ฒ˜๋Ÿผ ๋ณด์ด๊ฒŒ ๋งŒ๋“ค์–ด์ฃผ๋Š” APIasync์™€ await๋Š” ์ƒˆ๋กœ์šด ๊ฒƒ์ด ์ถ”๊ฐ€๋œ๊ฒƒ์ด ์•„๋‹ˆ๋ผ ๊ธฐ์กด์— ์กด์žฌํ•˜๋Š” promise์œ„์— ์กฐ๊ธˆ๋” ๊ฐ„

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

ํด๋ž˜์Šคํ˜• vs ํ•จ์ˆ˜ํ˜•

2์ฐจ ํ”„๋กœ์ ํŠธ๊ฐ€ ์‹œ์ž‘๋˜๋ฉด์„œ ํ•จ์ˆ˜ํ˜• ์ปดํผ๋„ŒํŠธ ํด๋ž˜์Šคํ˜• ์ปดํผ๋„ŒํŠธ ๋‘๊ฐœ์ค‘ ํ•˜๋‚˜๋ฅผ ์‚ฌ์šฉํ•˜๋ผํ–ˆ๋‹ค.์ €๋Š” ์ด๋ฒˆ์— ํ•จ์ˆ˜ํ˜• ์ปดํผ๋„ŒํŠธ์— ๋Œ€ํ•ด์„œ ๊ณต๋ถ€ํ•  ์ˆ˜ ์žˆ๋Š” ์ข‹์€๊ธฐํšŒ๋ผ ์ƒ๊ฐ๋ฌ๊ธฐ ๋•Œ๋ฌธ์— ์ด๋ฒˆํ”„๋กœ์ ํŠธ๋Š” ํ•จ์ˆ˜ํ˜•์œผ๋กœ ์ง„ํ–‰ํ•˜๊ธฐ๋กœ ํ•˜์˜€๋‹ค.2019๋…„๋„ ๋ถ€ํ„ฐ ๋ฆฌ์•กํŠธ ํ›…(hook)์„ ์ง€์›ํ•˜๊ฒŒ ๋˜์—ˆ๋‹ค.

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

2์ฐจ ํ”„๋กœ์ ํŠธ ์‹œ์ž‘!

์ฃผ๋ง๊ฐ„ ํ‘น ์‰ฌ๋ฉด์„œ ํ–ˆ๋˜ ๋‚ด์šฉ ๋ณต์Šต์„ ํ•˜๋‹ค๋ณด๋‹ˆ ์–ด๋Š๋ง 2์ฐจ ํ”„๋กœ์ ํŠธ๋ฅผ ์‹œ์ž‘ํ•˜๊ฒŒ๋˜์—ˆ๋‹ค.1์ฐจ๋•Œ ํ”„๋กœ์ ํŠธ๋ฅผ ํ•˜๋ฉด์„œ ์ „๋ณด๋‹ค ์ฝ”๋“œ์˜ ์งˆ๋„ ๋†’์•„์กŒ์œผ๋ฉด ์ข‹๊ฒ ๊ณ  ์กฐ๊ธˆ๋” ๋‹ค์–‘ํ•œ ํŽ˜์ด์ง€๋ฅผ ๋งก์•„์„œ ํ•ด๋ณด๊ณ  ์‹ถ์—ˆ๋‹ค.๊ทธ๋ฆฌ๊ณ  2์ฐจ๋•Œ๋Š” ์—ฌ๋Ÿฌ ๊ธฐ๋Šฅ์„ ๋‹ค๋ค„๋ณด๋ฉด์„œ ๋กœ์ง์„ ์งœ๋Š” ์ „๋ฐ˜์ ์ธ ํ‹€์„ ์žก์•„์•ผ๊ฒ ๋‹ค

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

react-map,reduce

์ด๋ฒˆ velog๋˜ํ•œ 1์ฐจ ํ”„๋กœ์ ํŠธ๋ฅผ ํ•˜๋ฉด์„œ ๋„ˆ๋ฌด ๋งŽ์ด ์“ฐ์ด๊ณ  ๋„ˆ๋ฌด ์ค‘์š”ํ•˜์ง€๋งŒ ์ƒ๊ฐ๋ณด๋‹ค ๊ฐœ๋…์ด ๊ฐ„๋‹จํ•œ ๊ฒƒ์ค‘ map๊ณผ reduce๋ฅผ ๋ฝ‘์„๊ฒƒ ๊ฐ™๋‹ค.๊ทธ๋Ÿฌํ•œ ์ด์œ ๋กœ ์ด๋ฒˆ์—๋Š” map๊ณผ reduce๋ฅผ ์ž์„ธํžˆ ์•Œ์•„๋ณด๋ ค๊ณ  ํ•œ๋‹ค.map์ด๋ž€ ํ•จ์ˆ˜๋Š” ๊ฐ„๋‹จํžˆ ์„ค๋ช…ํ•˜๋ฉด ๋ฐ˜๋ณต๋ฌธ์„ ๋Œ๋ฉด์„œ ๋ฐฐ์—ด์•ˆ์—

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

React-Fetch

์ด๋ฒˆ์— 1์ฐจ ํ”„๋กœ์ ํŠธ๋ฅผ ํ•˜๋ฉด์„œ ๋„ˆ๋ฌด ์ค‘์š”ํ•˜๊ณ  ๋งŽ์ด ์“ฐ์˜€์ง€๋งŒ ์ดํ•ด๋„๊ฐ€ ์กฐ๊ธˆ ๋ถ€์กฑํ–ˆ๋˜ ๊ฒƒ์ค‘ ์ €๋Š” fetch๋ผ๋Š” ๋ฉ”์„œ๋“œ๋ฅผ ๋ฝ‘์•˜์Šต๋‹ˆ๋‹ค.๊ทธ๋ž˜์„œ velog ์—์„œ ๊ฐœ๋…์ •๋ฆฌ ๋ฐ ๋ณต์Šต์šฉ์œผ๋กœ ์ž‘์„ฑํ•ด ๋ณด๋ ค ํ•ฉ๋‹ˆ๋‹ค.1์ฐจ ํ”„๋กœ์ ํŠธ๋ฅผ ํ•˜๋ฉด์„œ fetch๋ผ๋Š” ๋ฉ”์„œ๋“œ๋Š” ์ฒ˜์Œ์— ๋ญ”์ง€ ์ž˜ ๋ชฐ๋ž๋‹ค.๊ทธ๋Ÿฐ๋ฐ

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

๊น€์˜์žฌ wecode 1๋‹ฌ+1์ฐจ ํ”„๋กœ์ ํŠธ ํšŒ๊ณ ๋ก

๋ฒŒ์จ ํ•œ๋‹ฌ์ด ์ง€๋‚ฌ๋„ค์š”...์œ„์ฝ”๋“œ๋ฅผ ์˜ค๊ธฐ์ „ ๊ฑด์„คํ˜„์žฅ์—์„œ ์˜ค๋žฌ๋™์•ˆ ์ผํ–ˆ๊ณ  ์š”์‹์—…๊ด€๋ จํ•ด์„œ๋„ ์ผ์„ ํ–ˆ์Šต๋‹ˆ๋‹ค.์ผ๋„ ์žฌ๋ฐŒ๊ณ  ๋ˆ๋„ ๊ดœ์ฐฎ๊ฒŒ ๋ฒŒ์—ˆ๋˜๊ฒƒ ๊ฐ™๊ณ  ํ•ญ์ƒ ์ฆ๊ฒ๊ฒŒ ์‚ด์•˜์Šต๋‹ˆ๋‹ค.์œ„์ฝ”๋“œ๋ฅผ ์˜จ์ด์œ ... ๋‹ค๋“ค ์ฝ”๋”ฉ์ด ์ข‹์•„์„œ ์•„๋‹ˆ๋ฉด ์ปดํ“จํ„ฐ ์‚ฌ์šฉํ•˜๋Š”๊ฒŒ ์ข‹์•„์„œ ๋งŽ์€ ์ด์œ ๊ฐ€ ์žˆ๋˜๊ฒƒ ๊ฐ™์Šต๋‹ˆ๋‹ค.๊ทธ์—

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

sub navigation-> ์— ๋”ฐ๋ผ ๋‹ค๋ฅด๊ฒŒ ๋ณด์—ฌ์ฃผ๊ธฐ

์šฐ์„  ์ง€๊ธˆ ์ƒ๊ฐํ•˜๋ฉด 2๊ฐœ์˜ subnav์ปดํผ๋„ŒํŠธ๋ฅผ ๋ชจ๋‘ ์ถœ๋ ฅ ์‹œํ‚ค๊ณ  ํ˜ธ๋ฒ„๋ฅผ ์–ด๋–ค๊ณณ์— ํ•˜๋ƒ์—๋”ฐ๋ผ ํ•œ์ชฝ์— display:none;์ด๋ผ๋Š” css์†์„ฑ ๋งŒ์œผ๋กœ๋„ ๊ตฌํ˜„ ํ•  ์ˆ˜ ์žˆ๋‹ค๋Š” ๊ฑธ ์•Œ์•˜์ง€๋งŒ ์ €๋Š” javascript๋กœ ํ•ด๊ฒฐํ•ด ๋ณด์•˜์Šต๋‹ˆ๋‹ค.์ฝ”๋“œ๋ฅผ ๋ฐ”๋กœ ๋ณด๋„๋ก ํ•˜์ž์œ„์˜ ์ฝ”๋“œ์—์„œ st

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

click event - ์ˆจ๊ฒจ์ง„ div ๋ณด์ด๊ฒŒ ํ•ด์ฃผ๊ธฐ

์œ„์—์„œ ๋ณด์ด๋Š” ๊ฒƒ ์ฒ˜๋Ÿผ ๋น„ํšŒ์› ์ฃผ๋ฌธ ์กฐํšŒํ•˜๊ธฐ๋ฅผ ๋ˆ„๋ฅด๋ฉด ์ˆจ๊ฒจ์ง„ div์˜ ๋‚ด์šฉ์ด ๋‚˜์˜ฌ ์ˆ˜ ์žˆ๊ฒŒ ๊ตฌํ˜„ํ•˜์˜€๋‹ค.์ƒ๊ฐ๋ณด๋‹ค ๊ต‰์žฅํžˆ ๊ฐ„๋‹จํ•˜๊ฒŒ ์ฒ˜๋ฆฌ ํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.์ฝ”๋“œ๋ฅผ ๋ณด์‹œ๋ฉด์œ„์˜ ์ฝ”๋“œ์—์„œ showGuestBox์˜ state๊ฐ’์„ false๋กœ boolean๊ฐ’์„ ์ฃผ์—ˆ์Šต๋‹ˆ๋‹ค.์œ„์˜ ์ฝ”๋“œ๋ฅผ

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

[React] fetch--๋ฐฑ์—”๋“œ์™€์˜ ํ†ต์‹ 

๋กœ๊ทธ์ธ ํŽ˜์ด์ง€์™€ ํšŒ์›๊ฐ€์ž…ํŽ˜์ด์ง€๋ฅผ fetch๋ฅผ ์‚ฌ์šฉํ•˜์—ฌ ๋ฐฑ์—”๋“œ์™€ ํ†ต์‹ ํ•˜๋Š” ๊ฒƒ์„ ๋ฐฐ์› ์Šต๋‹ˆ๋‹ค.๋ฐ”๋กœ ์ฝ”๋“œ๋ฅผ ๋ณด๋„๋กํ•˜์ž.์œ„์˜ ์ฝ”๋“œ์—์„œ๋Š” state๊ฐ’์— ๊ธฐ๋ณธ์ ์œผ๋กœ ๋กœ๊ทธ์ธ์‹œ ํ•„์š”๋กœ ํ•˜๋Š” id, pw,๊ทธ๋ฆฌ๊ณ  ๋ฐฑ์—”๋“œ๋กœ๋ถ€ํ„ฐ ์ •๋ณด๋ฅผ ๋ฐ›์•„ ๋กœ๊ทธ์ธ์‹œ localStorage์— ํ† ํฐ๊ฐ’์„ ์ €์žฅํ•˜๊ธฐ

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

TIL-wecode 25์ผ์ฐจ

๐Ÿฆ์—ญ์‹œ ๋ฐ”๋กœ ์ฝ”๋“œ๋ฅผ ๋ณด๋ฉด์„œ ์ด์•ผ๊ธฐ ํ•˜๋Š”๊ฒƒ์ด ์ œ์ผ ์ข‹์€ ๋ฐฉ๋ฒ•์ธ๊ฒƒ ๊ฐ™๋‹ค!commentList๋ผ๋Š” ๋ฐฐ์—ด commentValue๋ผ๋Š” value๊ฐ’์„ ์„ ์–ธํ•œ๋‹คhandleCommenmtValue๋ผ๋Š” ์ด๋ฒคํŠธ๋ฅผ ํ†ตํ•ด ๋ณ€ํ™”ํ•˜๋Š” value๊ฐ’์„ e.target.value๋ฅผ ํ†ตํ•ด ์„ ์–ธํ•ด์ค€๋‹ค

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

TIL-wecode 24์ผ์ฐจ

Call back ํ•จ์ˆ˜ >call back ํ•จ์ˆ˜๋ž€ ๋‹ค๋ฅธ ํ•จ์ˆ˜์˜ ๋งค๊ฐœ๋ณ€์ˆ˜๋กœ ํ•จ์ˆ˜๋ฅผ ์ „๋‹ฌํ•˜๊ณ , ์–ด๋– ํ•œ ์ด๋ฒคํŠธ๊ฐ€ ๋ฐœ์ƒํ•œ ์ˆ˜ ๋งค๊ฐœ๋ณ€์ˆ˜๋กœ ์ „๋‹ฌํ•œ ํ•จ์ˆ˜๊ฐ€ ๋‹ค์‹œ ํ˜ธ์ถœ๋˜๋Š” ๊ฒƒ์ด๋‹ค. map ` >์œ„์˜ ์ฝ”๋“œ์—์„œ ์ฒ˜๋Ÿผ map()๋ฉ”์„œ๋“œ๋Š” ๋ฐฐ์—ด๋‚ด์˜ ๋ชจ๋“  ์š”์†Œ ๊ฐ๊ฐ์— ๋Œ€ํ•ด ์ฃผ์–ด์ง„ ํ•จ์ˆ˜๋ฅผ ํ˜ธ

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

TIL-wecode 23์ผ์ฐจ

์œ„์Šคํƒ€ ๊ทธ๋žจ ํด๋ก ์„ ํ•˜๋ฉด์„œ ๋กœ๊ทธ์ธ ํŽ˜์ด์ง€ ๋งˆ๋ฌด๋ฆฌ ์ž‘์—…์„ ํ•˜์˜€๋‹ค.๋ฐ”๋กœ ์ฝ”๋“œ๋ฅผ ๋ณด๋ฉด์„œ ์ •๋ฆฌ ํ•˜๋„๋ก ํ•˜๊ฒ ์Šต๋‹ˆ๋‹ค.๐Ÿ‘‰์šฐ์„  ๋กœ๊ทธ์ธ ํŽ˜์ด์ง€์— id์™€ password์— ๊ฐ’์ด ๋“ค์–ด์˜ฌ ์ˆ˜ ์žˆ๊ณ  ๊ทธ๊ฒƒ์„ ํ™œ์šฉ ํ•  ์ˆ˜ ์žˆ๋„๋ก ํ•จ์ˆ˜๋ฅผ ์„ ์–ธํ•˜์˜€๋‹ค๐Ÿ‘‰์œ„์˜ id์™€ password๋ฅผ ๋น„๊ตฌ์กฐํ™” ํ• ๋‹น์œผ

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

TIL-wecode 22์ผ์ฐจ

๐Ÿ™ˆReact๋Š” Component๋กœ ๊ตฌ์„ฑ๋œ๋‹ค. component๋Š” ํ•œ๊ธ€ ํ•ด์„ํ•œ ๊ฒƒ๊ณผ ๊ฐ™์ด ๊ตฌ์„ฑ์š”์†Œ๋ฅผ ์˜๋ฏธํ•œ๋‹ค.์ด๋Ÿฌํ•œ ์ปดํผ๋„ŒํŠธ๋Š” ํŽ˜์ด์ง€๋ฅผ ๊ตฌ์„ฑํ•˜๊ณ  ์—ฌ๋Ÿฌ๋‹จ์œ„๋กœ ์ชผ๊ฐœ๋ฉด component์•ˆ์— component๊ฐ€ ์ƒ๊ธฐ๋ฏ€๋กœ ๋ถ€๋ชจ-์ž์‹ ๊ตฌ์กฐ์˜ ๊ด€๊ณ„๊ฐ€ ์ƒ์„ฑ๋œ๋‹ค.๐Ÿ‘์ปดํผ๋„ŒํŠธ์˜ ์ƒํƒœ๐Ÿ‘

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

TIL-wecode 20์ผ์ฐจ

LifeCycle API๋ฅผ ์‚ฌ์šฉํ• ๋•Œ๋Š” ์–ธ์ œ์ผ๊นŒ?์ปดํผ๋„ŒํŠธ๊ฐ€ ์šฐ๋ฆฌ ๋ธŒ๋ผ์šฐ์ ธ์— ๋‚˜ํƒ€๋‚ ๋•Œ, ์—…๋ฐ์ดํŠธ ๋  ๋•Œ, ์‚ฌ๋ผ์งˆ๋•Œ ์šฐ๋ฆฌ๋Š” LifeCycle API๋ฅผ ์‚ฌ์šฉํ•ฉ๋‹ˆ๋‹ค.LifeCycle API ์‚ฌ์ง„์„ ๋ณด๋ฉฐ ์ดํ•ดํ•ด๋ณด์ž์ถœ์ฒ˜:http://projects.wojtekmaj.pl/

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