많은 사람들이 개발자 또는 개발을 시작하기 위해서 파이썬으로 시작하는 것을 보았다. 파이썬을 제대로 다뤄보지 않았지만 매우 좋은 프로그래밍 언어라 생각하지만 나에게는 맞지 않다. 유튜브에 매우 좋은 강의가 있고 매우 잘 알려주지만 너무 지루하다. 공부는 항상 재미없다. 분명 나와 같은 사람들이 있을 것이다. 자바도 배워보려 했고 파이썬도 배워보려 했으나 번번이 실패, 나와 같은 경우가 많을 것이라 생각한다. 내가 번번이 실패했던 이유는 여러 가지가 있겠지만 가장 큰 이유는 어렵고 재미없었기 때문이다. 문법을 이해하고 앱을 만들려면 상당히 고통스러운 시간은 감내해야 한다.
내가 추천하는 방법이 누구에게나 통용되지는 않겠지만 나는 HTML을 먼저 배우라고 추천한다. 누구나 웹을 사용하기 때문에 이해하기가 매우 쉽다. 물론 HTML은 프로그래밍 언어가 아니기 때문에 무시할 수도 있겠지만 HTML을 자바스크립트와 연관이 깊다. 앞으로 HTML, CSS, 그리고 자바스크립트를 주로 설명할 건데 이 세 개의 차이점은 무엇이고 왜 세 개가 필요할까?
가장 쉽게 이해하는 방법은 HTML은 명사, CSS는 형용사, 자바스크립트는 동사로 보는 것이다.
파란색 버튼을 아래로 움직여!
여기서 버튼은 HTML로 만들고 CSS로 파란색을 입혀주며 자바스크립트로 움직여 준다.
따라서 기본 버튼을 웹에서 보여주려면 HTML만 사용하면 된다. 다음과 같은 버튼이 CSS가 적용되지 않은 버튼이다.
여기에 파란색을 CSS를 사용해 입힌다면,
디자인적으로 최악이지만 스타일을 입힐 수 있다. CSS는 스타일을 바꿔주는 거로 이해하면 된다. 이제 이 버튼을 클릭하면 무엇이 실행되는지 결정하는 것은 대부분 자바스크립트에서 이루어진다. 버튼을 클릭하면 이메일을 보낼 수 있고 버튼을 클릭하면 바탕화면이 바뀌게도 할 수 있다. 자바스크립트가 결정할 게 가장 많기 때문에 이 셋 중에는 자바스크립트를 배우기 가장 어려운 편이다. 하지만 HTML/CSS를 배우면서 자바스크립트도 조금씩 접한다면 그렇게 어렵지 않다.
이다음 포스팅부터는 HTML을 이해하게 된다. HTML을 이해하면 구글의 첫 화면을 그대로 따라 할 수 있다. 물론 자바스크립트가 없기 때문에 검색은 실행되지 않지만 매우 비슷하게 만들 수 있다.
댓글