๋ฐ˜์‘ํ˜•

๐Ÿ“Œ Fav 3

๐Ÿ“Œ๋ฆฌ์•กํŠธ ์•ฑ ๊นƒํ—™ ๋ฐฐํฌํ•˜๊ธฐ

1. ๊นƒ ๋ฐ์Šคํฌํƒ‘์„ ํ†ตํ•ด new repo๋ฅผ ํ•จ (๊นƒํ—™ ๋ฐ์Šคํฌํƒ‘์„ ํ†ตํ•ด!! ํ•ด์•ผํ•จ, ๋‚˜์ค‘์— ๊ด€๋ฆฌ ์–ด๋ ค์›Œ์ง) 2. new repo๋กœ ๋งŒ๋“ค์–ด์ง„ ํด๋”์•ˆ์—์„œ ์•„๋ž˜ ์ฝ”๋“œ๋กœ ๋ฆฌ์•กํŠธ ์„ค์น˜npx create-react-app . * ๋ฒ„์ „ ๋‚ฎ๋‹ค๊ณ  ์˜ค๋ฅ˜๋œจ๋ฉด ์ตœ์‹ ๋ฒ„์ „์œผ๋กœ ์ƒ์„ฑ npx create-react-app@latest . 3. npm start๋กœ ์ž˜ ๋‚˜์˜ค๋Š”์ง€ ํ™•์ธ (๋ฐ”์ดํƒˆ ์˜ค๋ฅ˜๋œจ๋ฉด ๊ทธ ํŒŒ์ผ ์ฐพ์•„์„œ ์‚ญ์ œ) 4. ๊นƒํ—™์— ํŽ˜์ด์ง€ ์…‹ํŒ… main ๊ณผ docs ๋กœ ๋ณ€๊ฒฝ      5. ์ฝ”๋“œ ํŒŒ์ผ์—์„œ bulid ๋ฅผํ•จ (์ด ํŒŒ์ผ๋“ค์ด ๋ฐฐํฌ์— ํ•„์š”ํ•œ ํŒŒ์ผ์ด ๋จ)npm run build ์œ„์—์„œ docs๋กœ ๋ณ€๊ฒฝํ–ˆ๊ธฐ ๋•Œ๋ฌธ์— bulid๋ผ๊ณ  ์ƒ๊ธด ํด๋”๋ช…์„docs๋กœ ๋ฐ”๊ฟˆOR์ด๊ฒŒ ๋งค๋ฒˆํ•˜๊ธฐ ๋ฒˆ๊ฑฐ๋กœ์šฐ๋ฉด์• ์ดˆ์— ๋นŒ๋“œ์‹œ docs ํด๋” ์•ˆ์— ๋งŒ๋“ค์–ด์ง€๋„๋ก ์„ค์ •ํ•จ..

๐Ÿ“Œ Fav 2025.01.20

๐Ÿ“ŒReact yarn ์„ค์น˜ ๋ฐฉ๋ฒ• ๋ฐ ๊ธฐ๋ณธ์…‹ํŒ… + ์ปดํฌ๋„ŒํŠธ ๋งŒ๋“ค๊ธฐ + ๋ฆฌ์•กํŠธ ์ปดํฌ๋„ŒํŠธ ๋ณด๋Š” ํฌ๋กฌ ํ™•์žฅํ”„๋กœ๊ทธ๋žจ (React Developer Tools)

1. yarn์„ ์„ค์น˜ ( cmd ์ฐฝ์— ์•„๋ž˜ ์ฝ”๋“œ๋ฅผ ์ˆœ์ฐจ์ ์œผ๋กœ ์ž…๋ ฅํ•˜์—ฌ ์„ค์น˜ํ•จ )* npm / yarn :   npm๊ณผ yarn์€ ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ๋Ÿฐํƒ€์ž„ ํ™˜๊ฒฝ์ธ ๋…ธ๋“œ(Node.js)์˜ ํŒจํ‚ค์ง€ ๊ด€๋ฆฌ์ž์ „ ์„ธ๊ณ„์˜ ๊ฐœ๋ฐœ์ž๋“ค์ด ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ๋กœ ๋งŒ๋“  ๋‹ค์–‘ํ•œ ํŒจํ‚ค์ง€๋ฅผ npm ์˜จ๋ผ์ธ ๋ฐ์ดํ„ฐ๋ฒ ์ด์Šค(opens new window)์— ์˜ฌ๋ฆฌ๋ฉด npm, yarn๊ณผ ๊ฐ™์€ ํŒจํ‚ค์ง€ ๊ด€๋ฆฌ์ž๋ฅผ ํ†ตํ•ด ์„ค์น˜ ๋ฐ ์‚ญ์ œ๊ฐ€ ๊ฐ€๋Šฅ> NPM(Node Package Manager)์€ ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ์–ธ์–ด๋ฅผ ์œ„ํ•œ ํŒจํ‚ค์ง€ ๊ด€๋ฆฌ์ž๋กœ, Node.js์˜ ๊ธฐ๋ณธ ํŒจํ‚ค์ง€ ๊ด€๋ฆฌ์ž> yarn์€ 2016๋…„ ํŽ˜์ด์Šค๋ถ์—์„œ ๊ฐœ๋ฐœํ•œ ํŒจํ‚ค์ง€ ๊ด€๋ฆฌ์ž. ๋ฆฌ์•กํŠธ(React)์™€ ๊ฐ™์€ ํ”„๋กœ์ ํŠธ๋ฅผ ์ง„ํ–‰ํ•˜๋ฉฐ ๊ฒช์—ˆ๋˜ ์–ด๋ ค์›€์„ํ•ด๊ฒฐํ•˜๊ธฐ ์œ„ํ•ด ๊ฐœ๋ฐœ, npm๊ณผ ๊ฐ™์€ ๊ธฐ๋Šฅ์„ ์ˆ˜ํ–‰ํ•˜๋‚˜, npm ๋ ˆ์ง€์ŠคํŠธ๋ฆฌ์™€ ํ˜ธํ™˜ํ•˜..

๐Ÿ“Œ Fav 2024.11.26

1-3. ๊นƒํ—ˆ๋ธŒ ๋ฐ์Šคํฌํƒ‘ ๊ธฐ๋ณธ ์‚ฌ์šฉ๋ฒ• + ์ž๋ฐ” ํŒŒ์ผ ๋ฐฐํฌ + ๋งˆํฌ๋‹ค์šด๋ฐฉ๋ฒ•

๐Ÿ”ต ๊นƒํ—ˆ๋ธŒ ๋ฐ์Šคํฌํƒ‘ ์„ค์น˜https://desktop.github.com/?ref_cta=download+desktop&ref_loc=installing+github+desktop&ref_page=docs Redirectingโ€ฆ desktop.github.com    1. ๊นƒํ—ˆ๋ธŒ ๋ฐ์Šคํฌํƒ‘์„ ์„ค์น˜-๋กœ๊ทธ์ธ์„ ํ•ด์•ผ ๋‚ด ๊นƒํ—ˆ๋ธŒ ์‚ฌ์ดํŠธ์— ์˜ฌ๋ผ๊ฐ 2. Repository ๋ฅผ ์ƒ์„ฑ-๋ ˆํฌ๋ฅผ ๊นƒํ—™๋ฐํƒ‘๋‚ด์—์„œ ๋งŒ๋“ค๋ฉด์„œ โš ๏ธ์ด๋•Œ readme๋ฅผ ์ฒดํฌํ•ด์„œ ๋งŒ๋“ฌ (์•„๋‹ˆ๋ฉด ๋ฐ”๊นฅํด๋”์— ๋ฆฌ๋“œ๋ฏธ๊ฐ€ ๋˜ ์ƒ๊น€) โš ๏ธ (README ํŒŒ์ผ์— ๊ธฐ๋ก์„ ํ•  ์˜ˆ์ •) 3. ํ•ด๋‹น๊ฒฝ๋กœ๋กœ VScode์—ด๊ธฐ๊นƒํ—™๋ฐํƒ‘์—์„œ ๋งŒ๋“  ๋กœ์ปฌ ํด๋”์˜ ๊ฒฝ๋กœ๋ฅผ ํ†ตํ•ด ํŒŒ์ผํƒ์ƒ‰๊ธฐ๋ฅผ ์—ด๊ณ , alt+d ๋ฅผ ๋ˆŒ๋Ÿฌ ๊ฒฝ๋กœ๋ฅผ ์ „์ฒด ์„ ํƒํ•œ ํ›„ cmd์ž…๋ ฅ ->code . ์„ ์ž…๋ ฅ ํ›„ ์—”ํ„ฐ์ณ์„œ ํ•ด๋‹น..

๐Ÿ“Œ Fav 2024.06.30
๋ฐ˜์‘ํ˜•