React
-
실무에서 쓰는 유용한 타입스크립트 5가지카테고리 없음 2023. 5. 10. 16:12
Without falsy 배열을 인수로 받아, null, undefined, false와 같은 Falsy 값이 제외된 배열을 반환합니다 function withoutFalsy(arr: T[]) { return arr.filter( (value): value is Exclude => !(value === null || value === undefined || value === false) ); } const items = [1, null, undefined, 3, 0]; // (number | null | undefined)[]; const numbers = withoutFalsy(items); // number[]; Merge type 두 개의 타입을 병합하여 새로운 타입을 생성합니다. type Merg..
-
Vue 개발자가 React로 사이트를 만들어 보았다카테고리 없음 2020. 1. 9. 19:04
들어가며 이용하는 서비스마다 비밀번호 규칙이 달라 오랜만에 접속하는 서비스는 비밀번호를 잊어버려 패스워드를 재설정하는 일이 빈번하게 발생했다. 명색이 개발자인데 서비스를 이용하는데 불편하면 안 되지 해서 패스워드를 관리하는 사이트를 만들기로 결심했다. 기능 정리 비밀번호를 관리하는 데 있어 제일 중요한 부분은 보안이다. 인터넷상에 비밀번호를 그대로 저장하는 것은 위험하니 비밀번호를 암호화 후에 필요할 때마다 복호화하는 기능과 아무나 내 비밀번호 리스트를 보이면 안 되니 로그인 기능이 필요했다. 필요한 페이지는 로그인, 새로 만들기, 목록, 수정/삭제의 4개의 페이지만 필요했고, Database, Auth는 Firebase로 구현했다. create-react-app my-password --template..