이 페이지는 유저 Authentication 에 관한 모든 기능들을 구현 하는 내용이며, 로그인의 경우 일회용 비밀번호를 제공하여 로그인 하는 방식이 될것이다. 그래서, token 활용, Twillo, Sendgrid, 등에 대한 내용이 포함되어 있다.
기존 코드를 보면 type을 선언할때에 key: string: any; 로 모든 props 를 받아 올수 있게 해둔것이 있다. 이것을 통해 그냥 사용할수 있지만, 여기서는 새로 변수를 할당하여 구현 할것이다.이를 통하여 이전 페이지에서 다뤘던 React hook for
React Hook Form 은 Input validation, form submit, error 등을 쉽게 핸들링 할수 있게 해주는 package 이다. 또한, input validation 같은경우에 inspctor 페이지에서 validation form을 user
Prisma는 node.js와 ttypescript ORM(Object Relational Mapping) 이다. 하는 역할은 쉽게 이야기해 js 또는 typescript 와 데이터 베이스 사이에 연결해주는 역할을 한다. 또한, prisma studio(database
이 페이지에서는 각 웹 페이지에 자주 쓰이는 요소들을 어떤 식으로 컴포넌트화 하는지, 어떠한 팁들이 있는지 적어낼 것이다.먼저, 버튼의 경우 많은 페이지에 쓰이기 때문에 여러 형태의 버튼들을 컴포넌트화 시켜야 한다.components/button.tsxpoint : 크
이 페이지에는 Carrot market UI Cloning에 대한 노트 이다.무엇보다 Tailwind 사용으로 인하여 코드의 가독성이 떨어짐으로 가독성 관리에 대한 내용들이 주를 이룰 것이다. useState 2개 이상의 초기값 설정 방법.pages/enter.tsx위
사람마다 CSS 스타일링 방법이 다르겠지만, 개발 경험이 있는 개발자들에게 공통 되어지는 스타일링 방법은 있는것 같다. 예를들어, 어떤 elements들의 구조를 어떻게 나눌지에 대한 고민 이라던지, 어떤 스타일을 어떻게 적용하는지, 어떤 계열의 컬러 또는 명암 정도를
Carrot market 수업(by Nomadcoders)을 다 듣고, 모르는것, 알아야 될것 등 모든걸 내것으로 만들겠다는 마음에 시작 하게 되었다. 이 Carrot market 정복 노트 게시글들은 내가 잊지 말아야할 내용들을 담을 것이다. TypeScript :