리액트(React) 스터디 일지2

 

이 글은 React에 관심이 있는 분들이라면 모두를 대상으로 작성되었습니다.

 

동기

워낙 빠르게 다변하는 IT에서 Angular, Vue, React는 확실히 자신들만의 생태계를 구축하며 Front개발에는 이제 빠져서는 안 되는 라이브러리로 자리 매김했습니다.

저도  Angular, Vue 두 프레임워크는 실무에서 사용을 해 본 적은 없지만 개인적으로만 공부를 해 본 상태였고 혼자서 공부를 하지 않고 있는데 하루가 다르게 변하는 코드들을 보면서 더 이상은 미룰 수 없다고 판단하여 공부를 시작했습니다.

 

운이 좋게도 저는 현재 개발팀에 소속되어서 UI 개발 업무를 담당하고 있는데 팀에서 인원들을 나누어 각자의 관심 분야를 공부하고 토의하는 자리를 만들면 좋겠다는 의견이 있었고 저는 관심분야인 React를 선택하게 되었습니다.

어찌 보면 처음 React가 세상에 나오고 많은 변화가 진행된 React를 지금 공부한다는 게 조금은 늦었을지도 모르지만 스스로 시작이 반이라는 말로 위로했습니다.

 

팀원은 저를 포함해서 총 3명으로 구성되었습니다.

 

기본 선지식

• HTML과 Sass, JQuery에 대해 알고 있었습니다.
• Vue를 혼자서 스터디를 해본 적이 있습니다.
• React가 무엇인지는 알고 있지만 실제로 접해본 적은 없습니다.
• SPA가 무엇인지는 알고 있었습니다.
• ES5 문법과 ES6 문법에 대해 기본지식이 있었습니다.

스터디 방향 및 방법 논의

• 모두 회사에서 각자의 업무가 있었기 때문에 편의성을 위해서 팀 전용 메신저 방을 개설했습니다.
• React와 TypeScript를 같이 공부하기로 결정했습니다.
• 사용 툴은 모두 동일한 사용 툴을 사용하기로 하였습니다.

 

저희는 스터디 목록 책을 2권으로 정했습니다. TypeScript 책은 회사에 이미 구비되어 있는 책이 있어 해당 책으로 공부하기로 결정했습니다. 책은 저희가 정한 특정 책을 말하는 건 좋지 않다고 생각합니다.

책이나 강의는 자신과 맞는 책이 있기 때문에 서점에서 직접 한번 시간을 내어 간단히 책을 살펴보거나 인터넷 서점에서 평을 참고하여 정하는 것을 권해드립니다.

그리고 개인적 생각으로 회사에서 구입한 책 2권을 살펴보니 책에서 담고 있는 내용은 전반적으로 비슷하다고 생각합니다. 그 외 부족한 부분은 React 공식 API와 구글 서치를 참고하기로 하였습니다. 

 

 인텔리J나 웹스톰은 성능은 좋지만 유료이기 때문에 제외되었고 서브라임텍스트는 React는 최적화가 되어 있지 않다고 판단하여 저의 팀은 3명 모두 사용 툴은 VSCODE를 사용하기로 했습니다.

 

3명의 팀원 중 1분은 이미 React에 대한 개념이 있었고 저와 나머지 한분은 React에 대해 전혀 몰랐기 때문에 처음 스터디 팀을 계획하고 1주일은 React에 대하여 기본 선지식을 익히기로 했습니다.

 

처음 React를 공부하시는 분들은 인프런이나 YouTube, 공식 문서 API 등 다양한 방법을 통해 React에 대한 기본 선지식을 익히실 수 있는데 저는 개인적으로 생활코딩 React 강의를 들으면서 선지식을 습득하는 것을 추천드립니다. 생활코딩 React 강의는 기본 개념 정리(일단 강의가 너무 길지 않고 초보자에게 핵심적인 내용만 전달해 주기 때문에 좋다고 생각합니다.)를 하는데 좋고 강의도 무료입니다.

 

생활코딩은 일반인에게 컴퓨터 프로그래밍을 알려주는 것을 목적으로 하는 비영리 교육 프로젝트 사이트로 교육은 '이고잉'이라는 필명으로 활동하는 제작자에 의해서 만들어져 있습니다. 기초적인 지식으로 접근해서 알려주기 때문에 처음 생활코딩 강의만 들으면 

React별거 없는데? 하는 자신감도 같이 덤으로 얻을 수 있습니다. (React의 현실은 어렵습니다.)

 

이 스터디 일지를 읽는 분은 React에 관심이 있는 분들이겠죠?

저와 같이 React를 배우고 모두 실무에서 멋진 코드를 작성하게 되었으면 좋겠습니다.

 

다음 스터디 일지로 돌아올게요.