FRONT
1.HTML정리
HTML정리 1 - 자주 사용되는 태그
2023년 3월 12일
2.css정리
css정리 1 - 선택자
2023년 3월 16일
3.css정리 2
css정리 2 - scroll-bar
2023년 3월 19일
4.css정리 3
css정리 3 - ellipsis
2023년 3월 22일
5.HTML5 시멘틱 태그
Semantic tag
2023년 3월 27일
6.WAI-ARIA정리
WAI-ARIA
2023년 4월 9일
7.Array Object를 특정 key값 기준으로 그룹화 (reduce())
dummy의 fruit를 리스트로 출력하는데 이런식으로 color출력 후 fruit을 출력하도록 구현해야 함처음 방식은 useState를 사용해서 color값이 바뀔 때 한번 출력해주는 식으로 구현useState가 바뀌고 바로 사용해서 무한 렌더링 발생그래서 초기에 c
2024년 8월 9일
8.일치하는 검색어 볼드처리 (RegExp)
검색어를 입력하는 경우 일치하는 부분이 두꺼워지도록 구현해보자대소문자 상관하지 않고 변경하기 위해 정규 표현식(RegExp) 사용new RegExp(텍스트, 플래그)text는 검색대상, keyword는 검색어 new RegExp에 텍스트는 keyword플래그는 문자열
2024년 8월 9일
9.classnames
👀 classnames란?
2024년 8월 15일
10.Zustand를 활용한 특정 영역 마우스 커서 위치 제한
마우스 커서에 스크롤 유도 표시를 따라다니도록 구현
2025년 4월 15일
11.마우스 커서 스크롤 유도 표시
메인화면에서 스크롤에 맞춰서 슬라이드 애니메이션을 구현해놨는데 스크롤 해야한다는 것을 조금 더 직관적으로 알려주기 위해 커서에 스크롤 유도 표시를 마우스 커서에 알려주기로 하였다 !! 🌟 스크롤 유도 표시 div 생성 메인화면에서만 따라다니게 하고 싶어서 메인 컴
2025년 4월 30일