최신의 리액트 프론트엔드 기술을 기초부터 빠르게 배우기 위한 스터디입니다.
4주동안 진행될 예정이며, HTML과 CSS, JS에 대한 간단한 기초 지식만 있다면 누구나 배울 수 있습니다
| 주차 | 내용 | 기간 | 비고 |
|---|---|---|---|
| 1주차 | 개발 환경 세팅, 컴포넌트 | 3월 9일 (목) 18:00 | |
| 2주차 | Hook, 리액트의 동작 원리 | 3월 13일 (월) | |
| 3주차 | Typescript와 다양한 라이브러리들 | 3월 20일 (월) | |
| 4주차 | API 연결, 아키텍쳐 | 3월 27일 (월) |
- 박준영 @designDefined (스터디장)
- 백창인 @9bci
- 김윤식 @yunsik29
- 리액트로 각자 카카오톡이나 페이스북과 같은 웹 애플리케이션을 제작해보자
- 리액트를 비롯한 모던 프론트엔드 라이브러리들을 전반적으로 훑어보자
본 과정은
vite의react-ts템플릿을 이용하여 진행됩니다
리액트는 오늘날 널리 사용되는 프론트엔드 라이브러리로, 사용이 간단하고 생산성이 높아 웹 프론트엔드 전반에 널리 사용되고 있습니다. 문제는, 리액트가 너무 많이 사용되기 때문에 웹 상에 잘못되거나 좋지 않은 정보가 산재한다는 것입니다. 그렇다고 리액트가 어렵거나 접근성이 낮은 라이브러리도 아니기에, 비싼 강의를 듣기에는 조금 억울한 감이 있죠. 그러니 이 스터디를 통해 최소한의 노력으로 리액트를 정확히 이해해봅시다!
매 주 1~2시간의 세션을 진행합니다. 세션에서는
- 스터디장이 정리한 이론적 내용을 공부하고
- 예시 코드(Xction의 파일럿 프로젝트)를 훑어보고
- 질의응답을 받습니다
이후 일주일동안 각자 실습 프로젝트의 작업을 진행합니다. 진행하는 과정에서의 질의응답은 Github Issue로 진행할 예정이며, 작업한 코드는 상호 리뷰를 거쳐 이 레포지토리에 저장됩니다. 실습 프로젝트의 결과물은 Xction의 개발 작업에 유용하게 쓰일 예정입니다.
- 1주차
- 2주차
- 3주차
- 4주차
리액트를 이미 잘 사용하고 있는 사람들과 함께 리액트를 보다 심도 있게 공부하고, 다른 프레임워크/라이브러리와 비교해보는 스터디도 진행하고 싶은데, 의사가 있는 사람이 있다면 병행하고자 합니다!
document: 수업 주차별 README와 PPT 자료 등example: 수업 주차별 예시 프로젝트 코드project: 각자의 프로젝트 코드