IT 비전공자 블로그로 기술을 배우고, 기술로 글을 바꾸다

 

IT비전공자가 블로그로 기술을 배우며 성장한 이야기.
HTML, CSS, 자바스크립트를 통해 글의 구조와 감정을 바꾸고,
기술로 글쓰기 방식을 혁신한 디지털 성장기.

서론 — 기술은 배움의 끝이 아니라 글의 시작이었다

키워드: 비전공자 도전, 자기 주도 학습, 디지털 글쓰기, 성장 기록

 

나는 처음 블로그를 만들 때 단순히 일기처럼 쓰고 싶었다.
회사에서 배운 일을 정리하고, 느낀 점을 공유하는 공간이면 충분했다.
하지만 글을 쓰다 보니 ‘기술’이라는 벽 앞에 자꾸 멈춰 섰다.
글이 웹에서 어떻게 표시되는지, 왜 어떤 문단은 다르게 보이는지조차 알 수 없었다.

 

 

그때부터 작은 호기심이 생겼다.
“이 블로그를 조금 더 예쁘게, 조금 더 효율적으로 만들 수 없을까?”
그 질문이 나를 HTML, CSS, 그리고 자바스크립트로 이끌었다.
기술을 배우기 시작한 이유는 단순했다 —
내 글을 더 잘 전달하기 위해서.

 

이후 블로그는 단순한 글쓰기 도구를 넘어
내가 배우고 성장하는 하나의 실험실이 되었다.
기술을 배움으로써 나는 글을 바꾸었고,
글을 통해 다시 기술을 배우는 순환이 시작되었다.

---

1. IT 비전공자 블로그 — 코드 한 줄이 글의 구조를 바꾸다

키워드: HTML, 웹 구조, 시맨틱 마크업, 콘텐츠 구성

 

처음 HTML을 접했을 때, 나는 놀랐다.
글을 쓰는 것도, 웹페이지를 만드는 것도
결국 ‘구조를 세우는 일’이라는 걸 깨달았기 때문이다.

 

HTML의 <h1>은 제목이고, <p>는 문단이다.
이 단순한 태그들의 조합이 글의 형태를 만들었다.
글에서의 문단 구성이 문맥을 살리듯,
HTML의 구조 역시 웹의 의미를 결정했다.

 

비전공자로서 HTML은 단순한 기술이 아니라
논리적으로 생각하는 훈련 도구였다.
어떤 내용이 중요한가, 어떤 문단을 먼저 보여줄까를 고민하며
나는 자연스럽게 글의 설계자처럼 사고하기 시작했다.

 

이 경험은 내 글쓰기 방식에도 큰 변화를 줬다.
예전엔 감정과 직관에 의존해 글을 썼지만,
이제는 구조를 먼저 설계하고,
그 안에 메시지를 배치했다.
결국 HTML은 내게 ‘생각을 정리하는 언어’였다.

---

2. IT 비전공자 블로그 — 디자인이 글의 감정을 표현하다

키워드: CSS, 시각적 전달, 색상 심리, 콘텐츠 가독성

 

코드를 이해하기 시작하자, 나는 자연스럽게 CSS에 빠져들었다.
처음에는 단순히 글씨 크기를 바꾸거나,
배경색을 바꾸는 수준이었다.
하지만 시간이 지나며 깨달았다.
CSS는 단순히 꾸미는 기술이 아니라
글의 감정을 시각적으로 표현하는 언어라는 것을.

 

예를 들어, 같은 글이라도
배경이 흰색일 때와 연한 회색일 때의 느낌은 다르다.
제목에 약간의 여백을 주거나
폰트 간격을 조절하는 것만으로도
독자가 글을 읽는 리듬이 달라진다.

 

비전공자인 나는 이 과정을 통해
디자인이 글의 일부라는 사실을 배웠다.
문장 사이의 여백은 생각의 여백이 되었고,
색상의 선택은 감정의 톤이 되었다.

CSS를 다루며 나는 단순히 블로그를 꾸민 것이 아니라,
‘시각적 문체’를 만들어가고 있었다.

 

그리고 그 문체는 어느새 나의 브랜딩이 되었다.
사람들은 내 블로그를 보고
“이건 당신 글이구나”라고 말하기 시작했다.

---

3. IT 비전공자 블로그 — 자바스크립트로 글에 ‘움직임’을 주다

키워드: 자바스크립트, 동적 콘텐츠, 상호작용, 사용자 경험(UX)

 

HTML과 CSS가 ‘형태’를 만들었다면,
자바스크립트는 내 글에 ‘생명’을 불어넣었다.
비전공자인 나는 처음에 자바스크립트를 너무 어렵게 느꼈다.
괄호와 함수가 가득한 코드가 마치 외국어처럼 느껴졌다.

 

하지만 작게 시작했다.
버튼을 클릭하면 문단이 열리고,
스크롤을 내리면 글 제목이 따라다니는 기능을 추가했다.
그때 깨달았다.
상호작용은 글의 몰입도를 높이는 힘이라는 것을.

 

글이 단순히 스크롤되는 텍스트가 아니라
‘반응하는 콘텐츠’가 되자
독자의 체류 시간이 눈에 띄게 늘었다.
그리고 그 순간부터 나는
단순히 글을 쓰는 사람이 아니라
‘경험을 설계하는 사람’으로 바뀌었다.

 

자바스크립트는 내게
사용자 중심 글쓰기를 가르쳐준 도구였다.
이제 나는 문장을 쓰기 전에
“독자는 여기서 어떤 행동을 할까?”를 먼저 떠올렸다.
그 사고의 변화가
내 블로그를 진짜 살아 있는 공간으로 만들었다.

---

4. IT 비전공자 블로그 — 글을 통해 기술을, 기술을 통해 글을 배우다

키워드: 기술 글쓰기, 학습 루틴, 블로그 성장, 자기 효능감

 

기술을 배우는 과정은 결코 빠르지 않았다.
새로운 코드를 배우면 또 다른 오류가 나타났고,
문제를 해결하면 그다음엔 더 복잡한 버그가 기다리고 있었다.
하지만 그 모든 혼란의 한가운데서,
나를 지탱해준 건 다름 아닌 블로그라는 학습 도구였다.
실패가 두려웠던 시절에도 블로그는 나를 멈추게 하지 않았다.
왜냐하면 실수조차 기록할 가치가 있다고 믿었기 때문이다.

 

문제가 생기면 스크린샷을 찍고,
코드의 흐름을 따라가며 원인을 분석했다.
해결 과정을 글로 정리하면서
나는 자연스럽게 문제를 ‘설명할 수 있는 사람’으로 변했다.
한 줄의 오류를 수정하기 위해 여러 번 시도하고,
그 결과를 블로그에 남기는 일은 단순한 문서화가 아니었다.
그건 스스로의 이해도를 점검하는 과정이자,
‘어제보다 더 나은 나’를 확인하는 자기 학습 루틴이었다.

 

시간이 지나면서 그 기록들은 단순한 포스트 목록이 아니라
나의 성장 로그로 쌓였다.
하나의 글이 끝나면 또 다른 글이 이어졌고,
그 안에는 내가 얼마나 멀리 왔는지가 고스란히 담겨 있었다.
이전엔 기술을 ‘외워야 하는 것’으로 생각했지만,
지금은 글을 쓰며 기술을 ‘이해하는 과정’으로 받아들이게 되었다.
블로그는 어느새 내가 가장 신뢰하는 학습의 거울이 되었다.

 

이제 블로그는 나에게
‘기술을 배우는 교과서’이자 ‘글을 쓰는 교실’이다.
코드를 다루며 익힌 논리적 사고는
글의 구조를 명확하게 정리하는 힘이 되었고,
글쓰기를 통해 다진 표현력은
코드 설명 문서나 튜토리얼을 작성할 때 자연스레 발휘되었다.
한 문단의 구성을 설계할 때와 함수의 구조를 설계할 때
비슷한 사고 패턴이 작동했다.
즉, 글을 쓰는 행위 자체가 곧 코드를 짜는 사고 훈련이었던 것이다.

 

결국 나는 깨달았다.
기술과 글은 전혀 다른 세계가 아니었다.
배움의 두 축이자, 서로를 확장시키는 거울이었다.
글을 쓰며 기술을 배웠고,
기술을 익히며 글의 깊이를 더했다.
이 순환이 쌓이면서
나는 단순히 블로그를 운영하는 사람이 아니라
지식을 구조화하고 전달할 줄 아는 창작자로 성장할 수 있었다.

 

꾸준한 글쓰기는 단순히 기록을 남기는 일이 아니라,
배움을 지속시키는 동력이었다.
그리고 그 루틴은 지금도 변함없이,
매일 나를 ‘배우는 사람’으로 만들어주고 있다.

---

결론 : 기술은 결국 글을 진심으로 전달하기 위한 도구였다

키워드: 디지털 문해력, 성장, 꾸준함, 비전공자 도전

비전공자로서 기술을 배우며 가장 크게 느낀 건,
기술은 목적이 아니라 전달의 언어라는 점이다.
HTML이 구조를, CSS가 감정을,
자바스크립트가 경험을 표현한다면,
그 모든 조합은 결국 ‘더 잘 말하기 위한 시도’였다.

 

나는 블로그를 통해 기술을 배우고,
그 기술로 다시 글을 다듬었다.
이 순환은 아직도 끝나지 않았다.
매일 새로운 코드를 배우며,
나는 조금 더 명확하게 내 생각을 전달할 수 있게 되었다.

 

기술은 나를 개발자로 만든 게 아니라,
생각을 표현할 줄 아는 사람으로 성장시켰다.
그리고 그 성장의 기록이 바로
내 블로그의 모든 글 속에 살아 있다.