https://yunyoung1819.tistory.com/122
[React] ๋ฆฌ์กํธ ์์ ํ๊ฒฝ ์ค์ ํ๊ธฐ
๋ฆฌ์กํธ ์์ ํ๊ฒฝ ์ค์ ํ๊ธฐ ์ค๋น๋ฌผ : node.js, VSCode ๋ฑ Node.js ์ค์นํ๊ธฐ Node.js ๋ฅผ LTS ๋ฒ์ ์ผ๋ก ์ค์นํ๋ค. ์๋์ฐ์ ๊ฒฝ์ฐ ๋ ธ๋ ๊ณต์ ํํ์ด์ง ๋ค์ด๋ก๋ ํ์ด์ง์์ ์ค์นํ๋ค. (https://nodejs.org/kr/) macOS..
yunyoung1819.tistory.com
๐์ค์น๋ ์ด๊ณณ์ ์ฐธ๊ณ ํ๋ค
๋๊ตฌ๋ ์ง ํ๋ ๋ฆฌ์กํธ 3ํธ: JSX | VELOPERT.LOG
์ด ํํ ๋ฆฌ์ผ์ 10ํธ์ผ๋ก ์ด๋ค์ง ์๋ฆฌ์ฆ์ ๋๋ค. ์ด์ / ๋ค์ ํธ์ ํ์ธํ์๋ ค๋ฉด ๋ชฉ์ฐจ๋ฅผ ํ์ธํ์ธ์. ๋ฆฌ์กํธ ์ปดํฌ๋ํธ์ ๋ํ์ฌ ์กฐ๊ธ ๋ ์์ธํ ์์๋ด ์๋ค! ์ปดํฌ๋ํธ ํ์ผ ํํค์น๊ธฐ ์ด์ ์ ๋ง๋
velopert.com
๐๊ฐ์ข๋ ์ด๋ถ์ ๋ฐ๋ผ๊ฐ ์์ . ์ค๋ช ์ด ๋งค์ฐ ์ ๋์ด ์์ด ๋์ฒ๋ผ ๋ฆฌ์ํธ๋ฅผ ์ฒ์ ์์ํ๋ ์ฌ๋์๊ฒ ์ถ์ฒ...ํ์ง๋ง ํด๋์ค์ปดํฌ๋ํธ ํ์์ด์ฌ์ ํจ์ค (์ฒ์ ์์ ํ ๋ ํจ์์ปดํฌ๋ํธ ํ์์ด์ฌ์ ํด๋์ค ์ปดํฌ๋ํธ ํ์์ ๋์ค์ ์ฝ์ด๋ณด๋๊ฑธ๋ก ํ์)
๋ฒจ๋กํผํธ์ ํจ๊ปํ๋ ๋ชจ๋ ๋ฆฌ์กํธ · GitBook
๋ฒจ๋กํผํธ์ ํจ๊ปํ๋ ๋ชจ๋ ๋ฆฌ์กํธ ๋ณธ ๊ฐ์์๋ฃ๋ ํจ์คํธ์บ ํผ์ค ์จ๋ผ์ธ ๊ฐ์์์ ์ ๊ณตํ๋ ๋ฆฌ์กํธ ๊ฐ์์์ ์ฌ์ฉ๋๋ ๊ฐ์ ๋ฌธ์์ ๋๋ค. ์ด ํํ ๋ฆฌ์ผ์ ์ฌ๋ฌ๋ถ๋ค์ด JavaScript ์ ๊ธฐ์ด๋ฅผ ์ ์๊ณ ์
react.vlpt.us
๐์น๊ตฌ๊ฐ ์ถ์ฒํด์ค ๋ฆฌ์ํธ ๊ฐ์ข ์ด๊ฑธ๋ก ๋ฐ๋ผ๊ฐ๋ณด์
my-first-app ์คํ์ํค๊ณ ์ฝ๋๋ฅผ ๋ณด๋ ค vscode๋ฅผ ํค๋ ค๋๋ฐ
์๊น ํ์ผ ์ ๋ฆฌํ๋ค ์ฑ์ ๊ฐ์ด ์ง์๋ฒ๋ฆผ ใ ใ ใ ใ ...
๋ค์ ๊น์์ ์ผ์ค๋ค
์ปดํฌ๋ํธ ํ์ผ์ธ app.js
์ปดํฌ๋ํธ ํ์ผ hello ์์ฑ
import React from 'react';
function Hello() {
return <div><h1> hello</h1></div>
}
export default Hello;
app.js๋ฅผ ์์ ํด ์ค๋ค
import './App.css';
import React from 'react';
import Hello from './Hello';
function App() {
return (
<div>
<Hello />
<Hello />
<Hello />
</div>
);
}
export default App;
์ ์ฅํ๋ฉด ๋ฐ๋ก ๋ฐ๋
์ปดํฌ๋ํธ ๐ ์ผ์ข ์ UI์กฐ๊ฐ. ์ฝ๊ฒ ์ฌ์ฌ์ฉ ํ ์ ์๋ค
'Develop Study ๐ป' ์นดํ ๊ณ ๋ฆฌ์ ๋ค๋ฅธ ๊ธ
react study / ์ปดํฌ๋ํธ์์ ๊ฐ ๋ฐ์ ๋ฐ๊พธ๊ธฐ (0) | 2021.01.22 |
---|---|
react study / props ๊ฐ๋ ์ดํด (0) | 2021.01.22 |
MogoDB / Mongoose / populate / Nosql๋ก ์กฐ์ธ ๊ตฌํ (0) | 2021.01.21 |
210120 ๊ฐ๋ฐ ๊ณต๋ถ (0) | 2021.01.20 |
mongoose populate / ref (0) | 2021.01.20 |