본문 바로가기

댓글0
번역beta

Translated by kakao i

번역할 언어 선택

뷰 본문

탈잉

제 2의 영어라는 '코딩', 뭐부터 배워야 하나요?

3년 사이에 코딩을 배우려는 직장인들이 2배 이상 늘었다는데..

7,737 읽음
댓글0
번역beta

Translated by kakao i

번역할 언어 선택


"코딩"

"빅데이터"

"프로그래밍"


.

.

.


이런 용어들.. 어디선가 한 번쯤은 들어보셨을 것 같은데요.


'제 2의 영어'라고 불리는 코딩! 그만큼, 배워둬야 하는 것이 되었는데요. 3년 사이에 기술 학원으로 몰리는 직장인들도 2배 이상 증가했다고 합니다.


즉, 많은 직장인들이 코딩을 배우려 한다는 거죠!


하지만 막상 코딩을 배우려고 알아보니...


Python, R, JavaScript, HTML, C언어, C++, PHP 등...


수많은 언어들이 존재한다는 것을 알게 되고, 여기서 우리는 하나의 의문을 가지게 됩니다...!

1도 모르겠다
'뭐부터 배워야 하지..?'


결론부터 말하면, 나의 목적에 따라 배워야 하는 언어가 달라진다는 겁니다.


오늘은 웹 개발은 어떤 언어부터 배워야하는지를 알아볼텐데요.


그 전에 선택해야 할 것이 있습니다.


바로, 내가 배워야 하는 것이 프론트엔드, 백엔드인지 인데요!


'프론트(front)'와 '백(back)'

딱 봐도 앞과 뒤를 담당하는 녀석 같죠!?


프론트엔드 (front-end) ?


프론트엔드는 웹에서도 '보이는 부분'을 일컫는 용어입니다.


예를 들어, 인터넷 주소창에 taling.me를 입력하고 탈잉 홈페이지에 들어오면, 바로 볼 수 있는 이벤트 배너, 인기수업, 수업 목록 등이 보이는데요.


이렇게 눈에 보이는 것들이 바로 웹 프론트엔드에 속합니다.



웹 프론트엔드 입문자에게는 HTML, CSS, Javascript를 추천 드립니다.


HTML 이란?


HTML은 Hyper Text Markup Language에서 각 단어의 앞 글자를 따온 건데요.


쉽게 말하면 웹사이트의 뼈대(구조)를 생성할 수 있게 해주는 언어입니다!


탈잉 홈페이지에서 개발자도구(윈도우 F12 / 맥 alt+cmd+i)를 켜보면 head, body, div등이 나올텐데요,



위의 화면에서, HTML 요소들만 빼고 삭제하면!?


이렇게 뼈대만 남게 됩니다!



CSS 는?


CSS는 Cascading Style Sheets의 약어로,


미리 구축된 HTML요소들에 글자의 크기나 줄 간격 등 뼈대에 디자인을 입히는 작업입니다!



JavaScript 란?


마지막으로 Javascript는 기능적인 부분을 담당하는 언어입니다!


예를 들어, 어떤 버튼을 클릭하면 게시판으로 간다거나 팝업창이 열리는 등 액션에 해당되는 부분을 담당합니다.


한마디로 정리하면, 아래 이미지와 같습니다!


이렇게 HTML로 구조를 만들고 CSS로 스타일을 입힌 뒤, Javascript로 기능적인 부분을 추가해줍니다.


이 중에서 특히, 자바스크립트와 관련해서 코드를 좀 더 효율적이고 체계적으로 작성할 수 있게 해주는 도구들이 계속해서 나오고 있는데요!



대표적으로 리액트, 뷰와 같은 라이브러리들이 있습니다.


하지만 처음부터 리액트 또는 뷰를 학습하기에는 다소 진입장벽이 있습니다.


이 둘은 기본적으로 자바스크립트에 대한 이해도를 바탕으로 하기 때문에 어디까지나 자바스크립트에 대한 선행학습이 필수적입니다.


따라서 입문자분들은 우선 자바스크립트를 학습하시고 그 이후 리액트나 뷰 둘 중 하나를 선택해서 학습하시면 됩니다!


.

.

.


이렇게 웹 프론트엔드에 대해 알아봤는데요!


다음 포스트에서는 웹 백엔드, 그리고 웹 개발자가 추가적으로 학습해야할 것들에 대해 얘기해보도록 하겠습니다!!




프로그래밍..!!
배우고는 싶은데, 어디서 배워야할지 모르겠나요?


현직으로 뛰고 있는 실무자에 '쉽게 배워보세요'

▼ 탈잉에서 'Jordan'을 검색하세요!

실시간 인기

    번역중 Now in translation
    잠시 후 다시 시도해 주세요 Please try again in a moment