React 웹 앱 러닝 가이드
  • React Application for Web
  • Orientation Survay
  • Learning History
    • Notice for Learning 👀
    • Context API
    • Form Controls
    • Component Communication
    • Event Binding
    • Life Cycle Methods
    • Props vs State
    • defaultProps & propTypes
    • Component & props
    • JSX in Action
      • 콘텐츠 인터폴레이션
      • 속성 인터폴레이션
      • 조건부 렌더링
      • 리스트 렌더링
      • 주의 사항
    • JSX is React Element
    • Web Development ▸ React
      • 컴포넌트 제작 실습
      • Babel 독립형 빌드
      • React 소개
      • React 앱 (웹 환경)
      • React 앱 (빌드 환경)
    • Preparing for class
      • 학습 준비
      • 실습 진행
  • Mission
    • Design ▸ React Component
    • Assets ▸ React JSX
    • Component Design ▸ Develop
    • ES5 to ES 6+
  • Tip & References
    • Github repository Clone Tip!
    • Visual Studio Code
      • code 커맨드
      • 익스텐션 백업/복구
      • 포터블 모드
    • JS Frequently Used in React
      • Arrow function
      • Template Liternals
      • Destructuring assignment
      • Default parameters
      • Rest paramenters
      • Shorthand property names
      • Modules
      • ternaries
      • Nullish coalescing operator
      • Optional chaning
      • Array methods
      • Promises & Async function
    • Understanding Virtual DOM
    • React's One-way Data flow
    • Create React App
      • React 프로젝트 생성
      • 브라우저 호환성
      • public 디렉토리
      • CSS 노멀라이징
      • CSS 스타일 추가
      • 이미지, 폰트 파일 추가
      • CSS 모듈 활용
      • Sass 프리 프로세서
      • Sass 모듈 활용
      • PostCSS 활용
      • 절대 경로 import
      • 글로벌 변수 문제
      • 환경 변수 활용
      • 커스텀 템플릿
      • CRACO
      • GitHub Pages 배포
      • CRA 공식 문서
    • React Testing Library
      • Jest DOM 테스트
      • React 컴포넌트 테스트
      • 컴포넌트 요소 선택
      • 이벤트 테스트
    • Storybook for React
      • 설치/구성
      • 매뉴얼 설치
      • Story 작성
      • Story 컨트롤
      • Story 액션
      • Story 문서 블록
      • Storybook 레이아웃
      • Storybook 애드온 (공식)
      • Storybook 애드온 (확장)
    • Component Driven Development
    • Infographic Design for People
    • FontAwesome for React
    • Webpack ▸ React App
  • Q&A
    • Async & useEffect Hook's Flow
Powered by GitBook
On this page

Was this helpful?

  1. Learning History

Preparing for class

2021년 3월 2일 학습 내용입니다.

PreviousReact 앱 (빌드 환경)Next학습 준비

Last updated 3 years ago

Was this helpful?

학습 도구

학습에 사용 될 도구는 다음과 같습니다.

도구

설명

참고

Git

버전 컨트롤 시스템 (VCS)

vs

GitHub

학습 자료 공유 온라인 저장소

GitBook

학습 진행 내용 정리 E-Book

Terminal  | |  

명령어 환경 ()

코드 에디터

웹 브라우저

학습 준비
실습 진행
버전 관리
형상(구성) 관리
Git 버전 관리 에센셜
React App for Web 2021
Git Bash
iTerm2
CLI
Visual Studio Code
Chrome