README.md

STUDY: 리액트 프론트엔드

최신의 리액트 프론트엔드 기술을 기초부터 빠르게 배우기 위한 스터디입니다. 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: 각자의 프로젝트 코드

참고