초보 비전공자 개발 프론트엔드 입문하기

앞으로 TIL를 꾸준히 기록하면서 이를 시작으로 개발자가 되기 위한 과정을 공유해보려 한다. 어렸을 땐 실패가 두려워서 아웃풋이 명확하지 않은 상황에서 과정을 오픈하는 것에 대한 두려움이 있었지만, 어느 정도 나이가 드니 그게 정말 하나도 중요한 것이 아니었다는 걸 안다. 지금이라고 해서 그 두려움이 없진 않지만 결과에 너무 연연하지 않고 꾸준히 노력해 나가는 과정이 훨씬 중요하니까, 차근차근 조바심 내지 않고 해보자.

 

오늘의 TIL은 UTIL 이다. Until Today I Learned.

아직 얼마 안되긴 했지만 회사를 마무리하며 짬내어 공부해 온 개발 프론트엔드 입문용 공부 코스를 순서대로 공유해본다.

 

0. 드림코딩

일단 공부에 앞서서 비전공자 개발자 전향, 개발자 공부, 커리어 플래닝 관련 컨텐츠를 엄청나게 찾아보았고 그러다 발견한 좋은 채널들이 많은데 드림코딩 이 분은 너무나 멋지고 롤모델 삼고 싶은 분인듯! 이 분이 사용하는 프로젝트, 목표, 일정 관리 노션 템플릿을 공유한 컨텐츠가 있었는데 이걸 보고 나도 노션에 해당 템플릿을 활용하여 플래닝 및 공부 노트를 작성하기 시작했다. 해당 템플릿도 공유 받을 수 있고, 사용법도 매우 쉽게 알려주니 추천한다.

 

 

1. 생활코딩

말하면 입아플 정도의 입문 바이블 수준의 무료 고퀄리티 학습 컨텐츠. 이고잉이라는 분이 설명을 정말 참 잘하신다. 역시 머리가 좋으면 남에게 설명을 쉽고 명확하게 잘 해준다. 입문할 때 꼭 한 번씩 보아야 하는 컨텐츠! 나는 HTML & Internet, CSS, JavaScript 순으로 강의를 수강했다. 개발자가 되고 싶은 사람이 아니더라도 알면 삶이 더 윤택해질 것이다.

 

 

2. 인프런

인프런은 개발 외에도 다양한 실무 분야 학습 강의를 제공하는 곳으로 입문부터 각 세부 분야별 강의까지 입맛에 따라 골라들을 수 있는 플랫폼이다. 글로벌하게는 Udemy도 유명한데 일단 국내 수강생을 대상으로한 인프런에도 좋은 강의들이 많아서 일단 인프런 유료 강의로 추가 수강을 했다. 

 

먼저 내가 들은 강의는 인프런 & 코드캠프에서 주관한 코딩 기초 강의 코스이다.

1. [인프런x코드캠프] 시작은 프리캠프
2. [인프런x코드캠프] 강력한 CSS
3. [인프런x코드캠프] 훈훈한 JavaScript

총 3가지 강의로 구성되어 있고, 생활코딩 보다 좀 더 디테일하게 실습 예제를 만들어보면서 듣기 적합하다. 중간에 싸이월드 비슷한 페이지를 만드는 등 과제나 실습 예제가 있어서 재밌게 학습해볼 수 있다. 

 

3. 프로그래머스

프로그래머스는 강의, 국비지원코스 운영, 코딩 테스트 연습 서비스를 제공하는 곳으로 도움이 많이 된다. 주로 강의 보다 코딩테스트 연습 목적으로 찾게될 곳이지만 일단 프론트엔드 기초 추가 강의를 들으면 앞의 두 곳과는 또 다른 접근 방식으로 강의 내용이 구성되어 도움이 되는 것 같다. 아래 자바스크립트 강의와 정규표현식 코딩 실습은 내용이 아주 많은 것은 아니어서 하루 이틀 수준에서 추가로 공부하기 좋았고, 본격적으로 코딩 테스트 연습을 통한 학습을 시작했다.

자바스크립트와 웹 프론트엔드

정규표현식

 

프로그래머스의 코딩테스트 연습은 백준 문제풀이도 유명하지만 좀 더 초보자가 학습하기 적절한 포맷이라고 생각한다. 아예 백지에서 문제풀이를 하는 것이 더 좋지만, 처음 배우는 입장에서는 어느 정도 가이드라인이 있는 상태에서 빈칸 채우기 처럼 접근하면 부담이 덜하니까? 물론 나는 처음에 Lv.0 첫 문제는 기존에 써있는 기본 readline 모듈도 처음봐서 완전 당황했다. 어쨌든 앞으로는 이 코딩 테스트를 차근차근 뿌셔보는거다...화이팅!

코딩테스트 연습 | 프로그래머스 스쿨

 

4. 노마드코더

그 외에도 나의 재미(?)를 위해서 노마드코더의 [바닐라 JS로 크롬 앱 만들기] 무료 코스를 수강하기 시작했다.

 

All Courses – 노마드 코더 Nomad Coders

 

운영자 니꼬라는 분도 생활코딩처럼 매우 유명한 개발 유튜버이자 교육 커뮤니티를 운영하는 분인데 디지털 노마드이다. 내가 워너비하는 라이프스타일! 노마드코더 사이트의 강의를 통해 클론 코딩을 다양하게 해보던데 재미있을 것 같다. 개발 공부 아직 햇병아리라 뭐라고 단정하기 어렵지만 일단 기본적인 지식 수준을 쌓는 것 외에도 직접 만들고 싶은 것을 만들어보는 것도 중요하니까 이런 재미있는 토이 프로젝트를 해보는 것도 너무 기대가 된다.

 

여기까지가 최근 퇴사를 하며 마무리 & 새로운 시작을 본격적으로 돌입한 기간동안 내가 학습해온 방향성이고, 프론트엔드 개발 입문으로 공부한 컨텐츠들이다. 내일부터는 데일리 학습 내용으로 업데이트 할 예정!