React
  • 리액트 강의
  • * 강의 수강 전 준비 (중요)
  • 기본 개념
    • Node.js & npm
    • npm과 npx의 차이에 대해서
    • Babel
    • Bundler
    • Class
    • this
    • import, export에 관해서
    • Arrow function
    • Map
  • 1강
    • React가 뭐야?
    • 리액트를 왜 배우니 ?
    • CRA를 활용한 리액트 앱 만들기
    • 태초에 DOM이 있었다.
    • React에는 HTML이 없나요 ?
    • Component Of React
    • 영화 소개 프로젝트: 프로젝트 생성
    • JSX
    • props & state
    • 영화 소개 프로젝트: 컴포넌트 작성
  • 2강
    • 라이프사이클
      • 라이프 사이클이 뭔데?
      • render
      • componentDidMount
      • componentDidUpdate
      • componentWillUnmount
      • 라이프 사이클의 동작
    • 리액트의 스타일링
      • Pure css
      • SCSS
      • Styled-components
    • 영화 소개 프로젝트: SCSS, Styled-component
    • 영화 소개 프로젝트: 외부 라이브러리 사용해보기
    • LifeCycle Of React component - Deprecated
    • Optimizing of component - Deprecated
    • scss note - Deprecated
  • 3강
    • props 에러 관리
      • defaultProps
      • prop-types
      • 그냥 타입스크립트 쓰세요
    • Routing (준비)
    • Routing (실전)
    • history를 이용한 뒤로 가기 버튼 구현
    • 영화 소개 프로젝트: 라우팅
    • 한국 전통 음식 소개 페이지 만들기 - Deprecated
  • 4강
    • Ajax In React
    • Form in react
    • Unsplash API를 이용한 사진첩 만들기
    • Redux - 데이터를 관리하는 또 다른 방법 - Deprecated
  • 부록
    • CRA 프록시 서버 설정하는 방법
Powered by GitBook
On this page
  • For Windows
  • For Mac
  • For Linux
  • For everyone (사용자 취향, 해도 되고 안하셔도 크게 상관 없습니다)

Was this helpful?

* 강의 수강 전 준비 (중요)

리액트 개발을 위해 필요한 사전 준비물

Previous리액트 강의Next기본 개념

Last updated 6 years ago

Was this helpful?

For Windows

  1. - 제가 수업에서 사용하는 명령어들은 전부 linux의 명령어 기반인데, Windows를 쓰시는 분들의 CMD명령어와는 상이한 점이 있습니다. 물론 명령어에 대해 알고 있으시다면 윈도우 기본 터미널을 사용하셔도 되지만, 그렇지 않은 분들은 설치를 추천드립니다.

    • Windows 10 기준으로, 시작 버튼을 누르면 검색 바가 있을 것입니다. 거기에 cmd라고 검색하면 명령 프롬프트가 검색될 것 입니다. 이게 기본 터미널 이구요.

    • 제 작업환경은 Mac OS를 사용하기 때문에, 사용하시는 명령어가 제 환경과는 조금 다를 것 입니다. (폴더 내부 구조를 살펴보는 명렁어부터 많은 것들이..) 그래서 저와 동일한 명령어를 통해서 React를 공부하고 싶으시다면, 를 설치해 주세요 .. !

    • Git bash를 실행하는 방법은 마찬가지로 시작 버튼을 누르면 나오는 Windows 검색 바에 git bash를 입력하시면 git bash 터미널이 나올 것입니다 .. !

  2. - 가능하시면 8버전 이상으로 설치를 추천 드립니다.

For Mac

  1. - 마찬가지, 가능하다면 8버전 이상으로 설치를 추천 드립니다.

  2. 터미널 - 기본 터미널을 이용하시면 됩니다. (하이 시에라 + 버전 기준으로 Command + Space 버튼을 누르면 나오는 Spotlight 검색에 terminal.app 을 검색하면 나오는 기본 터미널)

For Linux

  • 리눅스를 메인 개발 OS로 사용하시는 분들은 제가 알려드리지 않아도 모든것을 하실 수 있으리라고 믿습니다.

For everyone (사용자 취향, 해도 되고 안하셔도 크게 상관 없습니다)

  1. - 제가 강의에서 vscode를 사용할 예정입니다.

  2. yarn - 저는 이번 리액트 강의를 할 때 기본 node 모듈 패키지인 npm을 사용하지 않을 것 입니다. yarn을 설치하는 방법은 간단합니다. 우선, Node.js를 설치하세요. 그러면 npm 패키지 매니저가 자동으로 깔려 있을 것 입니다. 터미널에 npm i yarn -g명령어를 입력하면 됩니다.

  3. 개념 정립 시리즈를 강의 수강 전 전부 학습하시는 것을 추천 드립니다. 아무리 쉽게 리액트 수업을 진행하려고 해도, 리액트 공부를 시작하는 것 자체가 많은 개념을 포함하고 있는 집합체를 학습하는 느낌이 들 수 있습니다. 개념 정립 내용을 미리 학습 하시게 되면 리액트 수업 내용을 훨씬 더 잘 이해할 수 있게 됩니다.

git bash
Git Bash
Node.js
Node.js
Node.js
vscode