사과하는 제라스

App.js란? :실질적으로 웹사이트의 화면에 대한 내용 출력을 담당하는 부분 import logo from './logo.svg'; import './App.css'; function App() { return ( //하나의 클래스를 App.css에서 정의해줄텐데 그 클래스를 사용하겠다는 뜻임 Let's develop management system! ); } export default App App.css란? : App.js와 연동되어서 웹사이트의 메인부분에 해당하는 디자인을 담당함. .gray-background { background: darkgray; } ㄴApp.js에다가 적용하는 디자인 (darkgray 색상의 배경색을 설정.) → index.css에서 ReactDOM.render(, doc..

React 개발에 있어서 가장 효과적인 통합개발 환경 중 하나는 Visual Studio Code(VSC)이다. create-react-app 으로 만든 리액트 프로그램은 웹 프론트가 구동 중인 상태에서 소스코드를 수정하고 저장하면 알아서 컴파일되어 반영된다. import logo from './logo.svg'; import './App.css'; function App() { return ( # 이미지 넣기 # 텍스트 보여주기 Edit src/App.s and save to reload. # 링크 달아주기 Learn React ); } export default App; React의 장점: 일부 코드 변경 후 저장만 해도 새로고침 없이도 수정내역이 반영됨. → 개발속도가 매우 빠르게 가능. [2강에서..

맥이나 리눅스에 비해 윈도우 사용자들은 개발 환경 구축이 상대적으로 어려움이 있음. Create React App(CRA) 이란 패키지를 사용하여 리액트 프로젝트를 가장 빠르고 간결함. 설치 및 실행 순서 1. Node.JS 설치 2. npm이란 패키지 관리 도구까지 설치됨 3. C 드라이브에 RPT(이 강의에선 React Project Tutorial)란 폴더 생성 4. cmd 실행 후 cd 명령어로 RPT로 경로 변경 5. npm install -g create-react-app으로 설치 ㄴ여기서 -g는 global 옵션으로 글로벌 패키지 형태로 설치하게 함. -> 기능 : 지금 만드는 프로젝트 말고도 다른 프로젝트에서도 해당 패키지(여기서는 create-react-app) 사용이 가능하게 함. WA..