웹 개발에 관심을 갖게 된 배경
평소 블로그 운영을 하면서 항상 아쉬웠던 점이 있었습니다. 원하는 기능을 구현하려면 플러그인에 의존해야 했고, 디자인도 템플릿의 한계를 벗어날 수 없었거든요.
특히 고객 문의 게시판을 만들고 싶었는데, 기존 서비스들은 월 사용료가 부담스러웠어요. 그때 “내가 직접 만들 수 있다면 얼마나 좋을까?”라는 생각이 들어 웹 개발 공부를 결심하게 되었습니다.
인프런 강의 선택 이유
여러 플랫폼 비교 분석
처음엔 유데미, 패스트캠퍼스, 인프런 등 여러 플랫폼을 비교해봤어요. 그 중에서 인프런을 선택한 이유는 다음과 같습니다:
– 한국어 강의로 이해도가 높음
– Q&A 활성화되어 있어 질문 답변이 빠름
– 실무 경험이 풍부한 강사진
– 프로젝트 중심의 실습 과정
– 합리적인 가격 (할인 시 3만원대)
선택한 강의 상세 정보
“프론트엔드 개발자 되기: HTML/CSS부터 React까지” 강의를 선택했습니다.
강의 구성:
– 총 강의 시간: 45시간
– 수강 기간: 평생 시청 가능
– 실습 프로젝트: 8개
– 강사: 실무 경력 7년의 개발자
8개월간의 상세한 학습 과정
1-2개월차: HTML/CSS 기초
첫 두 달은 기본기 다지기에 집중했어요. HTML 태그부터 시작해서 CSS 레이아웃까지 천천히 익혔습니다.
학습 일정:
– 평일: 저녁 9시-11시 (2시간)
– 주말: 오전 10시-오후 1시 (3시간)
– 주당 총 13시간 투자
첫 번째 프로젝트로 간단한 개인 소개 페이지를 만들었는데, 처음 브라우저에서 내가 만든 웹페이지가 뜰 때의 감동은 잊을 수 없어요.
3-4개월차: JavaScript 입문
세 번째 달부터는 JavaScript를 본격적으로 배우기 시작했습니다. 파이썬을 조금 알고 있어서 변수나 함수 개념은 익숙했지만, DOM 조작이나 이벤트 처리는 완전히 새로운 세계였어요.
완성한 프로젝트들:
1. 계산기 웹 애플리케이션
2. 투두리스트 관리 도구
3. 간단한 메모 애플리케이션
4. 이미지 슬라이더
가장 어려웠던 부분은 비동기 처리였습니다. Promise와 async/await 개념을 이해하는 데만 2주가 걸렸어요.
5-6개월차: React 프레임워크
다섯 번째 달부터는 React를 배우기 시작했습니다. 컴포넌트 기반 개발이라는 개념이 처음엔 어려웠지만, 점차 그 장점을 깨달았어요.
React에서 배운 핵심 개념들:
– JSX 문법
– 컴포넌트와 props
– state 관리
– Hook 활용 (useState, useEffect)
– 조건부 렌더링
첫 번째 React 프로젝트로 날씨 정보 앱을 만들었는데, API를 연동해서 실시간 날씨를 보여주는 기능을 구현했어요.
7-8개월차: 포트폴리오 프로젝트
마지막 두 달은 포트폴리오 제작에 집중했습니다. 지금까지 배운 모든 기술을 종합해서 실제 사용 가능한 웹 서비스를 만들어야 했거든요.
최종 프로젝트: “개인 일정 관리 웹 앱”
– 사용자 인증 기능
– CRUD 기능 (일정 추가, 수정, 삭제)
– 반응형 디자인
– 데이터 로컬 저장
실제 프로젝트 적용 사례
개인 블로그 리뉴얼
기존에 워드프레스로 운영하던 블로그를 React로 직접 만들어서 이전했습니다.
개선된 부분들:
– 로딩 속도 40% 향상
– 원하는 대로 커스터마이징 가능
– 월 호스팅 비용 50% 절약
– SEO 최적화 직접 구현
지인 사업체 홈페이지 제작
친구가 운영하는 카페 홈페이지를 제작해달라고 요청받아 프리랜서 첫 프로젝트를 수주했어요.
제작 기능들:
– 메뉴 소개 페이지
– 매장 위치 및 영업시간
– 온라인 주문 시스템 (기초)
– 관리자 페이지
작업 기간 3주, 수주 금액 80만원이었습니다.
학습 과정에서 마주한 도전들
기술적 어려움들
가장 큰 벽은 CSS 레이아웃이었어요. 특히 Flexbox와 Grid를 이해하는 데 정말 오래 걸렸습니다.
어려웠던 순서대로:
1. CSS 레이아웃 (특히 중앙 정렬)
2. JavaScript 비동기 처리
3. React Hook 개념
4. API 연동 및 에러 처리
학습 습관 유지
8개월은 생각보다 긴 시간이었어요. 중간에 포기하고 싶을 때도 많았습니다.
슬럼프 극복 방법:
– 작은 성취감 만들기 (매일 커밋하기)
– 온라인 개발자 커뮤니티 참여
– 스터디 그룹 가입
– 개발 블로그 작성하기
8개월 후 달라진 점들
기술적 성장
이제는 간단한 웹사이트 정도는 혼자서 충분히 만들 수 있게 되었어요.
현재 가능한 작업들:
– 반응형 웹페이지 제작
– REST API 연동
– 사용자 인증 구현
– 데이터베이스 연동 (기초)
– Git 버전 관리
경제적 변화
부업으로 웹 제작 프로젝트를 수주하기 시작했습니다.
지금까지의 수주 현황:
– 카페 홈페이지: 80만원
– 펜션 예약 사이트: 150만원
– 소상공인 쇼핑몰: 200만원
– 총 부수입: 430만원
실습 중심 학습의 효과
이론 vs 실습 비율
인프런 강의의 가장 큰 장점은 실습 위주라는 점이었어요.
학습 비율:
– 이론 설명: 30%
– 따라하기 실습: 50%
– 개인 프로젝트: 20%
이론만 듣고 넘어가는 게 아니라 바로바로 코딩해볼 수 있어서 이해도가 훨씬 높았습니다.
포트폴리오 구축
강의를 들으면서 자연스럽게 8개의 프로젝트를 완성할 수 있었어요. 이는 나중에 면접이나 프리랜서 제안서에 그대로 활용할 수 있었습니다.
비용 대비 효과 분석
투입 비용 상세
총 학습비용:
– 인프런 강의료: 33,000원
– 개발 서적: 75,000원
– 도메인/호스팅: 48,000원 (1년)
– 총합: 156,000원
투자 수익률
8개월간의 성과:
– 직접적 수입: 430만원
– 블로그 운영비 절약: 연 24만원
– 시간 절약 효과: 계산 불가
– ROI: 약 2,650%
FAQ – 자주 묻는 질문들
Q1. 완전 초보자도 따라갈 수 있나요?
A1. 네, 저도 HTML도 모르는 완전 초보였어요. 강의가 기초부터 차근차근 설명해주니까 걱정하지 마세요.
Q2. 8개월이 꼭 필요한가요? 더 빨리 할 수 없나요?
A2. 개인차가 있지만, 실무에 적용 가능한 수준까지는 최소 6개월은 필요해요. 너무 급하게 하면 기초가 부실해질 수 있어요.
Q3. 수학을 못해도 웹 개발이 가능한가요?
A3. 기본적인 사칙연산 정도면 충분합니다. 복잡한 알고리즘이 아닌 이상 고등학교 수학도 필요 없어요.
Q4. 맥북이 꼭 필요한가요?
A4. 아니요, 윈도우도 전혀 문제없어요. 저도 윈도우 노트북으로 공부했습니다. VSCode 같은 에디터는 OS 상관없이 동일해요.
Q5. 혼자 공부하기 어렵지 않나요?
A5. 처음엔 어렵지만 온라인 커뮤니티나 스터디 그룹에 참여하면 많이 도움돼요. 인프런 Q&A도 활발하게 운영되고 있어서 막힐 때 질문하면 답변을 잘 해주세요.
Q6. 취업에 도움이 될까요?
A6. 기초 과정이라 바로 취업하기는 어려워도, 포트폴리오로는 충분히 활용 가능해요. 추가 학습과 프로젝트 경험을 쌓으면 주니어 개발자로 도전할 수 있어요.
Q7. React 말고 Vue.js는 어떤가요?
A7. Vue.js도 좋은 선택이에요. 다만 국내에서는 React 수요가 더 많아서 취업을 고려한다면 React를 추천해요.
Q8. 강의 후 어떤 책을 추가로 봐야 하나요?
A8. “모던 자바스크립트 딥다이브”와 “리액트를 다루는 기술” 정도면 충분해요. 너무 많은 책보다는 실제 프로젝트 경험이 더 중요해요.
앞으로의 학습 로드맵
웹 개발 기초를 마스터한 지금, 다음 단계를 계획하고 있어요:
단기 계획 (3-6개월):
1. Node.js 백엔드 개발
2. 데이터베이스 (MongoDB, MySQL)
3. AWS 클라우드 서비스
장기 계획 (1년 이내):
1. 풀스택 개발자로 성장
2. 정식 개발자로 이직 준비
3. 개인 서비스 런칭
정리하며
8개월 전의 저는 HTML 태그 하나 제대로 쓸 줄 몰랐어요. 지금은 웹사이트를 만들어서 실제 수익까지 창출하고 있습니다.
웹 개발은 생각보다 진입 장벽이 높지 않아요. 중요한 건 꾸준함과 실습입니다. 하루 2시간씩만 투자해도 충분히 가능해요.
망설이고 계신다면 일단 시작해보세요. 8개월 후, 지금과는 완전히 다른 가능성의 문이 열려있을 겁니다.