저는 반지의 제왕 시리즈를 아주아주 좋아해서 책도 사고 영화도 지금까지 최소 10번은 봤을 정도로 아주 빠져있답니다.반지의 제왕은 '반지의 제왕' 시리즈 이외에도 '실마릴리온', '후린의 아이들', '끝나지 않은 이야기' 등 여러 권의 책이 많으며 양도 굉장히 방대하고
먼저 Next.js의 태그를 사용 시이미지를 반응형으로 만들기 쉽고디바이스 별 이미지 크기 조정 쉽고layout shift가 일어나지 않고뷰포트 밖의 이미지가 자동 lazy load 되기 때문에 (내 프로젝트에선 필요없지만)태그 대신 태그를 사용하기로 했습니다.처음에
SoA 시리즈의 앞선 글에서 말씀드렸다 싶이 반지의 제왕의 지도를 확대, 축소, 드래그 하여 지도의 각 지역을 탐색하고 클릭시 해당 지역에 대한 정보를 보여주는 대시보드 화면을 구현 중이였습니다.저는 JavaScript와 CSS만으로 구현하고자 하였습니다.이유는1\.