Light
Dark
1. Suspense Component 👩💻 Suspense 는 React 가 제공하는 Wrapper Component 로 children의 로딩이 끝날 때까지 렌더링 할 대체 컴포넌트를 fallback으로 제공하는 컴포넌트로 기본 Syntax 는 다음과 같다. <Suspense fallback={<Loading /... Read More
1. Mock Server 👩💻 프론트엔드나 앱 개발을 하다 보면 항상 문제가 API 개발이 되어있어야 실제 개발을 진행할 수 있다는 것이다. 회사에서 근무할 때 풀스택으로 일했기 때문에 내가 서버 DB 테이블도 만들고, 서버 API 도 만들고, 프론트엔드 화면도 만들어서 사실 DB -> 서버 -> 화면 순으로 만들면 됐지... Read More
1. console.assert 👩💻 JavaScript 를 사용하든, TypeScript 를 사용하든 테스트 코드를 작성할 때 Jest, Vitest와 같은 서드파티 라이브러리를 설치하곤 했다. 문제는 서드파티이다보니 프로젝트 설정이나 다른 라이브러리에 종속성을 가져 테스트 코드를 돌려보기 위해 라이브러리가 잘 돌아가는지 테스트를 해야하는 아이러... Read More
1. Eric Meyer’s CSS reset 👩💻 브라우저마다 기본 스타일이 다르고, 불필요한 스타일도 많아서 가급적이면 리셋 시켜주는 것이 스타일을 작성하기 쉽고, 크로스 브라우징에 도움을 준다. 이것을 Reset CSS 라 하는데 대부분의 Reset CSS 는 Eric Meyer가 제시한 것을 기준으로 하고 있다. 2. Creat... Read More
1. One Child 👩💻 1. Problem <section class="container"> <div class="child child-1"></div> </section> .container { border: 4px solid #a00; box-sizing: border-box; width... Read More
Hogwarts