React, Next, Redux 검색 결과

해당 글 93건

React 기초 (2) : props

안타깝지만 Potato.js는 지워주자. Component를 이해했다면 필요가 없다. App.js에 존재하는 component를 공부해보자. 우리는 App.js 내부에 2개의 컴포넌트를 만든 후 그걸 병합할거다 이는 ReactDOM.render가 하나의 컴포넌트만 렌더할 수 있기 때문이다. import React from 'react'; function Food({fav}) { / {fav}는 props에 든 fav를 구조 분해 할당으로 할당한 것입니다 return ( I love {fav}! ); } function App() { return ( Hello!! //여기서 Food의 fav는 prop(property)라 부른다. 컴포넌트 안에든 것. ) } export default App; 자, pro..
React, Next, Redux/⚛ React.JS 2020. 1. 26. 03:51

React 기초 (2) : 컴포넌트 기본 1

npm start. 서버 시동 걸어놓고 작업을 해보자. 우선 index.js에 다음과 같은 코드를 보자. ReactDOM.render(, document.getElementById('root')); index.js의 component가 있다. 이렇게 생긴거. 이걸 component라 부른다. component(는 HTML을 반환(return)하는 함수이다. app.js에 가보면(Ctrl + Click으로도 가능) function App이란 함수에 return으로 HTML을 반환하는 것을 볼 수 있을 것이다. * HTML과 JS의 조합을 JSX라고 부른다. component는 JSX element이다. react에만 존재함. 자, component를 하나 만들어봅시다. 주의! function이든 class..
React, Next, Redux/⚛ React.JS 2020. 1. 26. 03:45

React 기초 (1)

node.js 설치 (npm 포함) -> cmd에 node –v 와 npm –v로 확인 npx 설치 = npm instal npx –g -> npx –v로 확인 git 설치 확인 -> git —version로 확인. 없으면 검색해서 다운로드 해. 설치할 경로로 이동한 후 다음 명령어를 내리자 npx create-react-app [프로젝트명] npx create-react-app은 react를 쉽게 시작하는 ToolChain의 일종이다. Create a New React App – React A JavaScript library for building user interfaces reactjs.org create-react-app은 react를 사용할 때 필요한 babel, Webpack 설치 등등 모든..
React, Next, Redux/⚛ React.JS 2020. 1. 26. 03:41