scrollIntoView()는 JavaScript에서 특정 DOM 요소가 사용자 화면(Viewport) 안에 보이도록 자동으로 스크롤을 이동시켜주는 메서드입니다.
location 객체는 브라우저의 주소창(URL)을 제어하거나 정보를 가져올 수 있게 해주는 매우 유용한 객체입니다. 웹 페이지 간 이동, 쿼리 파라미터 분석, 리디렉션 등 다양한 작업을 수행할 수 있습니다.
웹 개발을 하다 보면, 고정된 HTML 요소가 아니라 외부 데이터(JSON 파일 등) 를 불러와서 화면에 표시해야 하는 경우가 많습니다.
AJAX(Asynchronous JavaScript And XML)는 페이지 전체를 새로고침하지 않고 서버와 데이터를 주고받을 수 있는 기법입니다.
피드나 리뷰처럼 텍스트가 길어질 수 있는 영역은 보통 처음엔 일부만 보여주고, 나머지는 더 보기 버튼으로 펼치는 방식을 많이 씁니다. 이번에는 이 기능을 조금 더 범용적으로 만들어서 두 가지 케이스를 모두 지원하도록 구현했습니다.