profile
๐ŸŒŠ๐ŸŒŠUnder the SEA๐ŸŒŠ๐ŸŒŠ
post-thumbnail

React.js (11) ์›น ํฐํŠธ ์ ์šฉ

React.js (11) ์›น ํฐํŠธ ์ ์šฉ์ด๋ฒˆ ํฌ์ŠคํŒ…์€ ๋ฆฌ์•กํŠธ์—์„œ ์›น ํฐํŠธ๋ฅผ ์ ์šฉํ•˜๋Š” ๋ฐฉ๋ฒ•์— ๊ด€ํ•œ ํฌ์ŠคํŒ…์ž…๋‹ˆ๋‹ค.์ž์‹ ๋งŒ์— ์œ ๋‹ˆํฌํ•œ ์›นํŽ˜์ด์ง€์™€ ๊น”๋”ํ•œ ๋””์ž์ธ์„ ์œ„ํ•œ font ์ ์šฉ์€ ํ•„์š”ํ•ฉ๋‹ˆ๋‹ค.๋ฆฌ์•กํŠธ์—์„œ ๋งŽ์€ ํฐํŠธ ์ ์šฉ ๋ฐฉ๋ฒ•์ด ์žˆ์ง€๋งŒ ํ™•์‹คํ•œ ๋ฐฉ๋ฒ• ํ•œ ๊ฐ€์ง€๋ฅผ ํฌ์ŠคํŒ…ํ•˜๋ ค๊ณ  ํ•ฉ๋‹ˆ๋‹ค.

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

React.js (10) PascalCase

๋ฆฌ์•กํŠธ๋กœ ๊ฐœ๋ฐœ์„ ํ•˜๋‹ค๋ณด๋‹ค๋ฉด ์•„๋ž˜์™€ ๊ฐ™์ด์—๋Ÿฌ๋Š” ์•„๋‹ˆ์ง€๋งŒ ๊ฒฝ๊ณ  ๋กœ๊ทธ๊ฐ€ ์ข…์ข… ๋“ฑ์žฅํ•˜๋Š” ๊ฒฝ์šฐ๊ฐ€ ์žˆ๋‹ค๊ทธ ์ด์œ ๋Š” ์˜คํƒ€๋ฅผ ์—†์• ๊ณ  ํ˜ผ๋ž€์Šค๋Ÿฌ์šด ๋ฌธ์žฅ์„ ๋ช…ํ™•ํžˆํ•˜๊ธฐ ์œ„ํ•˜์—ฌ ์ž‘์€ ์•ฝ์†์ด๋ผ๊ณ  ํ•ฉ๋‹ˆ๋‹ค.

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

React.js (9) React + Material Ui

React.js (9) React + Material Uiํ”„๋ก ํŠธ์—”๋“œ์—์„œ html ๋ถ€ํŠธ์ŠคํŠธ๋žฉ์ฒ˜๋Ÿผ ๋งŽ์ด ์‚ฌ์šฉํ•˜๋Š”๋ฆฌ์•กํŠธ Material Ui ์„ค์น˜ https://mui.com/

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

React.js (8) React + Naver ๋กœ๊ทธ์ธ

React.js (8) React + Naver ๋กœ๊ทธ์ธ๋„ค์ด๋ฒ„ ๊ฐœ๋ฐœ์ž ์„ผํ„ฐ ๋กœ๊ทธ์ธhttps://developers.naver.com/main/์• ํ”Œ๋ฆฌ์ผ€์ด์…˜ ๋“ฑ๋ก (API ์ด์šฉ์‹ ์ฒญ) ํด๋ฆญ์•ฑ ์ •๋ณด๋ฅผ ์ž…๋ ฅ์ƒ์„ฑ๋œ Client ID ํ™•์ธ

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

React.js (7) React + Kakao ๋กœ๊ทธ์ธ

React.js (6) React + Kakao ๋กœ๊ทธ์ธ์นด์นด์˜ค ๋””๋ฒจ๋กœํผ ๋กœ๊ทธ์ธhttps://developers.kakao.com/์• ํ”Œ๋ฆฌ์ผ€์ด์…˜ ์ถ”๊ฐ€ํ•˜๊ธฐ ํด๋ฆญ์•ฑ ์ •๋ณด๋ฅผ ์ž…๋ ฅ์•ฑ ํด๋ฆญ์ƒ์„ฑ๋œ ์•ฑ ํ‚ค ํ™•์ธํ™œ์„ฑํ™” ์„ค์ • ON + ๋ฆฌ๋‹ค์ด๋ ‰ํŠธ URI ์„ค์ •์™ผ์ชฝ ์‚ฌ์ด๋“œ๋ฐ”๋ฅผ ํ†ตํ•ด ๋™์˜

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

React.js (6) React + Google ๋กœ๊ทธ์ธ

React.js (6) React + Google ๋กœ๊ทธ์ธ๊ตฌ๊ธ€ ํด๋ผ์šฐ๋“œ ํ”Œ๋žซํผ ๋กœ๊ทธ์ธhttps://console.cloud.google.com์ƒˆ ํ”„๋กœ์ ํŠธ ํด๋ฆญํ”„๋กœ์ ํŠธ ์ด๋ฆ„ ๋งŒ๋“ค๊ธฐ์ƒ์„ฑ๋œ ํ”„๋กœ์ ํŠธ ์† ๋Œ€์‹œ๋ณด๋“œ์—์„œ API ๊ฐœ์š”๋กœ ์ด๋™ ํด๋ฆญ์‚ฌ์šฉ์ž ์ธ์ฆ ์ •๋ณด ํด๋ฆญ์ƒ๋‹จ์—

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

React.js (5) React async await

ECMAScript2017 ๋ถ€ํ„ฐ ์ถ”๊ฐ€๋˜์–ด,API ๋น„๋™๊ธฐ ์ˆœ์ฐจ์ ์œผ๋กœ ํ˜ธ์ถœํ•˜๊ธฐ ์œ„ํ•จ์‚ฌ์šฉ ๋ฐฉ๋ฒ•

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

React.js (4) React Hook (useState, useEffect)

์ปดํฌ๋„ŒํŠธ์—์„œ ๋ฐ”๋€Œ๋Š” ๊ฐ’ ๊ด€๋ฆฌํ•˜๊ธฐ์‚ฌ์šฉ ๋ฐฉ๋ฒ•import๋ณ€์ˆ˜ ์„ ์–ธํ˜„ user ๊ฐ’์€ null ์ด๋‹ค.axios get ํ˜ธ์ถœ๋กœ user table ์† ๋ชจ๋“  ๋ฐ์ดํ„ฐ๋ฅผ ํ˜ธ์ถœํ•œ๋‹ค๋ฉด,response.data ์—์„œ ํ˜ธ์ถœ๋œ ๊ฐ’์ดsetUser() ๋ฉ”์„œ๋“œ์— ์„ ์–ธ ๋˜์–ดuser ๊ฐ’์€ user ta

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

React.js (3) React HTTP Axios

Axios ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ๋ฅผ ํ™œ์šฉํ•˜์—ฌ API๋ฅผ ํ˜ธ์ถœํ•ฉ๋‹ˆ๋‹ค.GET: ๋ฐ์ดํ„ฐ ์กฐํšŒPOST: ๋ฐ์ดํ„ฐ ๋“ฑ๋กPUT: ๋ฐ์ดํ„ฐ ์ˆ˜์ •DELETE: ๋ฐ์ดํ„ฐ ์ œ๊ฑฐAxios ์„ค์น˜axios ํ˜ธ์ถœ ๋ฐ Method ์‚ฌ์šฉ ๋ฐฉ๋ฒ•

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

React.js (2) React Router v6

๊ธฐ์กด ๋ฆฌ์•กํŠธ ๋ผ์šฐํ„ฐ ๋ฐฉ์‹ v5์ƒˆ๋กœ ์—…๋ฐ์ดํŠธ ๋œ v6

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

React.js (1) Create React

React ์„ค์น˜ํ•˜๊ธฐnpm ๋ฐฉ๋ฒ•node.js ์„ค์น˜React file Treeโ” โ”€ publicโ”‚ โ”œ favicon.icoโ”‚ โ”œ logo.pngโ”‚ โ”” index.htmlโ” โ”€ srcโ”‚ โ”œ App.jsโ”‚ โ”” index.jsโ”œ .gitignoreโ”œ n

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