리액트

    코드숨_React _4주차_주간회고

    Facts (사실, 객관) 코드숨 4주차 강의 듣기 과제1: To-do 리스트 Redux를 사용하여 리팩터링 하기 과제2: 레스토랑 정보 확인 및 예약 시스템 구축하기(TDD로 기능 구현) Refactor: 투두리스트 with 바닐라 자바스크립트 Feelings (느낌, 주관) 커리큘럼 구성이 좋다고 느끼고 있다. 리덕스를 활용하여 실습해보니 상태관리에 많은 이점이 있었다. 관심사도 더 잘게 분리되어, 코드의 가독성도 좋아졌다. 3주차에 이어 지금까지 계속 분리될 수 있다는 것이 놀라웠다. 지난 주 작성한 과제에 리덕스를 적용했다. 컴포넌트를 presentational과 container로 분리해주면서 테스트도 더 늘어났다. 리듀서 테스트에서 이벤트 발생에 따라 액션이 생성되고 상태가 변경되는지 테스트하..

    코드숨_React _3주차_주간회고

    Facts (사실, 객관) 코드숨 3주차 강의 듣기 과제: To-do 테스트 작성하기 Feelings (느낌, 주관) 처음으로 테스트 코드를 작성해봤다. 리액트 테스팅 라이브러리와 jest를 활용해서, 지난 과제였던 To-do 앱에 대한 테스트를 작성하는 과제가 주어졌고, 단순히 강의를 듣는 것만으로는 어려운 점이 많아 인터넷 자료를 참고할 수 밖에 없었다. 처음에는 각각의 컴포넌트 안에서 어떤 내용을 테스트해야 하는지 결정하는 것이 어렵게 느껴졌고, 나중에는 이 테스트에는 어떤 matcher를 활용해야 하는지, jest로 생성한 가짜 함수를 어느 정도까지 활용할 수 있는지에 대한 의문이 생겨나기도 했다. TDD는 프로젝트의 시작 단계에서부터 적용하는 일종의 방법론인 만큼, 자유자재로 내가 원하는 기능을..