Yup
Yup Yup은 Form validation을 위한 라이브러리이다. Gist of Yup 를 생성 → 우리가 의도한 스키마와 닮아있는 객체를 생성한다. 을 통해 데이터 객체가 이 스키마와 매치되는지 확인한다. ⇒ 이 2가지 과정을 통해 Validation을 진행한다. A Schema Object…
Next.js - Basic
Next.js 튜토리얼을 접하며 중구난방으로 적은 내용입니다. Route Next에서 기본적으로 라우팅을 하는 법은 pages/ 디렉토리에 파일을 생성하는 것이다. 그 파일 이름을 기준으로 고정 url을 갖는다. (e.g. pages/events -> url이 events, pages/index -> url…
Flexbox - item 속성
flex items 속성 컨테이너의 자식들, 즉 flex item들이 갖는 주요한 속성은 이렇다. 부모인 컨테이너의 주요 속성은 전 포스팅 에서 다루었다. flex-grow…
Flexbox - 컨테이너 속성
CSS로 레이아웃을 짤 때 반응형 웹을 만들기 위해 많이 사용되는 것이 Flexbox이다. Grid도 있지만 아직은 Grid를 지원하지 않는 브라우저가 좀 더 많고, Flexbox…
타입스크립트 - 타입 가드
내장 타입 가드 TS 독스에서는 타입 가드에 대해 이렇게 설명한다. Some expression that performs a runtime check that guarantees the type in some scope. 여기서 중요한 건 라는 말인데 if 문을 통해 타입을 분기하면, 코드가 실행될 때 그 if…