Skip to content

Ch1 - Ch13 #58

@sgoldenbird

Description

@sgoldenbird

Goal

팀원 각각의 스케쥴에 맞게 각자 진행하는 스터디

Period: 개별 스케줄에 따른 자율 진행 (Self-paced)
Description: 리액트 기본 개념 빠르게 정리
Deadline: 개별 스케줄에 따른 자율 진행 (Self-paced)

Topics

1. 자바스크립트 기초 
    - 1.1 처음 만나는 자바스크립트  
    - 1.2 변수와 상수 
    - 1.3 자료형
    - 1.4 형변환
    - 1.5 연산자 
    - 1.6 조건문
    - 1.7 반복문 
    - 1.8 함수 
    - 1.9 스코프 
    - 1.10 객체 
    - 1.11 배열 

2. 자바스크립트 실전 
    - 2.1 Truthy & Falsy
    - 2.2 단락 평가 
    - 2.3 객체 자료형 자세히 살펴보기 
    - 2.4 반복문 응용하기 
    - 2.5 구조 분해 할당
    - 2.6 스프레드 연산자와 rest 매개변수
    - 2.7 배열과 메서드
    - 2.8 Date 객체와 날짜
    - 2.9 비동기 처리 

3. Node.js 
    - 3.1 Node.js란?
    - 3.2 Node.js 환경 설정하기
    - 3.3 비주얼 스튜디오 코드
    - 3.4 Node.js 패키지
    - 3.5 Node.js 모듈 시스템 
    - 3.6 라이브러리 사용하기 

4. 리액트 시작하기 
    - 4.1 리액트의 특징
    - 4.2 리액트 앱 만들기 
    - 4.3 리액트 앱의 동작 원리 
    
5. 리액트의 기본 기능 다루기 
    - 5.1 컴포넌트
    - 5.2 JSX
    - 5.3 컴포넌트에 값 전달하기 
    - 5.4 컴포넌트와 상태 
    - 5.5 Ref

p1. 카운터 앱 만들기 

6. 라이프 사이클과 리액트 개발자 도구 
    - 6.1 리액트 컴포넌트와 라이프 사이클
    - 6.2 useEffect
    - 6.3 리액트 개발자 도구 
    
p2. 할일 관리 앱 만들기 (CRUD)

7. useReducer와 상태관리 

8. 최적화

9. 컴포넌트 트리 전체에 데이터 공급하기 

p3. 감정 일기장 만들기 

10. 웹 스토리지 이용하기 

11. 감정 일기장 배포하기

Checklist

  • 이번 주 목표(다룬 챕터/주제)가 완료되었나요?
  • 모든 참여자가 정리 자료를 제출했나요?
  • 토론/질문 사항이 공유되었나요? (있다면)
  • PR/Issue 링크가 정상적으로 연결되었나요?

Metadata

Metadata

Assignees

Type

No type

Projects

No projects

Relationships

None yet

Development

No branches or pull requests

Issue actions