코맹이의 개발일지

리액트 기초공부1. html의 태그처럼 개발자가 새로운 요소(객체)를 생성할 수 있음function CustomButton() { // CustomButton 객체 생성 return ( MyButton )}CustomButton 객체 생성function App() { return ( Hello, React.js! );}객체 생성 후 App의 header안에 추가 2. /component/CustomButton.js 생성, 위 소스를 옮김component 폴더 생성 > CustomButton.js 생성CustomButton.js 코드function CustomButton() { // CustomButton 객체 생성 ..

🔽리액트 개요더보기- 서버사이드 -> 백엔드 - 클라이언트사이드 -> 프론트 엔드 - 프론트엔드 : html + css + js(html, jsp, aspx, php, ...) - js만 가지고 프론트엔드를 만들어보자 -> 리액트 - css는 있어야 하는 구나 - 페이스북이 자기 웹페이지에 프론트를 좀 더 개선해보고자 개발 시작 - 리액트는 기본적으로 SPA(Single Page Application)을 목적으로 - node.js 서버사이드 js를 사용해서 서버를 동작 - 패키지 매니저 종류: npm, chocolatey, yarn, ... 리액트 개발환경1. node.js 설치- https://nodejs.org/en, Download Node.js(LTS) 클릭 설치 후 콘솔에서 node --ver..