6편. Nginx로 웹 서버 구성 — 브라우저로 내 서버에 접속하기
AWS EC2에 Nginx를 설치하고 브라우저로 접속하는 방법을 단계별로 설명합니다. systemctl 명령어로 자동 시작을 설정하고, 커스텀 HTML 페이지까지 만들어봅니다.
IT/개발
함께 공부하며 성장하는 개발자들의 기록 공간입니다. 올바른 정답을 바탕으로, 그 답에 도달하기까지의 고민과 과정을 함께 나눕니다. 혼자 공부해도 혼자가 아닌 학습 경험을 지향하며, 작은 배움이 꾸준한 성장으로 이어지길 바랍니다.
5편. EC2 웹 서버 배포 — 퍼블릭 서브넷에 서버 올리기
AWS EC2 인스턴스를 퍼블릭 서브넷에 직접 생성하는 방법을 단계별로 설명해요. 키 페어 발급부터 AMI 선택, 보안 그룹 연결, SSH 접속까지 콘솔 화면 기준으로 따라하기 쉽게 정리했어요.
4편. 보안 그룹 설계 — 웹 서버와 DB 방화벽 만들기
AWS 보안 그룹의 개념과 web-sg, rds-sg 설계 방법을 설명해요. 허용 규칙만 존재하는 Stateful 방화벽의 특징, 인바운드/아웃바운드 규칙 설정, 그리고 IP 대신 보안 그룹을 참조해 DB를 안전하게 보호하는 방법을 단계별로 안내해요.
3편. 인터넷 게이트웨이 & 라우팅 테이블 — 인터넷에 연결하기
VPC에 인터넷을 연결하는 두 가지 핵심 설정. 인터넷 게이트웨이(IGW)를 만들어 VPC에 붙이고, 라우팅 테이블에 0.0.0.0/0 경로를 추가해 퍼블릭 서브넷을 진짜 퍼블릭으로 만듭니다.
2편. 서브넷 설계 — 퍼블릭과 프라이빗 구역 나누기
VPC를 퍼블릭/프라이빗 서브넷으로 나누는 이유와 방법을 설명해요. 웹 서버는 외부에, DB는 내부에 두는 보안 설계와 가용 영역(AZ) 2개에 나눠 배치하는 장애 대비 구조를 직접 만들어봐요.
1편. 전체 설계도 & VPC 만들기 — 우리가 만들 것 먼저 보기
AWS VPC가 뭔지 모른 채로 시작해도 괜찮아요. 나만의 가상 네트워크를 직접 만들며 CIDR, 서브넷, 보안 그룹까지 15편에 걸쳐 완성하는 인프라 구축 시리즈, 지금 시작해봐요.
[웹 개발 기초] 10화: 자바스크립트로 스크롤 인터랙션 구현하기 (완결)
자바스크립트로 웹사이트에 생동감을 더해 보세요. 스크롤 이벤트로 네비게이션 바에 Glassmorphism 효과를 적용하고, 모바일을 위한 햄버거 메뉴까지 구현하며 10화 시리즈를 완성합니다.
[웹 개발 기초] 9화: 미디어 쿼리로 모바일 반응형 웹 만들기
스마트폰으로 웹을 보는 사람이 더 많아진 지금, 반응형 웹은 선택이 아닌 필수입니다. CSS 미디어 쿼리(@media)를 활용해 About 섹션 레이아웃, 프로젝트 카드 배치, 폰트 크기와 여백까지 모바일 화면에 최적화하는 방법을 살펴봅니다.
[웹 개발 기초] 8화: CSS 애니메이션으로 생동감 불어넣기 (@keyframes)
이번 글은 CSS @keyframes와 애니메이션으로 히어로 배경에 자연스러운 움직임을 더하고, z-index로 레이어를 정리해 가독성과 완성도를 함께 높이는 방법을 설명합니다.
[웹 개발 기초] 7화: 디테일을 살리는 Hover 효과와 Transition
CSS Hover와 Transition 기초를 통해 버튼, 카드, 메뉴 링크를 자연스럽게 움직이게 만드는 방법을 배우고, 웹 UI/UX 완성도를 높이는 실전 팁을 정리한 글입니다.