openapi-typescript-codegen 을 활용한 api response type 자동화
Apr 22, 2022
·Web Front-end Developer. / javascript, typescript, react ...
yesroad
Korea
- TypeScript로 프론트엔드 개발 작업시 백엔드에서 내려주는 API의 응답 값에 대하여 타입을 지정해줘야 합니다. 필요한 타입을 지정 하는 대서 생기는 귀찮음을 조금이라도 덜어낼 수 있도록 자동화하는 방법을 간략하게나마 소개해드립니다. opena…
Next.js 에서 a태그(Link) 사용
Link pages 폴더 내부에 있는 파일들의 이름을 기준으로 자동으로 페이지가 생성이 된다. 폴더 구조 Next Link 사용 SPA 에서의 Router 와는 다르게 next에서 제공하는 를 사용한다. passHref 는 next Link에서 …Apr 13, 2022·Jenkins 를 통한 React 자동배포(CI/CD)
1. 젠킨스 아이템 생성 Enter an item name 프로젝트 명 입력 Freestyle project 선택 2. 테스트 구성 세팅 2-1. 소스코드 관리 Repository URL 해당 Repository URL 입력 Credentia…Mar 24, 2022·Jenkins에 Node 설치하기
1. NodeJs 플러그인 설치 설치 가능 탭에서 확인 가능합니다. 2. NodeJs 빌드 설정 해당 화면에 접속헤서 NodeJs 항목을 찾습니다. Name 표기할 nodeJs 이름 작성 Install from nodejs.org Vesion…Mar 23, 2022·React + typescript 환경에서 swiper 커스텀하기
Swiper 에서 커스텀을 위한 방법 React에서는 라는 Hook 이 있는데, Swiper는 ref에 대한 type interface가 지정되어있지않아서 에러가 뜨게된다. Swiper에 내장되어 있는 onSwiper 를 사용하여 커스텀이 가능하다.…Dec 01, 2021·React Typescript 환경에서 Swiper 사용하기
Swiper 리액트 프로젝트에서 슬라이더를 쉽게 구현할수 있도록 도와주는 모듈. React Swiper 사용법 Swiper Demos npm React Swiper 설치 swiper 는 추가 패키지 설치 없이 typescript 지원이 된다. cr…Nov 20, 2021·Object is possibly 'undefined'. (TS2532)
Object is possibly 'undefined'. (개체가 'undefined'인 것 같습니다.) 에러가 나는 이유 TS가 판단하기에 객체가 비어 있을 수도 있을수도 있는데, 해당 객체의 내부 값을 사용하려고 하기때문이다. 예시 작업시 해당 …Oct 09, 2021·React Typescript 환경에서 Slick 사용하기
Slick 리액트 프로젝트에서 슬라이더를 쉽게 구현할수 있도록 도와주는 모듈. npm React Slick React Slick 홈페이지 슬라이드 종류 설치 creact react app typescript 설치 slick slider 설치 : …Sep 10, 2021·Javascript - 배열(array) 2편
배열(Array) 1편 - Array, length, indexOf, sort, reverse, toString, join, concat, some, every unshift, push, shift, pop, splice, forEach, map, …Jul 21, 2021·Javascript - 배열(array) 1편
Array, length, indexOf, sort, reverse, toString, join, concat, some, every Array JavaScript Array 전역 객체는 배열을 생성할 때 사용하는 객체입니다 배열의 순번은 0 부터 …Jul 20, 2021·