반응형 react12 [React] setState and Lifecycle function component //function component function App() { return ( ) ; } return 한 값을 screen 에 표시 class component React class component 에서 가져온 APP component //App은 react component class App extends React.Component{ render( return () ) ; } React component에서 확장한 것들을 screen에 표시 react가 render() 메서드를 자동으로 실행 class component를 사용하는 이융 state : object ,data를 넣을 공간이 있음 data는 항상 변하기 때문에 state와 같은 공간 이 필요 sta.. 2021. 3. 16. [ React ] JSX 이해하기 & Proptypes component HTML 을 반환하는 함수 component를 사용해서 ReactDOM.render( , document.getElementById('root') ); JSX javascrtip 안의 HTML Component를 만들고 어떻게 사용하는지 javascript + HTML의 조합 React 의 component 생성 흐름 react application은 오직 하나의 component만 rendering 따라서 -> 모든 것은 apapplication(API) 안에 들어가야함 구현하고싶은 component 파일들을 만들어 API.js에 import 하고 API.js를 index 에 렌더링하는 방식 REACT의 속성을 이용하여 component 불러오기 ❖ 정적데이터 설정 (직접 넣어준 데이.. 2021. 3. 16. React 리액트란, 리액트 작업환경 설정 사람들이 좋아하고, 인기있고 , 간편한 프레임워크! 자바스크립트 기반이기때문에 배우는데도 부담이 없다. 리액트를 익혀보고 직접 사용해보기 위해 노마드코더의 ReactJS 로 영화 웹서비스 만들기를 해볼 예정! 오예~ 원래 리액트를 웹브라우저에서 실행하기 위해서는 브라우저는 리액트 코드를 제대로 이해하지 못하기(?) 때문에 원시코드로 변경해야 함 webpack , Babel 다운로드 -> 리액트 코드 컴파일 과정을 거쳐야 함 하지만, create react app 하나의 명령을 실행해서 React Web App 을 실행 1) createreact app을 통해 리액트 환경 구성 ex) 한단계 밖 A 디렉토리에서 생성 -> movie_app 이라는 프로젝트 폴더 생성 //npx create-react-app.. 2021. 3. 16. 이전 1 2 다음 반응형
