IT 비전공자 블로그 30일 만에 웹사이트 하나 직접 만들어본 솔직 후기

IT 비전공자가 30일 동안 직접 웹사이트를 만든 과정을 담은 실전 후기입니다. 시행착오와 배움을 통해 얻은 성취감, 그리고 커리어 확장의 가능성을 솔직하게 전합니다.

 

키워드: IT 비전공자, 웹사이트 제작, 코딩 도전, 성장 실험

나는 평범한 비전공자였다. 개발과는 거리가 멀었고, ‘코딩’이라는 단어만 들어도 왠지 복잡하고 어려운 세계처럼 느껴졌다. 하지만 블로그를 운영하면서 ‘남들이 만든 틀 안에만 머무르지 않고, 나만의 사이트를 만들어보고 싶다’는 생각이 강하게 들었다.

 

그래서 나는 결심했다. 30일 동안 웹사이트 하나를 직접 만들어보자. 처음부터 완벽하게 만들 자신은 없었지만, 완성보다 중요한 건 ‘시도’라고 스스로에게 말했다. 그때부터 나는 출퇴근 사이의 짧은 시간을 쪼개어, 매일 조금씩 코드를 배우고 실험했다. HTML 파일 하나를 열 때마다 두려움이 있었지만, 그 두려움을 호기심으로 덮었다. 30일의 기록은 단순한 결과물이 아니라, 두려움을 깨는 성장 실험이 되었다.

---

1. IT 비전공자 블로그 준비 단계 — 비전공자가 웹사이트를 만든다는 것의 현실

키워드: 웹사이트 구조, 도메인 선택, 기초 설계, 자기 주도 학습

처음부터 모든 걸 아는 사람은 없다.
나 역시 웹사이트를 만든다는 건 전혀 다른 세상에 발을 들이는 일이었다.
그래서 나는 완전히 ‘백지 상태에서 시작한 비전공자’의 시선으로 이 과정을 바라보기로 했다.

첫날, 나는 검색창에 “HTML과 CSS 차이”를 입력했다.
단순한 용어 하나도 생소했고, 설명을 읽어도 이해가 가지 않았다.
하지만 낯선 단어를 만날 때마다 멈추지 않고 메모했다.
내가 만든 노트에는 “HTML = 뼈대, CSS = 옷”이라는 문장이 적혀 있었다.

그렇게 비유를 통해 이해하면서 하나씩 구조를 잡아갔다.

며칠 후, 도메인과 호스팅의 개념에 부딪혔다.
‘도메인은 주소, 호스팅은 집’이라는 설명을 읽고서야 조금 감이 잡혔다.
그제야 “홈페이지 만드는 법”이라는 검색어를 입력하던 나 자신이 얼마나 무모했는지 웃음이 나왔다.

하지만 동시에, 모르는 걸 알아가는 과정 자체가 학습의 핵심임을 깨달았다.
이 단계에서 내가 얻은 가장 중요한 통찰은 바로 ‘모든 것은 구조로부터 시작된다’는 사실이었다.
블로그처럼 한 페이지에 글을 쌓는 게 아니라, 웹사이트는 여러 파일이 서로 연결되어 하나의 생태계를 이룬다.

나는 이를 이해하기 위해 사이트맵을 직접 손으로 그리며 페이지의 흐름을 설계했다.
어떤 페이지가 홈으로 연결되고, 어떤 버튼이 어디로 이동하는지 시각적으로 정리하니 구조가 명확해졌다.

둘째 주가 되자 본격적으로 실행 단계에 들어갔다.

무료 도메인을 구매하고, GitHub Pages를 이용해 사이트를 호스팅하기로 했다.
설정 과정은 생각보다 복잡했다.
도메인 연결이 안 되거나, CSS가 반영되지 않는 오류가 하루에도 여러 번 발생했다.
링크가 깨지고, 이미지가 표시되지 않는 건 거의 일상이었다.

그럴 때마다 나는 당황하지 않고 문제를 쪼개어 분석했다.
‘이게 코드 문제일까, 파일 경로 문제일까?’라는 질문을 스스로 던졌다.
그리고 구글 검색, 커뮤니티 탐색, ChatGPT 활용까지 총동원해 해결법을 찾아냈다.
처음에는 한 줄의 코드 수정도 두려웠지만, 점점 스스로 판단하고 조정하는 감각이 생겼다.

 

오류를 해결할 때마다 나는 블로그에 그 과정을 기록했다.
단순히 “에러가 해결됐다”라고 적는 대신, 왜 발생했는지와 어떤 시도를 했는지를 정리했다.
이 기록은 어느새 단순한 일기를 넘어 나만의 학습 로그이자 지식 자산으로 바뀌었다.

시간이 지나고 나서 다시 보면, 과거의 시행착오가 모두 성장의 발자취로 남아 있었다.

비전공자가 스스로 학습을 이어가기 위해 가장 중요한 건 ‘결과보다 과정에 집중하는 태도’다.
완벽하게 작동하는 웹사이트를 만드는 것보다, 만들어가는 과정을 꾸준히 기록하는 게 더 값진 경험이었다.

결국 그 습관이 내가 30일 동안 이 프로젝트를 포기하지 않고 유지할 수 있었던 가장 큰 원동력이었다.
웹사이트를 만드는 일은 단순한 기술 습득이 아니라, 문제를 정의하고 스스로 답을 찾아가는 자기 주도 학습의 여정이었다.

---

2. IT 비전공자 블로그 제작 과정 — 혼자서 부딪히며 배운 웹의 언어

키워드: HTML, CSS, 반응형 웹, 문제 해결력

3주 차에 접어들면서 나는 진짜 코딩을 시작했다. HTML로 기본 틀을 만들고, CSS로 디자인을 입히며 사이트의 형태를 조금씩 잡아나갔다. 처음에는 웹페이지가 단조로웠지만, 색상과 여백, 글꼴을 바꾸면서 시각적인 변화가 생겼다.

특히 반응형 웹(Responsive Web) 개념을 배우면서 모바일에서도 깔끔하게 보이도록 조정했다. 처음엔 화면이 깨지고 글자가 겹치는 등 오류가 많았지만, 구글링과 시행착오를 거치며 하나씩 해결했다.

 

가장 기억에 남는 순간은, 내 손으로 만든 첫 버튼이 실제로 작동했을 때였다. 마치 생명을 불어넣은 듯한 짜릿함이 느껴졌다. 비전공자였던 내가 코드를 통해 ‘무(無)’에서 ‘유(有)’를 만드는 경험을 한 것이다.

이 과정에서 깨달은 것은 단순히 기술이 아니라 문제 해결력의 성장이었다. 내가 직접 부딪히며 얻은 답은 어떤 강의보다 강력한 배움이었다. 웹사이트 한 줄 한 줄에 나의 실수가, 그리고 그 실수를 바로잡은 흔적이 남아 있었다.

---

3. IT 비전공자 블로그 완성의 순간 — 작지만 내 손으로 만든 첫 결과물

키워드: 웹사이트 완성, 성취감, 개인 브랜딩, 첫 배포

30일째 되는 날, 나는 내 사이트의 마지막 점검을 마쳤다. 완벽하지 않았지만, 분명히 내 손으로 만든 웹사이트였다. 방문자 수는 적었지만, 내가 만든 페이지가 실제로 접속된다는 사실이 믿기지 않았다.

나는 블로그를 통해 제작 과정을 기록하고, 완성된 결과를 공유했다. 사람들은 “비전공자가 이렇게까지 할 수 있나요?”라며 놀라워했다. 그 댓글 하나하나가 큰 동기부여가 되었다.

 

이 경험을 통해 나는 개인 브랜딩의 힘을 체감했다. 단순히 콘텐츠를 소비하던 사람이 이제는 콘텐츠를 ‘창조하는 사람’이 된 것이다. 내가 만든 웹사이트는 포트폴리오로 사용되었고, 면접 자리에서도 긍정적인 평가를 받았다.
결과적으로 웹사이트 완성은 단순한 기술 습득이 아니라, 나를 표현하는 새로운 언어를 배운 과정이었다.

---

4. IT 비전공자 블로그 30일의 실험이 남긴 변화 — 배움이 커리어가 되다

키워드: 디지털 전환, 지속적 성장, 애드센스 승인, 자기 효능감

한 달간의 프로젝트를 마친 후, 나는 단순한 성취감을 넘어 인생의 방향이 바뀌는 경험을 했다. HTML과 CSS만 다뤘지만, 그 과정에서 배운 것은 기술 그 이상이었다. 나는 두려움을 극복하는 법, 스스로 동기를 만드는 법, 그리고 꾸준함의 가치를 배웠다.

 

이후 나는 내 블로그에 구글 애드센스를 신청했고, 승인 메일을 받았다. 수익보다 더 큰 기쁨은 ‘비전공자도 배움을 통해 커리어를 확장할 수 있다’는 확신이었다.

이제 나는 새로운 기술을 배울 때 두렵지 않다. 한 달 만에 하나의 웹사이트를 만들어본 경험이 나에게 자기 효능감을 심어주었기 때문이다.

기술은 전공자만의 언어가 아니다. 시도하고 기록할 수 있는 사람이라면 누구나 배울 수 있다. 나는 그 사실을 증명했고, 지금도 여전히 배우고 있다. 30일의 작은 도전이 내 인생의 커리어 지도를 바꿔 놓았다.

---

결론  - IT 비전공자 블로그 도전은 가능성을 증명하는 과정

키워드: 비전공자 성장기, 웹사이트 도전, 실전 학습, 커리어 확장

30일간의 프로젝트는 실패와 시도의 연속이었지만, 결국 그것이 나를 성장시켰다. 웹사이트를 만드는 과정은 코드를 배우는 일이 아니라, 자신을 다시 설계하는 일이었다.

비전공자에게 중요한 것은 완벽함이 아니라 끊임없는 호기심과 실험정신이다.
웹사이트를 완성한 지금도 나는 여전히 배우고 있다. 그리고 다음 도전 역시 블로그에 기록할 것이다. 왜냐하면, 모든 변화는 언제나 ‘기록된 시도’에서 시작되기 때문이다.