[React] ReactJS로 영화 웹 서비스 만들기 (1)

Lpla

2021. 2. 6. 21:11

강의 선택

작년부터 내년(2021년)엔 프론트엔드 공부를 시작하기로 다짐했고 기념비적인 첫 강의를 무엇으로 할 지 고민을 많이 했다.

먼저 velopert님 강의는 목소리와 발음이 좋고 강의 내용도 입문자들이 듣기에 좋아 보였지만, 2018년 강의라 약 3년이 지난 지금 찾아 듣기에 자잘한 차이점이 존재하거나 사소한 오류가 발생할 우려가 존재했다.

nomad coder님 강의는 재치있고 속도감 있는 강의와 함께 결과물이 남기 때문에 흥미를 가지고 즐겁게 들을 수 있지만, 영어 강좌라 자막을 봐야 하는 점이 단점이었다.

zerocho님 강의는 웹 게임이라는 여러 예제들을 만들기 때문에 실전에 잘 맞고 흥미를 느낄 수 있지만, 강좌가 길고 특유의 유튜브 채팅을 읽어가며 강의하는 모습이 나와는 맞지 않았다. (물론 채팅 덕에 꿀팁을 얻어가기도 한다.)

사실 세 분 모두 좋은 강사님들이라 취향에 따라 선택하면 되는데 나는 입문 단계에서 React와 가볍게 인사 정도 하고 싶었기 때문에 강의도 짧고 속도감도 빠른 노마드코더 강의를 듣기로 결정 했다.

노마드코더의 ReactJS로 영화 웹 서비스 만들기는 총 7챕터로 구성되어 있다.

그 중 1. 소개, 2. 설치를 제외하면 사실상 리액트 강의는 5챕터이다.

각각의 챕터도 30분 내외이고 마음 먹기에 따라 하루 만에 완강하기에 부담도 없다.

하지만 나는 길게 본다는 생각으로 가볍게 하루 1강을 목표로 들었다. (블로그에 정리도 해야하니...)

강의 요약은 내 주관을 듬뿍 담아 강의를 들으며 느끼고 배운 점을 마음대로 적었다.

솔깃해서 찾아보니 이미 유명한 플러그인이다. React Developer Tools

React Developer Tools

Adds React debugging tools to the Chrome Developer Tools. Created from revision f160547f47 on 12/4/2020.

chrome.google.com

이 확장 프로그램을 켜고 React 사이트에서 개발자도구를 열면 특별한 탭이 생긴다. 아직 자세한 기능은 모른다.

stateofjs.com에서 자바스크립트 관련 통계를 확인할 수 있다. 2021년 현재에도 운영 중이니 최신 트렌드를 확인하고 싶다면 정독 추천.

The State of JavaScript Survey

The annual survey of the JavaScript ecosystem.

stateofjs.com