본문 바로가기

react2

[React] Mock Server 세팅 (MSW) 이전에 나름대로 Mock Server를 만든 적이 있었다. 사실은 json을 대강 만들고 json-server를 사용해서 get 요청만 처리해주는 역할로다가 사용했다. API 개발을 백엔드 개발자에게 일일히 요청하지 않아도 되어 편리했다. 하지만 post 요청을 처리하지 못한다는 문제가 있었다.  mock server가 필요한 이유 중 하나는 서버 컨디션에 상관없이 프론트엔드 개발이 가능한 점이다. 현재 서버개발자가 서버 구조를 바꾸느라 잠시 서버를 꺼놓았는데, 그로 인해 작업이 스탑됐다. 따라서 mock server를 만들어 개발을 진행하고자 한다. 또, 회원가입, 로그인 요청에 대해서도 향후 테스트코드를 돌릴때도 유용하다. 예시를 들자면 회원가입 UI가 정상적으로 동작하는지 알아보려고 하는 상황이다... 2022. 10. 14.
[React] 불변성을 유지하며 객체 변경하기 react 하면 불변성입니다. 코드를 짤 때 '불변성을 지켜야 한다' 라는 말을 많이 들어봤을 거에요. 불변성이 왜 중요할까요? 1. 원본 데이터의 보존이전 자바스크립트의 원시 값과 객체에 대해 정리할 때, 객체를 할당한 변수는 주소를 저장한다고 노트했습니다. (참고 : https://pearjam.tistory.com/7?category=535826) 즉, 주소를 저장하기에 해당 객체의 수정이 일어나면 그 객체를 참조하던 변수들은 고스란히 변경된 값을 반영하고, 알 수 없는 에러가 발생할 수 있습니다.예시const mathClassStudents = ['Kim', 'Lee'] //수학 수업을 듣는 학생 명단const englishClassStudents = mathClassStudents //영어 수업.. 2022. 9. 28.