[와이프 웹 개발자 만들기!] 라는 웹 개발자 강의를 시작해보려고 한다. 와이프는 개발자도 아니고 개발이라고는 전혀 해보지도 않았지만 어떻게 하면 관심을 가질 수 있게 만들고, 그 관심에 만족하는 강의를 어떻게 하면 만들 수 있을까 에서부터 생각하게 되어 와이프가 아니더라도 누구나 한 단계씩 따라오면 개발자가 될 수 있는 강의를 만들고 싶어졌다.
나는 유명하지도 개발을 잘 하지도 않은 그냥 아주 평범한 개발자이다. 내가 알려주는 강의도 평범한 개발자가 알려주기 때문에 아주 평범한 웹 개발자 강의가 될 것이지만 다른 강사보다 어떻게 하면 더 쉽고 빠르게 알려줄 수 있을지는 항상 생각하며 강의를 하려고 한다.
최종적인 꿈은 와이프와 내가 하나가 되어 조용한 시골 마을로 내려가 키우고 있는 반려견 ‘참치’와 함께 행복하게 살기를 원한다. 시골 생활 중 살아가는데 필요한 금전적인 것들은 웹 개발 프리랜서도 가능하니 이런 꿈을 꾸게 되었다.
행복한 상상을 하며 지금까지 개발을 전혀 해보지 않았던 와이프 또는 웹 개발자 공부를 시작하려고 하는 분들을 위해 정말 쉽고 빠르게 웹 개발에 관심이 생기고 나아가 실제로 나와 함께 개발자로 살아갈 수 있도록 강의를 진행해보려고 한다.
와이프 웹 개발자 만들기! 웹 개발자 강의를 시작하며
웹 개발자란 간단하게 접근을 한다면 우리가 매일 보는 웹 페이지, 웹 사이트 등을 개발하고 유지보수하는 것을 말한다. “나는 한 번도 해보지 않았는데 무슨 개발자야?” 라고 하는 사람들도 쉽게 이해하고 바로 실습을 할 수 있도록 웹 개발자 강의를 시작해보겠다.
스마트폰이 있는 사람들이라면 최소한 하루 한 번 이상은 다른 사람이 만든 웹 페이지나 웹 사이트에 접속을 할 수 밖에 없는 이런 시대에 내가 만든 웹 페이지, 웹 사이트에 다른 사람들이 접속을 한다면 얼마나 큰 힘이 될지 생각해 보자. 그리고 괜찮은 아이디어를 세상에 알릴 수 있는 아주 좋은 기회가 될 것이다.
무엇을 알게 될까?
![](https://i0.wp.com/blog.it-zip.com/wp-content/uploads/2023/07/2023-07-11-09-12-24.png?resize=900%2C573&ssl=1)
이 고급스럽지도 않은 글로 된 강의에서 배우고자 하는 내용은 각각이 만든 웹 페이지를 모든 사람들에게 공개할 수 있는 나만의 웹 사이트를 만들어보는 것이다. 나를 소개하고자 하는 웹 페이지 부터 항상 생각해오던 아이디어까지 모두 만들 수 있는 강의를 하는 것이 목표이다.
웹 개발자는 어려운 것이 절대 아니다. 내가 배우고 알아온 것들을 응용한다면 남들보다 특별하고 나만의 웹 사이트를 분명 만들 수 있을 것이다. 하나부터 열까지 배우고 싶은 의지만 있다면 언제든지 환영한다. 웹 개발자가 되어 보자.
웹 페이지 만들어보기
![](https://i0.wp.com/blog.it-zip.com/wp-content/uploads/2023/07/2023-07-11-09-09-19.png?resize=900%2C550&ssl=1)
누구나 웹 페이지를 쉽게 만들 수 있다. 먼저 웹 페이지를 구성하는 가장 중요한 요소는 HTML, CSS, Javascript(자바스크립트)라고 할 수 있는데 HTML을 이용하여 전체적인 웹 사이트의 뼈대를 잡고, CSS를 이용하여 폰트크기, 사이즈, 색상 등 눈에 보이는 것들을 이쁘게 만들 수 있다. 그리고 Javascript를 이용하여 정적인 웹 사이트가 아닌 동적인 웹 사이트를 만들 수 있는 것이다.
이 전에 작성했던 글에서도 한 번 소개를 했었지만, ‘Javascript’는 아주 중요하다고 볼 수 있다. 막상 공부를 하고 원리를 알면 쉽게 느껴질 수도 있으니 강의를 통해 하나씩 알아가보도록 하자.
먼저 HTML(Hypertext Markup Language의 약자)이라는 프로그래밍 언어를 이해하고 만들어보자. CSS와 자바스크립트는 HTML을 공부한 후에 하나씩 적용해간다면 전체적인 웹 사이트 구성에 대해 어렵지 않게 이해할 수 있을 것이다.
Visual Studio Code 설치하기
![](https://i0.wp.com/blog.it-zip.com/wp-content/uploads/2023/07/2023-07-05-10-35-51-1.png?resize=900%2C675&ssl=1)
간단한 웹 페이지를 만들어 볼 예정이기 때문에 우리는 Visual Studio Code를 설치하고 사용하기로 해보자. 다른 개발툴도 많지만 단기간에 많은 개발자가 사용하는 툴 이기 때문에 추천한다.
[VS Code]Visual Studio Code 다운로드 및 설치
위 링크를 통해 다운로드, 설치를 하고 다음 시간부터 HTML에 대해 알아가보도록 하자. 참고로 전자책 제작 등 웹 개발자 외에도 HTML에 대해 알아야 할 필요가 있기 때문에 공부가 필요하니 참고하도록 하자.