프론트엔드 개발자의 시작

Question

안녕하세요. 소프트웨어공학과 3학년을 마치고 곧 4학년, 졸업에 다가온 대학생입니다.

3년동안 전 모범생이라 부르기 어려울 정도로 수업을 자주 빼먹고 시험도 망치곤 했었습니다. 하지만 여러 공모전이나 경진대회, 캠프, 캡스톤 디자인 같은 직접적인 경험을 많이 얻고자 했어요.

그건 그냥 제 성향이었던거 같습니다.. 제 자리에 가만히 앉아서 공부 하는것보단 직접 무언갈 만들면서 깨닫고자 하는게 더 재밌고 저한테 잘 맞는다는 걸 알고있거든요

하지만 곧 졸업을 준비해야하는 때가 다가오고 지금껏 해왔던 것들보다 규모가 더 큰, 제대로 된 프로젝트를 진행해야한다는 것을 알고있습니다. 이제까지 해오면서 느꼈던 가장 큰 첫번째는 대학 수업을 열심히 들을걸.. 이라는 후회였던거 같아요

저는 프론트엔드 개발자로 제 진로를 확고히 하고 싶습니다만, 제가 할줄 아는건 강의에서 들은 HTML5, CSS3, Javascript를 조금 할줄 압니다.. 이번 캡스톤 디자인에서 안드로이드 스튜디오와 Java로 앱을 만들어본적이 있구요. 자료구조나 컴퓨터구조, 네트워크 같은 CS도 강의를 들은적은 있지만 깊게 공부하진 않았구요

학교 강의 이외로 제가 더 공부할 수 있는게 있다면 어떤걸 하는게 좋을까요? 단순하게 취업을 위한 것이 아닌 저 자신의 능력 향상을 위해 공부하고 싶습니다. 조언 부탁드립니다!

김태우 · Accepted Answer

프론트 개발자가 되신다고 하면 HTML, CSS, JavaScript를 한 번 경험해보신 적이 있으시다면 먼저 한 번쯤 바닐라 자바스크립트로 간단한 웹을 만들어 보시는 것을 추천드려요!

프론트 개발자의 역량 중에 가장 중요한 것은 자바스크립트라고 생각합니다.

하지만 리액트라는 라이브러리를 배우기 시작하면 순수 자바스크립트를 통해 웹을 만들 일이 정말 1도 없어집니다. 그 전에 순수 자바스크립트에서 어떻게 웹이 동작하는지 경험해보셨음 좋겠네요!

이렇게 바닐라 자바스크립트로 웹을 만들어 보셨다면 React를 공부해 보시는 것을 추천드릴게요.

기본적인 것들만 공부해 보시고 어려운 개념들은 솔로와 팀플젝들을 여러개 하시다 보면 금방 실력이 늘고 플젝을 진행하며 마주치는 문제들을 해결하시다 보면 심화개념은 공부가 좀 되실 겁니다.

이정도까지 오셨다면 다시 자바스크립트를 되돌아 보시는 것을 추천드립니다. 처음부터 보란 것이 아니라 심화개념을 다시 봐보는 것입니다. (호이스팅, 실행 컨텍스트, 프로토타입, 비동기 등등) 이때 다시봤을 때 전이랑 이해하는 것이 어떻게 다른지 느껴보시길 바랍니다.

여기까지 프론트의 기본 역량이라 생각하고 이제부턴 작성자분의 목표에 따라 무엇을 배우는지 달라집니다.

보통 뷰, 앵귤러, 스벨트, 넥스트 중에 1가지를 공부하지만 개인적으로는 Next.js를 추천드리고 싶네요 리액트 기반의 프레임워크라 이해하기도 쉬울 뿐더러 신세계를 경험하실 수 있으실 겁니다!

Next.js를 하면서 백엔드도 조금씩 경험해 보시는 것도 좋다고 생각해요!

제가 해드릴 수 있는 얘기는 여기까지네요.
아 마지막으로 CS 공부는 틈틈이 하시는 거 추천드려요! 기본적으로 네트워크는 꼭이요!! 운영체제는 그렇게 많이 요구하는 것 같진 않지만 같이 보시긴 하셔야 할 거에요!

작성자분의 프론트 개발을 응원합니다~!