현재 AWS 프리티어 기간이 얼마 남지 않아 티스토리로 이전을 준비 중이지만, 직접 블로그를 만들어 보고 싶어서 Next.js와 Notion API를 활용해 AWS EC2에 배포한 개인 블로그를 구현한 경험을 정리했습니다. 📌 프로젝트 깃허브, 배포 링크 현재 운영 중입니다. 한 번 구경해 보세요!개인 블로그 주소 : https://minsunblog.com/프로젝트 깃허브 : https://github.com/pminsun/MinsunBlogQ. 프로젝트 소개이 프로젝트는 기술 블로그를 운영하고 싶다는 마음에서 시작했습니다. 고민 끝에 Notion API를 알게 되었고, 이를 Next.js와 AWS EC2를 활용해 블로그로 구현하게 되었습니다. 구현 과정에서 여러 챌린지와 이슈가 있었습니다:1. No..

매번 헷갈리는 알파벳 배열만드는 방법에 대해 기록해보았다. 알파벳 배열아스키코드를 활용하는 방법으로 ‘A’ 문자가 65번으로 1씩 더해 26글자를 배열화 시킨 방법이다.const arr = Array.from({ length: 26 }, (v, i) => String.fromCharCode(i + 65));console.log(arr)/*[ 'A', 'B', 'C', 'D', 'E', 'F', 'G', 'H', 'I', 'J', 'K', 'L', 'M', 'N', 'O', 'P', 'Q', 'R', 'S', 'T', 'U', 'V', 'W', 'X', 'Y', 'Z']*/// 대문자 알파벳 배열const upperCaseAlphabets = Array.from({ length: 26 }, (_,..

진행 중인 프로젝트에서 하단으로 이동하는 버튼이 필요해 알아보았다. 하단 버튼은 페이지 총 Height인 document.body.scrollHeight를 scrollTo()함수의 top값에 넣어 주면된다. ⭐ scroll이 이루어진 영역을 기준으로 scrollTo 함수를 실행해야 작동한다.아래 코드는 스크롤이 생기는 window영역으로 기준을 잡아 window.scrollTo() 를 실행시킨다.const Area = document.querySelector(".area");const moveBtn = document.querySelector(".down-btn");moveBtn.addEventListener('click', () => { window.scrollTo({ top: document...