일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | ||||
4 | 5 | 6 | 7 | 8 | 9 | 10 |
11 | 12 | 13 | 14 | 15 | 16 | 17 |
18 | 19 | 20 | 21 | 22 | 23 | 24 |
25 | 26 | 27 | 28 | 29 | 30 | 31 |
Tags
- 수학
- REACT
- JavaScript
- 기본 문법
- styled-components
- 코딩일기
- poiemaweb
- js
- 토이 프로젝트
- 티스토리챌린지
- three.js
- 엔트리포인트
- 구현
- Next.js
- 회고
- 개발 회고
- 해시를 사용한 집합과 맵
- 시뮬레이션
- 백준
- 브루트포스
- 프론트엔드
- 자바
- react-three/fiber
- 모던 자바스크립트 튜토리얼
- 오블완
- State
- HTML5
- 자료 구조
- 자바스크립트
- 세그먼트 트리
Archives
- Today
- Total
목록if-else (1)
코딩하는 고릴라

⏰ WHY로그인 여부에 따라 페이지 접근 시 라우팅 할 LoginGuard 컴포넌트 내에서 if - else 문을 활용해 코드를 작성했었습니다.이는 가독성 측면에서 좋아보이지 않아 최근에 학습한 lookup table 패턴으로 보다 유지보수가 용이한 코드로의 리팩토링을 시도해보았습니다. 🦍 WHATLookup table? - 객체 내에 조건을 key로, 실행시켜야 할 함수를 value로 하여 if문 순회 없이 조건에 부합했을 때의 함수를 O(1)에 실행시킬 수 있도록 하는 디자인 패턴 초기 코드 먼저 lookup table 패턴과는 무관하지만 배열 형태로 되어 있는 loginLimitPath 를 set 형태로 변환해 경로를 체크하는 로직의 시간 복잡도를 O(n) 에서 O(1)로 줄였습니다. 다음으로는..
Project/Bridgetalk
2024. 6. 8. 23:20