💍모바일 청첩장 프로젝트💍

현재 청첩장 만들기 프로젝트에서 프론트엔드를 담당하고 있는데, 백엔드와 연결하려고 하면 내 데이터베이스가 계속 연결되지 않았다.

프로젝트를 진행하면서 어느 순간 div 태그만 남발(?)하고 있는 걸 발견했다. 다른 시멘틱 태그도 많은데 왜 쓸 생각을 못했을까? 시맨틱 태그에 대해 잘 알고 넘어가자.

성능 최적화란? 성능의 지표와 최적화 하는 방법

앞서 성능 최적화는 크게 로딩 최적화와 렌더링 최적화로 나뉜다고 했다. 진행하고 있는 프로젝트에서 홈페이지의 성능을 분석하고 어떤 것부터 해야 하는지 우선순위를 정하자.

a 태그 + zip 라이브러리 + 파일 이름의 문제점

모달 창을 구현하다보면 z-index와 overflow 속성에 의해 모달이 전체 화면으로 나타나지 않거나 원하는대로 구현이 안되는 경우가 종종 있다. 필자는 모달이 카드 안에서 뜨는 문제가 발생했다.

현재 진행하고 있는 프로젝트에 하객들이 실시간으로 📸사진과 💬축하 메시지를 남길 수 있는 포토톡 기능이 있다. 포토톡 데이터를 보여줄 때 `React Query`와 `Intersection Observer API`를 사용하여 무한스크롤을 구현했는데,