프론트엔드 개발자 로드맵, 프론트엔드 개발자란? 공부순서 알아보기!

안녕하세요! 에그란입니다.

저는 현재 전문대 컴퓨터공학과를 재학중인 학생이며, 현재 목표는 졸업 후 프론트엔드 개발자로 근무하는 것이 목표입니다. 졸업까지 약 1년 반이라는 시간이 남아있습니다. 하지만 이 시간을 어떻게 활용하냐에 따라서 백수가될지 취준을 성공할지 달라질 것 입니다. 

 

저는 뒤늦게 진학을 결정하여 1학년이지만 26살입니다. 저처럼 뒤늦게 진학을 하시거나 목표를 찾으신분들에게 도움이 되고자 저의 공부기록 등을 티스토리에 남겨보려고합니다. 앞으로 잘 부탁드립니다 !

 

◆ 프론트엔드 개발자란?

프론트 = front = 앞 

간단히말하면, 앞부분, 보이는 부분을 개발하는 사람이라고 설명할 수 있습니다.

예를들어 티스토리라는 웹사이트에 아이디와 비밀번호를 입력할 수 있는 입력창을 만들고 검색할 수 있도록 검색창을 만드는 것,그 웹 화면을 구성하고 사용자가 사용하기 쉽고 보기좋게 프로그래밍하는 일을 하는 사람이라고 생각하면 됩니다.

 

반대로, 백엔드 개발자는 보이지 않는 뒷부분을 만드는 것으로, 웹사이트에 입력한 내 아이디와 비밀번호를 이용해 실제 로그인이 될 수 있도록 구현하는 개발자를 백엔드개발자라 할 수 있습니다.

 

더불어 풀스택 개발자는 프론트, 백엔드개발이 모두 가능한 개발자입니다.

 

 

 

◆ 프론트엔드 개발자가 되려면?

 

HTML, CSS, javascript 3가지는 필수로 배워야합니다. 이것이 무엇이냐!

 

HTML - 웹사이트의 뼈대, 구조 ( 웹페이지의 글, 제목, 표, 버튼 등을 만든다)

 

CSS -  HTML 구조를 꾸며주는 것 ( HTML에서 만든 글, 제목 등을 꾸며준다. 제목을 가운데정렬하고 굵게하고 빨강색으로 변경하기 등등)

 

Javascript - 동적인 반응, 기능 ( 클릭하면 팝업창이 뜨는 등의 페이지를 움직이는 기능,효과) 

라고 생각하시면 될 것 같습니다. 

 

아래의 사진은 프론트엔드 개발자의 로드맵입니다. 저 역시 이 로드맵을 순서로 공부를 해볼 예정입니다. 영어로 적혀 있어서 눈에 들어오시지 않으시겠지만 해석해보면 인터넷은 어떻게 작동하는 가? HTTP가 무엇인가? 등의 인터넷이 무엇인지 공부하고 HTML - CSS - Javascript 등등 순서로 공부하면 될 것 같습니다. 

 

 

 

 

출처 : https://github.com/kamranahmedse/developer-roadmap#readme

 

이미 학교에서 HTML과 CSS를 배우고있지만 솔직히 말하면 정말 기본적인 것만 배워서 이걸 배운대로 웹사이트를 만든다면 아무도 저를 채용하지 않을 것입니다...^^ 

솔직히 저는 누구를 가르칠 실력은 되지않지만 저와 같은 고민으로 열심히 인터넷 검색 중 이실 여러분들에게 도움이되도록 열심히 공부하면서 기록해보도록 하겠습니다!