728x90 분류 전체보기66 React Form event type (feat. 타입 단언 as) Form Event type 우리는 로그인이나 포스팅 등의 화면을 만들어줄 때 클라이언트가 입력하는 데이터를 입력받는 방법 중 하나로 onChange 등의 FormEvent를 이용해 원하는 값을 추출할 수 있다. 이때 이벤트 타입은 아래와 같이 사용될 수 있다. import { FormEvent } from "react"; export type FormEvents = FormEvent; export type InputEvent = FormEvent; export type LabelEvent = FormEvent; react에서 FormEvent 타입을 받아오고, 해당되는 element를 제네릭 타입으로 넣어주면 된다. onChangeHandler const [formData, setFormData] = .. 2023. 4. 13. Markdown 문법 정리 1. headers # 으로 시작하는 텍스트로 1-6개 가능 (h1 ~ h6) # h1 ## h2 ### h3 #### h4 ##### h5 ###### h6 2. 구분선 --- 이나 *** 를 통해 구분선 생성 가능 *** --- 3. 줄바꿈 줄을 바꿈 4. 강조 기울여쓰기(italic) : * 또는 _로 감싼 텍스트. 두껍게 쓰기(bold) : ** 또는 __로 감싹 텍스트 취소선 : ~~로 감싼 텍스트 _기울여쓰기 1_ *기울여쓰기 2* **두껍게 1** __두껍게 2__ 5. 인용 > 로 시작하는 텍스트로 >>>와 같이 3개까지 사용 가능 > 인용문 > > 3개까지 > > > 사용 가능 6. 리스트 리스트는 Tab을 통해 목록 안의 목록 생성 가능 순서가 없는 목록 *, +, -를 통해 순서가 없.. 2023. 3. 31. [Github] 깃허브 토큰을 이용한 GithubAPI 사용 본 포스팅은 NextJS 13 환경에서 진행한 내용을 바탕으로 한다. GithubAPI 사용법은 공식 문서에 상세히 나와있기 때문에 사용법보다 토큰 만료 문제를 주로 다룬다. GithubAPI란? Github의 기능을 REST API 형식으로 사용할 수 있도록 도와주는 기능이다. https://docs.github.com/en/rest?apiVersion=2022-11-28 GitHub REST API documentation - GitHub Docs To create integrations, retrieve data, and automate your workflows, build with the GitHub REST API. docs.github.com 아래와 같이 사용할 수 있는 기능이 많다. 1. .. 2023. 3. 31. [CSS] 배포 사이트에 다운로드 폰트 적용하기 기본적으로 CSS에서 제공하는 폰트가 마음에 들지 않거나 내 프로젝트에 어울리지 않는 경우 간단하게 다운로드한 폰트를 프로젝트에 적용해볼 수 있다. 1. 폰트 다운로드 우선 마음에 드는 폰트를 다운받는다. https://fonts.cafe24.com/ 카페24 상업용 무료 폰트 다운로드 - 카페24 라이선스 걱정 없이 어디서나 사용할 수 있는 상업용 무료 폰트 fonts.cafe24.com 무료 폰트 사이트는 찾아보면 많이 있으니 참고하면 좋다. 2. 프로젝트에 파일 복사 위와 같이 다운로드한 폰트를 작업중인 프로젝트에 넣어준다. 필자는 styles/fonts/**.ttf 와 같이 저장해줬다. 3. CSS 설정 @font-face{} 를 이용해 불러올 폰트를 설정해준다. /* global.css */ @.. 2023. 3. 31. 이전 1 2 3 4 5 6 ··· 17 다음 728x90
