`프론트엔드 개발자` 개형이의 벽돌집

1. describe 테스트를 구성하는 가장 큰 틀이다. Jest에서 테스트를 구성하는 방식과 동일하다. describe('나의 테스트', {testIsolation: false}, () => { // 나의 테스트 }) 🛑 testIsolation 옵션: 기본적으로 테스트는 테스트간 독립성을 보장해서 클린하게 유지해야 한다. 다만 해당 옵션을 false로 두면 테스트 간 독립성을 해제하고 describe 블럭 안의 테스트끼리는 연관성을 가지게 될 것이다. 2. it describe 안에서 독립적으로 실행될 테스트 단위이다. it 블럭 안에서 한 기능에 대한 테스트를 수행하면 된다. 이 역시 Jest에서 테스트를 구성하는 방식과 동일하다. it('나의 테스트 첫번째', () => { // 나의 테스트 첫번..

현재 내가 담당한 프로젝트에서는 React를 사용하고 있는데, 특정 컴포넌트를 사용할 때 콘솔에 아래 에러가 나오고 있었다. Warning: React does not recognize the `{넘겨준 props}` prop on a DOM element. If you intentionally want it to appear in the DOM as a custom attribute, spell it as lowercase `{넘겨준 props를 소문자로한 이름}` instead. If you accidentally passed it from a parent component, remove it from the DOM element. 동작엔 문제가 없었고 콘솔에만 에러가 찍혔지만 찝찝하니까 해결을 하기..

현재 내가 투입된 프로젝트에는 Axios를 사용하고 있었고 Axios Instance의 Interceptors를 사용하여 에러 처리를 하고 있었다. 그런데 나는 특정 에러를 받았을 때 화면에 기존 에러가 발생했을 때와 다른 팝업을 띄우고 싶었는데, 현재 짜여진 코드 상으로는 그게 불가능했다... (모든 에러는 같은 식으로 처리됐다) 그래서 특정 에러 발생에 대한 처리를 추가해주는 코드를 Interceptors에 추가해보기로 했다! 1. 현재 코드 구조 // Api 호출 함수 static async getApi(requestParameters: requestType): Promise { const requestConfig: AxiosRequestConfig = { url: '/~~~', method: 'G..

오늘은 const에 대해 학습해볼 것이다. 자바스크립트로 개발을 하다보면 변수 선언을 const로 자주 사용하는데, 상수는 안변하고 잘 버티는데 객체는 값이 변경되는 것을 경험한 적이 있다. 이 부분에 대해 학습해보자! 1. 변수와 재할당 자바스크립트에서는 주로 let과 const로 변수를 선언한다. 변수에 대한 설명은 굳이 적지 않겠다. let 키워드를 사용하여 변수를 선언하면, 변수 안에 들어있는 값 (참조한 글을 봤을 땐 변수가 가리키는 데이터라고 표현하는 것이 더 정확할 듯)이 변할 수 있다. 사실상 "변수"라는 단어 표현에 맞게 변할 수 있는 것이다. 반면, const 키워드를 사용하여 변수를 선언하면, 변수 안에 들어있는 값은 변할 수 없다. 우리는 그래도 "변수"라고 표현하고 있지만... 더..