๋ณธ๋ฌธ ๋ฐ”๋กœ๊ฐ€๊ธฐ

react3

[React] React.js๋ž€? (๊ฐ„๋‹จ ์ •๋ฆฌ) ์„œ๋ก ๐Ÿง ์˜ค๋Š˜์€ React๋ž€ ๋ฌด์—‡์ธ์ง€, ์ •์˜์™€ ํŠน์ง•์— ๋Œ€ํ•ด ๊ฐ„๋‹จํžˆ ์ •๋ฆฌํ•˜๋ ค๊ณ  ํ•ฉ๋‹ˆ๋‹ค. ์›น ํŽ˜์ด์ง€๋ฅผ ๊ฐœ๋ฐœํ•˜๋ฉด์„œ ์ด์šฉํ–ˆ์—ˆ๋Š”๋ฐ, ์ •ํ™•ํ•˜๊ฒŒ ๋ฌด์—‡์ธ์ง€, ํŠน์ง•๊ณผ ์žฅ์ ์ด ๋ฌด์—‡์ธ์ง€ ์ž˜ ๋ชจ๋ฅด๊ณ  ์‚ฌ์šฉํ•ด์™”๋˜ ๊ฒƒ ๊ฐ™์•„ ์ •๋ฆฌํ•ด๋ณด์•˜์Šต๋‹ˆ๋‹ค. React๋ž€? React๋Š” ์›น ํ”„๋ ˆ์ž„์›Œํฌ๋กœ, ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ์˜ ํ•˜๋‚˜๋กœ์„œ ์‚ฌ์šฉ์ž ์ธํ„ฐํŽ˜์ด์Šค๋ฅผ ๋งŒ๋“ค๊ธฐ ์œ„ํ•ด ์‚ฌ์šฉ๋œ๋‹ค. ์ถœ์ฒ˜ : ์œ„ํ‚ค๋ฐฑ๊ณผ React๋Š” facebook์—์„œ ์ œ๊ณตํ•ด์ฃผ๋Š” ํ”„๋ก ํŠธ์—”๋“œ ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ๋ผ๊ณ  ๋ณผ ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. ์‹ฑ๊ธ€ ํŽ˜์ด์ง€ ์• ํ”Œ๋ฆฌ์ผ€์ด์…˜์ด๋‚˜ ๋ชจ๋ฐ”์ผ ์• ํ”Œ๋ฆฌ์ผ€์ด์…˜์˜ ๊ฐœ๋ฐœ ์‹œ ํ† ๋Œ€๋กœ ์‚ฌ์šฉ๋  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. ์ฆ‰, ํ˜„์žฌ ๋งŽ์ด ํ™œ์šฉ๋˜๊ณ  ์žˆ๋Š”, ์›น/์•ฑ์˜ View๋ฅผ ๊ฐœ๋ฐœํ•  ์ˆ˜ ์žˆ๋„๋ก ํ•˜๋Š” ์ธ๊ธฐ์žˆ๋Š” ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ๋ผ๊ณ  ๋ณผ ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. React์˜ ํ•„์š”์„ฑ? react๋ฅผ ์‚ฌ์šฉํ•˜์ง€ ์•Š์•„๋„, html๊ณผ css,.. 2022. 8. 22.
REST-API ํ™œ์šฉํ•œ ์นด์นด์˜ค ์†Œ์…œ ๋กœ๊ทธ์ธ ๊ตฌํ˜„(feat. React, SpringBoot) REST-API ํ™œ์šฉํ•œ ์นด์นด์˜ค ์†Œ์…œ ๋กœ๊ทธ์ธ ๊ตฌํ˜„(feat. React, SpringBoot) REST-API๋ฅผ ํ™œ์šฉํ•œ ์นด์นด์˜ค ๋กœ๊ทธ์ธ ๋ฌธ์„œ https://developers.kakao.com/docs/latest/ko/kakaologin/rest-api Kakao Developers ์นด์นด์˜ค API๋ฅผ ํ™œ์šฉํ•˜์—ฌ ๋‹ค์–‘ํ•œ ์–ดํ”Œ๋ฆฌ์ผ€์ด์…˜์„ ๊ฐœ๋ฐœํ•ด๋ณด์„ธ์š”. ์นด์นด์˜ค ๋กœ๊ทธ์ธ, ๋ฉ”์‹œ์ง€ ๋ณด๋‚ด๊ธฐ, ์นœ๊ตฌ API, ์ธ๊ณต์ง€๋Šฅ API ๋“ฑ์„ ์ œ๊ณตํ•ฉ๋‹ˆ๋‹ค. developers.kakao.com ์นด์นด์˜ค ๊ฐœ๋ฐœ์ž ํŽ˜์ด์ง€ https://developers.kakao.com/ Kakao Developers ์นด์นด์˜ค API๋ฅผ ํ™œ์šฉํ•˜์—ฌ ๋‹ค์–‘ํ•œ ์–ดํ”Œ๋ฆฌ์ผ€์ด์…˜์„ ๊ฐœ๋ฐœํ•ด๋ณด์„ธ์š”. ์นด์นด์˜ค ๋กœ๊ทธ์ธ, ๋ฉ”์‹œ์ง€ ๋ณด๋‚ด๊ธฐ, ์นœ๊ตฌ API, ์ธ๊ณต์ง€๋Šฅ API ๋“ฑ์„ ์ œ๊ณตํ•ฉ๋‹ˆ๋‹ค. de.. 2022. 8. 21.
[React] ์ ˆ๋Œ€ ๊ฒฝ๋กœ ์„ค์ •ํ•˜๊ธฐ ๊ฐœ๋ฐœ ํ™˜๊ฒฝ : Mac + VScode + React + js .์ด๋‚˜ ..์„ ์ด์šฉํ•ด ../component/Header์™€ ๊ฐ™์ด ์ƒ๋Œ€ ๊ฒฝ๋กœ๋กœ ์ž‘์„ฑํ•˜๋ฉด, ์ƒ๋Œ€๊ฒฝ๋กœ์ด๊ธฐ ๋•Œ๋ฌธ์— ํ•ด๋‹น ํด๋”๋‚˜ ํŒŒ์ผ ์ด๋™ํ•  ๋•Œ ๊ฒฝ๋กœ๊ฐ€ ๋‹ฌ๋ผ์ ธ import ์˜ค๋ฅ˜๊ฐ€ ๋‚  ์ˆ˜ ์žˆ๋‹ค. ํ˜น์€ ์‚ฌ์šฉํ•  ๋•Œ ํ—ท๊ฐˆ๋ฆด ์ˆ˜๋„ ์žˆ๋‹ค.. ๋”ฐ๋ผ์„œ 'import {Header} from 'component/Header'์™€ ๊ฐ™์ด ์ ˆ๋Œ€๊ฒฝ๋กœ๋ฅผ ์ด์šฉํ•˜๋ฉด ํŽธํ•˜๊ณ , ๊ฒฝ๋กœ ์˜ค๋ฅ˜ ๋ฌธ์ œ๋„ ํ•ด๊ฒฐ ๊ฐ€๋Šฅํ•˜๋‹ค. ํ•ด๊ฒฐ๋ฐฉ๋ฒ• ๊ฒ€์ƒ‰ํ•˜๋‹ˆ env๋ฅผ ์ด์šฉํ•˜๋Š” ๋ฐฉ๋ฒ•๋„ ์žˆ๋Š”๋ฐ ์•„๋ž˜ ๋ฐฉ๋ฒ•์œผ๋กœ ๊ฐ„๋‹จํžˆ ํ•ด๊ฒฐํ•  ์ˆ˜ ์žˆ์–ด์„œ, ์•„๋ž˜ ๋ฐฉ๋ฒ•๋งŒ ๋‹ด์•˜๋‹ค. ์ด ๋ฐฉ๋ฒ•์œผ๋กœ ../.์˜ ์ง€์˜ฅ์„ ํƒˆ์ถœํ–ˆ๋‹ค.. jsconfig.json ํŒŒ์ผ์„ ๋งŒ๋“ค๊ณ , ์•„๋ž˜ ์ฝ”๋“œ๋ฅผ ์‚ฝ์ž…ํ•œ๋‹ค. json ํŒŒ์ผ์˜ ์œ„์น˜๋Š” package.jsonํŒŒ์ผ๊ณผ ๋™์ผํ•œ .. 2022. 3. 2.