<JavaScript(자바스크립트)에 관한 모든 것, 차근차근 알아가 보자.>
코딩에 관심이 있는 사람들은 html, css, javascript를 무조건 배워야 한다는 말을 분명 들어봤을 것이다. 도대체 저 언어들이 의미하는 것이 무엇이길래 필수로 배워야 한다는 것일까? 배우지 않고 다른 프로그래밍 언어부터 공부를 하면 어떻게 될까? 초보자의 입장에서 궁금한 부분들을 집중적으로 파헤쳐 보자.
사람들이 흔히 사용하고 있는 웹페이지를 보면 카테고리, 본문 등 기본적인 틀이 잡혀있다. 그렇게 변하지 않고 계속 유지되는 튼튼한 틀이 html로 만들어진 것이고, 그 안의 내용들의 색깔과 다양한 디자인적인 요소들은 css로 만들어진다. 최초의 웹이 등장했을때 단 하나의 언어로 군림했던 html은 정보를 표현하고 주고 받을 수는 있었지만 사용자와 상호작용을 할 수는 없었기에 욕심 많은 사람들로부터 JavaScript가 탄생하게 되었다.
초보자의 입장에서 자바스크립트를 객체 기반의 스크립트 언어라고 설명해봤자 이해하지 못한다. 객체가 무엇인지도 모르는 상태이기 때문에 아주 쉽게 다가간 다음 관심이 가면 파헤치며 공부하면 된다. html과 css로 만들어진 웹페이지는 그냥 제목, 본문, 보이는 그대로의 형태라고 생각하면 된다. 하지만 여기에 사용자의 액션을 더해 움직임이 생긴다면 그건 모두 자바스크립트가 하는 일이다. 예를 들어 눈에 보이는 어떤 버튼을 눌렀을때 페이지의 내용 또는 이미지가 바뀐다거나 글씨체가 갑자기 바뀌면서 크기가 커지는 등 동적인 모습을 보인다면 그건 모두 자바스크립트가 미션을 훌륭히 성공했을때 나타나는 결과물이다.
자신의 홈페이지를 위키피디아처럼 만들고 싶지 않다면 꼭 배워야하는 언어, 그게 바로 자바스크립트(JavaScript)라고 생각하면 된다. 그리고 한가지 더 알아둬야 할 것은 프론트엔드와 백엔드 개념이다. 우리가 보는 화면은 프론트엔드이고, 그 뒤에서 화면에 나오는 것들을 저장하고 불러오는 뒷 세계를 백엔드라고 생각하면 쉬울 것 같다. 모든 전공 분야가 다르듯 이 두가지 모두 다른 세계이자 다른 언어들을 사용한다. 그러니 웹페이지를 만들때 본인이 프론트엔드, 보이는 화면의 디자인을 만들었다면 백엔드 기술자에게 부탁하여 웹페이지를 완성해야 할 것이고, 그게 싫다면 백엔드 언어까지 따로 공부하여 웹사이트를 만들면 된다.
하지만 프로그래밍 언어는 만만하지 않다. 단 하나의 언어를 배우는데 엄청난 노력과 시간을 요구하기 때문에 웬만한 정신력으로는 접근조차 힘들다. 프론트엔드인 html, css, JavaScript의 기본을 마스터 하는데 6개월이라고 한다면 백엔드 언어인 Django, Java, PHP, C++, Python, Ruby 등등 중에서 하나를 공부하는데 적어도 1년이라고 보면 되겠다. 이런 소리를 들으면 초보자의 입장에서 앞길이 막막해질 수 밖에 없을 것이다. 그런 우리에게 빛과 같은 존재가 있으니 그게 바로 자바스크립트를 이용하여 웹브라우저가 아닌 컴퓨터 자체를 제어할 수 있는 백엔드 언어, Node.js 다.
이렇게 자바스크립트 하나의 언어로 프론트엔드와 백엔드를 모두 다룰 수 있게 된다는 결론이다. 그래서 필자는 이 언어를 열심히 파헤치며 공부하는 중이고 다른 초보자들에게도 적극 추천하고 싶다.
모든 프로그래밍 언어는 쉽지 않다. 머리 속에서 코딩이란 단어를 떠올리면 왠지 모르게 어려울 것 같고 머리가 아파오는 듯한 느낌이 드는데 그게 사실이다. 배울수록 어렵고 하나를 알면 모르는 단어가 100개 이상 튀어오르는 듯한 느낌을 받는다. 그럼에도 불구하고 재미를 느낀다면 그게 코딩을 하는 이유일 것이다. 자기 손으로 코드를 짜고 웹페이지가 완성되어가는 모습을 보면 머리가 아프면서도 재미있고 보람이 느껴진다. 생활코딩 egoing 선생님께서 언어는 외우는 것이 아니라 익숙해지는 것이라고 말씀하셨듯 꾸준히 공부하고 실험하면서 포기하지 않는다면 훗날 눈에 보이는 수많은 코드들을 이해하고 마음껏 활용할 수 있는 날이 내게도 올 거라 믿는다.
(인스타툰, 텀블러, 유리컵, 그립톡, 폰케이스, 슬리퍼 등)
hodululu | 인포크링크
hodululu님의 멀티링크를 구경해보세요 👀
link.inpock.co.kr
'코딩 공부 + IT 정보' 카테고리의 다른 글
구글 애드센스 성인만화 차단하는법을 알아보자(탑툰, 투믹스, 레진코믹스, 애니툰, 미스터블루 등등) (2) | 2021.09.14 |
---|---|
구글 애드센스 수동광고 설정하고 글 중간에도 광고를 넣어보자! (초보자 의 입장에서 궁금한 점들) (2) | 2021.09.08 |
구글 애드센스 한달만에 승인 받았다.(1차 거절, 2차 합격한 정보 공유) (0) | 2021.09.05 |
티스토리 글씨 크기를 수정하고 싶은데 px, em, rem 이 뭐지? (0) | 2021.08.07 |
Adobe 비정품 팝업창 없애는 방법 (0) | 2021.08.05 |