프런트엔트 놓치기 쉬운 부분 체크

프론트엔드에서 가장 중요한데 가장 안하는거

<aside> <img src="https://prod-files-secure.s3.us-west-2.amazonaws.com/a8558d6b-13fd-4534-a5c9-2bf88f7ce90d/39ce8c97-8359-48b9-935a-20ddded4f220/레트로_30.ico" alt="https://prod-files-secure.s3.us-west-2.amazonaws.com/a8558d6b-13fd-4534-a5c9-2bf88f7ce90d/39ce8c97-8359-48b9-935a-20ddded4f220/레트로_30.ico" width="40px" /> 프런트엔트 개발 시 고려해볼 사항

• 로딩 모션
• 브라우저 성능에 따른 동작 확인
  • 브라우저 성능 테스트 [ F12(개발자모드) → Performance → CPU 조정해보기 ]
• 청각/시각 장애 서비스
  • 이미지 주석 달기 : alt = “”
• react 동작 사용 시 뒤로가기 페이징 문제
• 단축키 먹통
  • ctrl + 클릭 [ 새창으로 열기 ]
• 화면 비율에 따른 출력 </aside>

초성검색

개발자들은 한글이 밉다 1. 초성검색편

<aside> <img src="https://prod-files-secure.s3.us-west-2.amazonaws.com/a8558d6b-13fd-4534-a5c9-2bf88f7ce90d/39ce8c97-8359-48b9-935a-20ddded4f220/레트로_30.ico" alt="https://prod-files-secure.s3.us-west-2.amazonaws.com/a8558d6b-13fd-4534-a5c9-2bf88f7ce90d/39ce8c97-8359-48b9-935a-20ddded4f220/레트로_30.ico" width="40px" /> 초성 검색 해결 방법

1. ㄱ이 초성이 나오는 문자의 끝과끝에서 비교
   1. ‘가’ < 어떤문자 < ‘깋’ ‘가’.charCodeAt(0) < 어떤문자의 유니코드 < ‘깋’.charCodeAt(0)
2. 정규식 사용하기
   1. /[가-깋][나-닣]/.test(어떤문자열)
3. 초성만 따서 미리 데이터베이스에 따로 저장하기
4. es-hangul 라이브러리 사용하기
   1. 토스 사내에서도 쓰는 라이브러리
   2. 자동 조사 붙이기도 있다고 함 </aside>

뭐하러 굳이 1. 을ㅋㅋ

Word Embedding

요즘 7살도 추천서비스 만들수 있는 이유

Embedding 이란 무엇인가 이해하기