Deep Dive: React

Cafe, Ajou University, 206 World Cup-ro, Yeongtong-gu, Suwon-si, 16499

개발에서 프레임워크는 세부사항입니다. 하지만 객체지향 관점을 넘어 현실에선 그 세부사항에 대한 지식을 많이 필요로 합니다. 특히 여러 기술 스택이 쏟아지는 Frontend 분야에선 더욱 많은 것을 요구당할 때가 많은 것 같습니다. ’Deep Dive’ 스터디는 시리즈 스터디로 여러 웹 프레임워크의 핵심과 본질적 기능을 함께 공부하고자 합니다. 시리즈의 첫 주제는 ‘React’의 템플릿과 렌더링(+생명주기)입니다. 비록 주제는 ‘React’지만 본질은 V-DOM 및 JSX 기반의 프레임워크를 다룬다고 생각하시면 됩니다. 본 스터디는 ‘생산’에 초점을 둡니다. 한 주제를 가지고 첫 주엔 자료 조사와 개인 공부한 것을 토대로 공유를 하고, 두번째 주에 앞서 공부한 내용을 바탕으로 양질의 개인 블로그 포스팅을 목

Dec 10, 2022, 4:30 – 6:00 AM

RSVP'd

RSVP Now

Key Themes

Web

About this event

### 난이도

**[중급]**

리엑트가 완전 처음인 것은 괜찮습니다. 어떤 프로젝트를 시작하는게 아니기 때문에 처음부터 깊이있게 공부한다고 생각하시면 좋을 것 같습니다.

하지만 웹 프레임워크 혹은 웹 개발 자체에 대한 이해가 떨어지면 스터디가 별 도움이 안되실 수도 있습니다.

해당 스터디는 **‘프레임워크 없는 프론트엔드 개발’**이란 책을 주제로 잡았던 스터디의 후속 스터디 입니다.

### 스터디 진행 방식

스터디는 오직 **오프라인**으로 진행됩니다.

시간은 토요일 오후 1시 30분 정도로 생각하고 있으며 추후 스터디원들과 협의할 예정입니다.

스터디 시작 일자는 **12월 03일(토)**입니다.

**시험 기간 고려는 없습니다. ~~(학점과 개발은 별개입니다.)~~**

아래는 주차 별 주제이며 관련된 예시 항목들입니다.

- **1~2주차**

- **(템플릿) 리엑트 라이브러리 & JSX**

- History of React Versions

- React VS ReactDOM

- Thinking In React (React’s Way)

- No CRA & Babel for JSX

- **3~4주차**

- **(렌더링) Reconciliation**

- React Elements

- React Fiber

- Diff. Algorithms

- **5~6주차**

- **(템플릿) Hooks**

- Abstract of Hooks

- Custom Hooks

- **7~8주차**

- **(렌더링) LifeCycle**

- Class Component VS FN Component

- useEffect & useLayoutEffect

****

### 교재, 강의자료

기본적으로 **공식 홈페이지의 문서**를 기반으로 합니다.

그 외 ‘React Europe’ 등 여러 공식적인 컨퍼런스 내용이나 기업의 기술 블로그 글들을 참조합니다.

새로운 글을 생산하는 것에 의미를 두기 때문에, 개인 블로그 글은 최대한 지양합니다.

모든 자료는 제가 주도적으로 공유할 것이며 모든 스터디원의 자발적인 공유로 진행됩니다.

추가적으로 웹 컴포넌트에 대한 이해를 위해 ‘프레임워크 없는 프론트엔드 개발’, ‘Front-End Ractive Architectures’ 등의 서적 역시 도움이 많이 될 것입니다.

### 스터디를 통해 얻을 수 있는 것

피상적으로 알고 있던 ‘React’를 **잘 아는 것**이 최우선 목표입니다.

그리고 블로그 포스팅을 통해 기록으로 남겨 의미를 더욱 분명히 하고자 합니다.

### 모집하는 인원 수

스터디 빌더 포함 최대 6명

### 스터디 신청 방법

**신청은 11월 27일(일)까지입니다!**

슬랙을 통해 저에게 문의해주시거나, 위 번호로 전화주시면 됩니다.

When

When

Saturday, December 10, 2022
4:30 AM – 6:00 AM UTC

Organizer

  • Min Seok Choi

    ajou-university

    GDSC Lead

Contact Us