안녕하세요, jxlove’s 블로그에 오신 걸 환영해요! 😊
“어렵다고 느껴졌던 것들이 직접 해보면 별거 아니더라” — 이 경험을 나누고 싶어서 블로그를 시작했어요.
AWS, 웹 개발, AI 에이전트까지. 저도 처음엔 막막했어요. 그래서 이 블로그는 모르는 채로 시작해서, 직접 만들어보면서 이해하는 방식 으로 씁니다. 버튼 하나하나, 명령어 하나하나 — 따라하기만 해도 완성되도록요.
지금 연재 중인 시리즈
☁️ AWS VPC 완전 정복 (연재 중 · 15편) VPC, 서브넷, 보안 그룹, EC2, RDS, ALB, Auto Scaling까지 AWS 인프라를 처음부터 직접 구축하는 시리즈예요.
🤖 AI 에이전트 입문 (완결 · 5편) 챗봇과 에이전트의 차이부터, MCP 도구 연결, 멀티 에이전트 설계까지 직접 만들어보면서 이해하는 AI 에이전트 시리즈예요.
🌐 웹 개발 기초 (완결 · 10편) HTML로 뼈대 세우기부터 스크롤 인터랙션까지 코딩을 처음 시작하는 분들을 위한 웹 개발 입문 시리즈예요.
⚡ AWS Lambda 서버리스 (3편) 서버 없이 코드를 실행하는 Lambda의 개념부터 S3 자동화 실습까지 다뤄요.
🚀 Next.js 실전 (5편) Next.js로 웹사이트를 만들고 Vercel로 배포하는 전 과정을 담았어요.
이런 분께 도움이 돼요
- AWS 콘솔을 열었는데 뭘 눌러야 할지 모르겠는 분
- 개념은 아는데 직접 해본 적은 없는 분
- 강의보다 글로 천천히 따라가는 게 편한 분
함께 공부하며 성장해요! 🌱
- 6편. Nginx로 웹 서버 구성 — 브라우저로 내 서버에 접속하기
- 5편. EC2 웹 서버 배포 — 퍼블릭 서브넷에 서버 올리기
- 4편. 보안 그룹 설계 — 웹 서버와 DB 방화벽 만들기
- 3편. 인터넷 게이트웨이 & 라우팅 테이블 — 인터넷에 연결하기
- 2편. 서브넷 설계 — 퍼블릭과 프라이빗 구역 나누기
- 1편. 전체 설계도 & VPC 만들기 — 우리가 만들 것 먼저 보기
- 5편. 일상에서 쓰는 AI 에이전트 만들기 — Google Colab 실습
- 4편. 멀티 에이전트 설계 패턴 — AI들이 팀으로 일할 때
- 3편. 나만의 첫 번째 AI 에이전트 만들기 — Google Colab 실습
- 2편. MCP란 무엇인가요? — 에이전트에게 도구를 연결하는 방법
- 1편. AI 에이전트란 무엇인가요? — 챗봇이랑 뭐가 다른 거예요?
- [웹 개발 기초] 10화: 자바스크립트로 스크롤 인터랙션 구현하기 (완결)
- [웹 개발 기초] 9화: 미디어 쿼리로 모바일 반응형 웹 만들기
- [웹 개발 기초] 8화: CSS 애니메이션으로 생동감 불어넣기 (@keyframes)
- [웹 개발 기초] 7화: 디테일을 살리는 Hover 효과와 Transition
- [웹 개발 기초] 6화: 카드 이미지 넣기와 비율 유지하기 (object-fit)
- [웹 개발 기초] 5화: CSS Grid로 반응형 카드 레이아웃 만들기
- [웹 개발 기초] 4화: 그라디언트와 히어로 섹션으로 첫인상 사로잡기
- [웹 개발 기초] 3화: Flexbox로 네비게이션 바 정렬하기 (레이아웃의 핵심)
- [웹 개발 기초] 2화: CSS로 디자인의 기초 다지기 (폰트 & 변수)
- [웹 개발 기초] 1화: 코딩 준비와 HTML로 웹사이트 뼈대 세우기
- [2026 동계 올림픽] 컬링 ‘5G’팀과 함께하는 초보자 컬링 완벽 가이드
- AWS Lambda #3: 코드 수정은 이제 그만! ‘환경 변수’로 스마트하게 관리하기
- AWS Lambda #2: 5분 만에 만드는 S3 이미지 리사이징 자동화
- AWS Lambda #1: 서버리스 개념부터 첫 함수 생성과 비용 관리까지
- [Next.js 시리즈 #5] 피날레: Vercel로 세상에 내 웹사이트 공개하기
- [Next.js 시리즈 #4-1] About 페이지 만들기
- [Next.js 시리즈 #4] 실전 Data Fetching: ‘프로젝트’ 페이지 데이터로 채워보기