How I built this Hompage
UnclassifiedBuilding My Homepage [From Zero to Launch]
Three Months, One Project: My Personal Homepage
How it started
It took almost three months to build and launch this homepage — from design to development and finally deployment. As a side project, it was both challenging and deeply rewarding. I wanted a space that reflected my personality and also served as a portfolio, blog, and sandbox for future features.
What I set out to build
At the beginning, I wrote down a list of requirements to guide the development process. The homepage needed a landing page that shows the most recent blog articles, a login system that supports both ID/password and Google OAuth, and a full blog page listing all articles in a summarized format. I also wanted the blog to support categories, tags, comments, and a top navigation bar to improve the reading experience. Finally, I added an "About Me" page that introduces who I am, my background, and what I do.
The tech stack behind the scenes
For the platform, I chose Django with PostgreSQL for data storage. I built the frontend using a mix of HTML5, CSS, and Javascript, supported by libraries like Bootstrap for responsive design, jQuery for dynamic features, and Font Awesome for icons. I implemented Google login using a third-party OAuth library, and secured the entire site with SSL using Let's Encrypt.
For deployment, I used AWS Lightsail as the hosting server and Route 53 for domain and DNS management. The application runs behind Nginx for handling traffic and SSL termination. It was my first time setting up full-stack deployment from scratch, and I learned a lot about server setup, networking, and web security.
Looking back
This project taught me not just how to build a website, but how to design systems, manage scope, and deploy something end-to-end. It’s still a work in progress, and I plan to improve it continuously — but launching this version feels like a big milestone. Now, I have a space I can truly call mine on the web.
홈페이지 제작기: 처음부터 직접 만든 나만의 공간
시작은 작은 아이디어였다
이 홈페이지를 직접 개발하고 배포하는 데 약 3개월이 걸렸다. 디자인부터 코딩, 테스트, 배포까지 모든 과정을 혼자 진행하면서 도전도 있었지만 그만큼 성취감도 컸다. 단순한 웹사이트를 넘어서, 나만의 포트폴리오이자 블로그, 그리고 앞으로 기능을 실험해볼 수 있는 플랫폼이 되기를 바랐다.
내가 설계한 기능들
프로젝트를 시작하면서 먼저 간단한 요구 사항을 정리했다. 첫 화면에는 최근 블로그 글 목록이 보여야 했고, 로그인 기능은 일반 ID/PW 방식과 Google 계정을 통한 소셜 로그인도 함께 지원해야 했다. 블로그 페이지는 모든 글을 요약된 형태로 목록으로 보여주고, 카테고리, 태그, 댓글, 상단 내비게이션 바 등을 포함하여 사용자 경험을 높이고자 했다. 그리고 마지막으로, 나를 소개하는 "About Me" 페이지도 빠질 수 없었다.
사용한 기술 스택
백엔드는 Django, 데이터베이스는 PostgreSQL을 선택했다. 프론트엔드는 HTML5, CSS, Javascript로 구성했고, 여기에 Bootstrap을 활용해 반응형 UI를 구현했다. jQuery를 통해 동적 기능을 추가하고, Font Awesome으로 아이콘을 구성했다. 로그인은 Google OAuth를 통해 구현했으며, Let's Encrypt를 이용해 HTTPS 인증서(SSL)도 적용했다.
배포는 AWS Lightsail을 통해 서버를 구성했고, Route 53으로 도메인과 DNS를 관리했다. Nginx를 리버스 프록시와 SSL 처리용으로 설정하면서, 처음으로 직접 전체 풀스택 배포를 경험해보았다. 서버 설정부터 네트워크 구성, 보안 적용까지 배운 게 정말 많았다.
지금까지의 회고
이번 프로젝트를 통해 단순히 웹사이트를 만드는 법뿐 아니라, 요구사항을 설계하고, 범위를 관리하며, 처음부터 끝까지 완성하는 법을 배웠다. 아직 개선할 부분은 많지만, 현재 버전을 세상에 공개했다는 사실만으로도 내게는 큰 의미가 있다. 이제는 웹에 ‘내 집’을 하나 마련한 기분이다.
Leave a Comment: