회고

코드숨 리액트 7주차 회고

코드숨 리액트 과정에서 이번 7주차는 로그인에 대해 공부했다. 실제로 로그인 기능을 구현해보는 시간이였는데, 로그인 페이지에서 email과 password를 입력하면 입력값을 redux에 저장하고, 로그인 버튼을 누르면 redux에 저장한 값을 바탕으로 postLogin 액션을 dispatch 시켜서 실제 서버의 응답을 받아 데이터베이스에 존재하는 회원이라면 accessToken을 발급받아 redux에 저장한다. 이 accessToken을 localStorage와 redux에 저장함으로써 리뷰 작성과 같이 로그인이 필요한 기능을 사용할 때, accessToken으로 실제 회원인지 아닌지 인증할 때 활용하며 페이지를 새로고침 할 때마다 로그인 정보를 날아가지 않도록 하는 법을 배웠다. 과거에 로그인 정보를..

코드숨 리액트 6주차 회고

코드숨 리액트에서 이번 6주 차는 react-router-dom을 이용한 라우팅을 배웠다. 과거 react-router-dom을 이용하여 여러 페이지를 구현할 때, 바뀐 부분만 다시 렌더링 하는 React의 장점을 활용하지 못하고 페이지 전체를 렌더링 하는 문제를 겪은 적이 있어서 라우팅 수업에 대해 갖는 기대가 컸었고, 실제 강의를 들으며 그 문제에 대한 해결 방법을 얻어갈 수 있어서 좋았다. 강의를 들으면서 비동기와 리덕스 테스트를 진행하면서 겪은 어려움들 때문에 라우팅 테스트에 대한 걱정도 많았었는데 실제 라우팅 테스트는 비동기와 리덕스 테스트보다 수월했고 앞으로는 시작하기 전부터 너무 겁먹지 말아야겠다는 생각을 하게 되었다. 또한, 개발하면서 겪는 에러에 대해 조금 더 체계적으로 해결하는 법을 배..

코드숨 리액트 5주차 회고

5월 29일부터 달이 바뀌어 6월 5일까지 코드숨 리액트 5주차가 끝났다. 이번 주는 비동기라는 주제로 과제를 진행하면서 비동기 이외에도 Github Commit 메시지 작성하기와 같이 여러 가지 배워가는 것들이 많았다. 하나하나 천천히 회고해보자. 비동기 내가 지금까지 배운 내용은 모두 동기 방식이었다. 하지만, 앞으로도 동기만을 사용하기엔 서버 API와 같이 처리 시간이 긴 작업을 하게 되면 사용자는 아무것도 못하게 된다. 그렇기에 서버 API를 요청에 대한 응답을 기다리면서 다른 행동을 할 수 있는 것이 비동기이자 비동기의 핵심 장점이다. 이 비동기와 함께 redux를 사용하고 이 사용하는 것을 테스트 코드를 작성하는 과정이 쉽지 않았었는데 그래도 하나하나 차근차근해보자라는 마인드로 나아가니 해낼 ..

코드숨 리액트 4주차 회고

정규 교육 과정 8주차 중 4주차, 벌써 절반이 지났다. 주차가 지날수록 난이도는 점차 올라가며 잘 따라가려면 더더욱 열심히 정진해야겠다는 생각이 들었던 한 주이다. 코드숨 리액트 4주차 Redux. React는 UI만 관리하도록 하고 상태 관리는 다른 친구가 하도록 하는 거에서부터 출발하여 Redux를 배우게 됐다! 사실 처음 배울 때는 확실히 난이도 있다고 생각했다. Redux에서 상태값은 오직 action에 의해서만 변경되어야 하며 reducer에서 이전 상태와 이 action 객체를 받아 새로운 상태를 반환해주고, Redux의 상태값은 store라는 객체에 저장된다. 여기에 더하여 action type, action creator, dispatch와 같은 용어들의 개념도 알고 있어야 하며 Redu..