FrontEnd/React

프로젝트 생성 - 현재 디렉토리에 리액트 프로젝트 생성 npm init react-app . 개발 모드 실행 npm start 프로젝트 빌드하기 npm run build 빌드한 프로젝트 로컬에서 실행 npx serve build

React의 기초개념 5가지 Component React에서 UI를 구성하는 독립적인 단위이다. 컴포넌트는 재사용이 가능하며, 각각의 컴포넌트는 특정한 기능을 담담한다. 예를 들어 버튼, 입력 필드, 헤더, 페이지 등이 모두 컴포넌트가 될 수 있다. 예시. 정의 function Welcome(props) { return Hello, {props.name} } 랜더링 const element = ; ReactDOM.render( element, document.getElementById('root') ); Props Props는 부모 컴포넌트에서 자식 컴포넌트로 데이터를 전달하는데 사용된다. Props는 읽기 전용이며, 자식 컴포넌트에서 변경할 수 없다. 컴포넌트의 속성을 설정하여 해당 컴포넌트에 데이터를..

내가 React를 선택한 이유, React의 장점 첫 프로젝트를 진행하다 보니 프론트에 대한 지식이 많이 부족한 것 같아서 프론트에 대해서 조금 공부를 해봐야겠다라고 생각하였다. 많은 프론트 기술들 중에서 고민을 하다가 React를 간단하게 배워볼까라고 생각하게 된 가장 큰 이유는 같이 프로젝트를 진행한 팀원들이 React를 이용한 것이 컸지만 React를 배우면서 사용자 정의 태그를 만들 수 있기 때문에 많은 사용자들이 있는 것을 알게 되었다. React는 자바스크립트를 기반으로 하고 class와 function 두 가지 문법이 있는데 function 문법을 주로 사용한다. 출처 https://www.youtube.com/watch?v=AoMv0SIjZL8