MSW로 완전 쉽게 Mock API 가져오기
1. 프론트엔드 개발 과정의 현실 보통의 개발 프로세스는 요구 사항 및 기획 → API 설계 → API 패칭 단계로 이뤄지면서 자연스레 프론트엔드 개발 작업은 가장 마지막까지 이뤄졌습니다. 시간이 아주 널널하다면 문제가 없겠지만 각박한 현실은 그렇지 못합니다. 백엔드 개발과 프론트엔드 개발이 병렬적으로 진행되기 위해 프론트단에서는 화면 퍼블리싱을 먼저 하고 있는다던가, 더미 데이터를 만들어 먼저 화면에 뿌려본다던가 어떻게든 개발 기간을 줄이기 위해 발악해 보지만… 위험은 언제 어디서든지 도사리고 있습니다. 기획이 바뀐다든지… API 설계가 바뀐다든지…. 2. 기존의 Mocking 기존에는 저는 화면에 필요한 데이터 상태의 더미 데이터를 내부에 직접 넣어 화면을 먼저 그렸습니다. 이러한 방법은 빠른 시간 ..
React 공식문서 읽기1
리액트 공식문서 주요 개념 1~12장 1. JSX - React "엘리먼트(element)"를 생성한다. - JSX의 {중괄호} 안에는 유효한 모든 자바스크립트 표현식을 넣을 수 있다. - JSX 또한 표현식이다. 컴파일이 되고 난 후 자바스크립트 객체로 인식된다. - HTML 보다는 JavaScript에 가깝기 때문에 React DOM은 camelCase 프로퍼티 명명 규칙을 사용한다. - JSX는 주입 공격을 방지한다 // 주입공격 = XSS React DOM은 JSX에 삽입된 모든 값을 렌더링하기 전에 이스케이프 하므로, 애플리케이션에 명시적으로 작성되지 않은 내용은 주입되지 않습니다. 이스케이프(Escape)란? 특정 문자를 원래의 기능에서 벗어나게 변환하는 행위 ex) & -> & 띄어쓰기 ->..