Dev갱이 Dev갱이

Choose an appointment time: input의 type time을 사용 했을 때 30분 간격으로 선택지를 주거나 할 때 step이란 속성을 주면 된다고 나와있지만 실제로 사용 해보면 정상적으로 동작하지 않는다. react-date-picker에서 showTimeSelectOnly 옵션을 활용하여 재사용 컴포넌트 time-picker 생성interface Props> { control: Control; name: Path; validationOptions?: Omit>, 'valueAsNumber' | 'valueAsDate' | 'setValueAs' | 'disabled' >;}const TimePicker = >(props: Props) => { const { control, n..

Reference- (https://github.com/naver/passport-naver)- (https://github.com/rotoshine/passport-kakao)- (https://orangebrother.dev/blog/%08nestjs-google-oauth-passport)- (https://github.com/nestjs/passport/blob/master/lib/passport/passport.strategy.ts) NestJS에서 naver로그인과 kakao 로그인을 구현 할때 다운로드 수 와 게시글들을 비교 했을때 선택할 수 있는 라이브러리지만 9년전에 만들어 졌고 typescript를 지원하지 않는 라이브러리라 따로 @types를 설치 해주어야 한다.문제 1 NestJS에..

return ( {IntroductionData && IntroductionData.list[0] && ( {isTourist(IntroductionData.list[0]) && ( )} {isCultural(IntroductionData.list[0]) && ( )} {isFestival(IntroductionData.list[0]) && ( )} {isTourCourse(IntroductionData.list[0]) && ( )} {isLepo..

1. 특정 개념 정리 하거나 꼭 읽어볼려고 했던 아티클을 뒤로 미루지마라절대 나중에 봐야지 나중에 안본다. 해당 url 링크들만 계속 쌓일것이다. 2. 나중에 Refectoring 해야지 하고 TODO 주석 같은거 붙여 두지마라.지금 당장 시간을 쏟아서 할려고 했던 코드 리팩토링이던 추가 해야 될 작업을 당장 해라. 나중엔 TODO 주석을 보고 뭔지도 기억 안난다.

mac os Sonoma 14.5 버전 기준brew tap --repair/bin/bash -c "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/HEAD/install.sh)" 해결!  다른 문제 발생pyenv install 3.7.6 설치가 안됨. configure: error: Unexpected output of 'arch' on OSX 비슷한 오류들이 2021 2022 나오는거 보면 맥 os 버전업 될때마다 이런 에러 계속 나오나보다. python 공홈에서 최신 버전을 찾아서 설치 해보았다. pyenv install 3.12.4 20240719 기준 최신버전 ModuleNotFoundError: No module named '_l..

상태 값에 this._변수명 으로 짓는 이유class Person { constructor(name, age) { console.log("여기 실행"); this.name = name; this.age = age; } get age() { return this._age; } set age(value) { console.log("setter 호출"); this.age = value this._age가 아니라 this.age로 상태 변수를 지정 해두면javascript에서 setter를 호출하는 방법은user.age = -1 이다결국 const user = new User("hello", "world", -1);는set함수는 value값으로 user.age값을 자..

Typescript에서 class dto에서 기본 타입만 사용하고 있습니까string, boolean, number ...  특정 객체로 직렬화와 저장 할때 다시 역직렬화code snippet으로 꼭 구현 해야 되는 구현체를 implements 받아서 구현 룰을 정해야됨.custom guard나 custom pipe 같은 느낌으로이름은 뭐라 할지 모르겠는데 해당 기능을 필요할때마다 조금 머리속으로 생각해서 guard pipe 느낌으로 네이밍 규칙 부여하고 export class `${클래스명}``${머라할지prefix}` implements `${구조를 정의하는 구현체}` { constructor(private readonly groupEventsService: GroupEventsService) {} ..

외부에서 받은 response 결과가 리터럴 객체라서 추가 가공은 별도의 함수에서 처리 해야 하는데 이로 인해 상태와 행위가 따로 노는 응집력이 떨어지는 코드가 된다.그래서 class-transformer를 이용하여 클래스 인스턴스화 하여 받은 값 가공 로직을 클래스 내부에 둔다면 상태와 행위가 한 곳에 있는 응집력 있는 코드가 된다. 1. @Expose 데코레이터로 카멜케이스 스네이크2. @Exclude 데코레이터로 특정 필드 제외3. @Type 데코레이터로 중첩 객체 변환4. @Transforemr 데코레이터를 이용한 데이터 가공     Reference- (https://jojoldu.tistory.com/617)