반응형 개발 팁 정리14 [React] 뒤로가기 방지 [React, Next.js] 뒤로가기(이전 페이지 가기) 방지 const preventGoBackHandler = () => { history.go(1); }; useEffect(() => { window.addEventListener("popstate", preventGoBackHandler); return () => { window.removeEventListener("popstate", preventGoBackHandler); }; }, []); history.go를 이용해 뒤로가기를 막는 효과이다. * 사실 뒤로가기 자체를 막는 로직은 아니고 뒤로가고 앞으로 오는 로직이지만 UX적으로는 현재 페이지에 머물러 있는다. hisyoty.go 2023.02.12 - [분류 전체보기] - [js] his.. 2023. 2. 12. [개발용어] Nullable(?) Nullable = 너러블 타입, 널이 가능한, 값이 없을 수도 있는 단순히 null이 가능한 타입으로 명시해주는 방법으로 다양한 언어 및 프레임워크에서 ?로 제공한다. 변수 int? number; 변수 number가 가질 수 있는 값은 ?가 없다면 int 타입이지만 ?가 있다면 null도 가능하다. 클래스의 속성 export class User { name: string; team?: string; } ?로 인해 여기서 name은 필수값(required), team은 선택값(optional)_(nullable하기 때문)이다. -> 실제로 NestJS에서 사용할 때는 위에 데코레이터(@)로 타입, 필수 여부 등이 명시적으로 작성되어 있다. 객체(json 타입)의 접근자 변수 name은 user.name이.. 2023. 2. 6. [js] ?? Mark(QQ Mark_Question Question Mark) const nowData = getData ?? initData console.log(nowData); getData는 외부에서 get 방식으로 받아오는 data (외부에서 받아오는 데이터) initData는 getData가 없을 시에 대신 초기화 해주는 데이터라고 했을 때, nowData를 콘솔로 찍을 때 * getData가 있을 때는 nowData에는 getData가 할당 * getData가 없을 시에는 initData가 nowData에 할당 위 코드와 똑같이 동작하는 코드들 1. 3항 연산자 사용 const nowData = getData ? getData : initData; console.log(nowData); 2. 조건문(if문) 사용 let nowData = ""; if(getData) {.. 2023. 2. 3. [NestJS] "," 로 split하여 DB에서 속성값 2가지 이상 읽어오기 [NestJS] "," 로 split하여 DB에서 속성값 2가지 이상 읽어오기 ($or, $in 사용) doc: Partial fParams: Parameter for find // 속성값이 다를 때 유용한 방법 $or사용 if (doc['property1'].includes(',')) { let variable = fParams.filter.variable.split(','); fParams.filter[`$or`] = [ { property1: variable[0] }, { property1: variable[1] }, ], fParams.filter = fParams.filter; } // 속성값이 같을 때 유용한 방법 $in사용 if (doc['property1'].includes(',')) { .. 2023. 2. 2. 이전 1 2 다음 반응형