๋ณธ๋ฌธ ๋ฐ”๋กœ๊ฐ€๊ธฐ
728x90
๋ฐ˜์‘ํ˜•

React ์‹œ๋ฆฌ์ฆˆ๐ŸŒ19

๐Ÿ”ฅReact๐Ÿ”ฅ ์–ด๋ ต๋„ค..?์ปดํฌ๋„ŒํŠธ? ํ•จ์ˆ˜?| React ์‹œ๋ฆฌ์ฆˆ 003 today i studied about React component. its so hard.. to me idk well,, i wanna know correctly. i m afraid if i pass this part, after will be poison ์ •๋ฆฌ 0. ๋ฐ”ํƒ•ํ™”๋ฉด์— ์ƒˆํด๋” ๋งŒ๋“ค๊ธฐ. 1. visual studio code ์‹คํ–‰ 2. ํŒŒ์ผ - ํด๋” ์—ด๊ธฐ - ๋งŒ๋“ค์–ด๋‘” ์ƒˆํด๋” ํด๋ฆญ 3. ctrl + ` (ํ‹ธ๋‹ค) 4. npm init react-app. ์ž…๋ ฅ 5. npm run start ์ž…๋ ฅ (์ด๋•Œ ์ฐฝ์ด ํ•˜๋‚˜ ๋œธ. ์ผ๋‹จ ๋ฌด์‹œ) 6. ์ขŒ์ธก ์นดํ…Œ๊ณ ๋ฆฌ์— public ์— index.html ๋นผ๊ณ  ๋‹ค ์‚ญ์ œ. + src ์— index.js ๋นผ๊ณ  ๋‹ค ์‚ญ์ œ 7. ๋‚จ๊ฒจ์ง„ html ์— ํ•„์š”ํ•œ ์ฝ”๋“œ๋งŒ ๋‚จ๊ธฐ๊ณ  ๋‹ค .. 2021. 8. 1.
๐Ÿ”ฅReact๐Ÿ”ฅ ๊ฐ€์œ„ ๋ฐ”์œ„ ๋ณด ๊ฒŒ์ž„ ๋งŒ๋“ค๊ธฐ | React ์‹œ๋ฆฌ์ฆˆ 002 ๊ฐ€์œ„ ๋ฐ”์œ„ ๋ณด ๊ฒŒ์ž„ ๋งŒ๋“œ๋Š” ๊ณผ์ •์„ ๋‹ค๋ฃจ์–ด๋ณด์•˜๋‹ค. ์ฒ˜์Œ: ๊ฐ„๋‹จํ•˜๊ฒŒ ํƒ€์ดํ‹€ ์ด๋ฆ„๊ณผ , ๋ฒ„ํŠผ์„ ๋งŒ๋“ค์—ˆ๋‹ค. HTML JSX import ReactDOM from 'react-dom'; ReactDOM.render( ๊ฐ€์œ„๋ฐ”์œ„๋ณด ๊ฐ€์œ„ ๋ฐ”์œ„ ๋ณด , document.getElementById('root')); ๊ฒฐ๊ณผ HTML ์€ ์œ„์™€ ๋™์ผ JSX import ReactDOM from 'react-dom'; const WINS = { rock: 'scissor', scissor: 'paper', paper: 'rock', }; function getResult(left, right) { if (WINS[left] === right) return '์Šน๋ฆฌ'; else if (left === WINS[right]) return.. 2021. 7. 31.
๐Ÿ”ฅReact๐Ÿ”ฅ ๊ฐœ๋ฐœ ํ™˜๊ฒฝ ๊ตฌ์ถ• (์‹œ์ž‘!) | React ์‹œ๋ฆฌ์ฆˆ 001 1. node.js ์„ค์น˜ https://nodejs.org/ko/ node js ์„ค์น˜๋ฅผ ํ•˜๋Š” ๊ณผ์ •์—์„œ ์ด๋ ‡๊ฒŒ ๋‘๊ฐœ๊ฐ€ ์žˆ๋Š”๋ฐ ๋ณด๋‹ค์‹œํ”ผ, ์šฐ์ธก์ด ๋” ์ตœ์‹  ๋ฒ„์ „์ด๊ธด ํ•˜๋‚˜, ์•ˆ์ „์„ฑ๊ณผ ์‹ ๋ขฐ๋„๊ฐ€ ๋” ๋†’์€ ์ขŒ์ธก ์„ค์น˜๋ฅผ ํ•˜๋Š”๊ฑธ ๊ถŒ์žฅํ•œ๋‹ค. (ํฌ๊ฒŒ ์ฐจ์ด๊ฐ€ ์—†๋‹ค๊ณ  ํ•จ.) 2. ๋น„์ฅฌ์–ผ์ŠคํŠœ๋””์˜ค ์ฝ”๋“œ ์„ค์น˜! https://code.visualstudio.com/ Visual Studio Code - Code Editing. Redefined Visual Studio Code is a code editor redefined and optimized for building and debugging modern web and cloud applications. Visual Studio Code is free and available .. 2021. 7. 30.
728x90
๋ฐ˜์‘ํ˜•

ํ‹ฐ์Šคํ† ๋ฆฌํˆด๋ฐ”