C-log

이번 수업에서는 리액트의 컴포넌트를 직접 생성하고 만들어본다. 여기서 주의해야 할 점은 내가 만든 컴포넌트를 카멜 표기법으로 작성하면 오류가 뜬다. 올바른 작성 법은 아래와 같다. (참고로 컴포넌트를 불러오는 변수명 또한 파일명과 동일하는게 하는 것이 좋다.) class ClassStyle extends React.Component { // ... } 이렇게 항상 컴포넌트 변수명의 앞글자는 대문자여야만 한다. 이것을 주의하면서 컴포넌트를 작성하고 불러오면 된다. 내가 작성한 코드는 아래와 같다. - myStyle.js //내가 만든 컴포넌트 function Header() { return section04 WEB } function Article() { return Welcome Hello, WEB } ..

* section01부터 setcion02까지의 수업은 OT와 React설치 방법을 강의 했기 때문에 따로 포스팅 하지 않아 section03부터 포스팅을 시작한다. 리액트는 import와 export의 형식으로 이루어져 있다. 즉, 컴포넌트 형식인데 각 컴포넌트는 자체적으로 상태(state)를 가질 수 있고, 재사용 가능하며, 다른 컴포넌트와 조합하여 복잡한 UI를 구성할 수 있다. React 애플리케이션은 이러한 컴포넌트들의 계층 구조로 이루어져 있다. 아직은 상태라던거 훅에 관해서는 수업을 다루고 있지 않기 때문에 우선 scr폴더 안에 있는 App.js와 index.js의 관계를 살펴보면 아래와 같은 형태이다. index.js와 app.js의 코드의 형태는 아래와 같다. App.js import l..

Js의 기본적인 문법들을 익혔으니 이제 대표적인 Framework인 React를 공부해보고자 한다. 학교에서 수업을 들은 적도 있고 이전에 ver0 카테고리에서 간단하게 React를 배워서 더욱 깊고 세부적으로 기능들을 나누어서 실습을 해보도록하겠다. React 2022 개정판 www.youtube.com 수업의 목표 : 아직 명확한 목표는 없으나 수업을 진행하면서 작게 게시판 같은 프로젝트를 제작해 볼 것이다. 이외에도 CSR이 무엇인지 생각해볼 것이다.