규모가 커지고 복잡한 애플리케이션을 개발하며 생산성을 향상시키고 많은 양의 데이터 관리와 코드 유지 보수를 더욱 편리하게 하기 위해 다양한 Frontend Framework(Library)가 등장하게 된다.
한개의 웹페이지 안에서 여러개의 페이지를 보여주기 위해서 react에서 Routing을 사용한다.
react 를 사용하기 위해 먼저 import를 사용합니다. 위 코드와 아래 코드 뜻은 같습니다.
we code 리액트 미션 5를 수행하기 이전에 미션 4를 진행하면서 map에 대해 잘 모르고 있다고 생각하였고 미션 5를 진행하면서 map에의 활용 법에 대해서도 다시한번 생각해 보는 계기가 되었다.
fetch함수 목데이터 과제를 하게 되면서 fetch함수에 대해 알게 되었다.
이전에는 클릭시 스타일만 변경하는 방법을 작성하였다. 하지만 홈페이지를 보면 하나만 클릭했을시 하나만 불이 들어온다거나 하나만 스타일이 변경되어야 한다.
fetch함수. 프로젝트를 진행하면서 백엔드와 소통하기 위해 (정보를 받고 전달해주기 위해서 ) 많이 사용하게 되었다.
클래스형 컴포넌트를 사용하게되면 this.state 값을 주며 setState를 이용하여 값을 변경하게 된다.
팀프로젝트를 진행하면서 동적라우팅 세션을 듣게 되었다. 그 당시 팀 프로젝트로 바쁘기도 해서 정확히 이해하지는 못하고 팀프로젝트에서 사용하면서 익혀나갔었는데 팀프로젝트가 종료되고 지금 다시 천천히 정리해보면서 벨로그를 작성하게 되었다.
팀 프로젝트를 하면서 깃(git)을 많이 사용해서 많이 익숙해 지게 되었다.
코드를 깔끔하게 작성하기 위해서는 많은 방법이 있다