Allra Fintech

리액트 기초

React를 처음 접하는 자바스프링 개발자를 위한 첫 단계 트랙입니다.

트랙 목표

리액트 기초 트랙은 "프론트는 낯설다"는 감각을 줄이고, React 앱이 어떻게 시작되고 어떻게 상태를 바꿔가는지 감을 잡는 데 집중합니다.

특히 다음을 빠르게 체득하는 것이 목표입니다.

  • 개발 환경을 스스로 구성할 수 있다.
  • 작은 상태 변화를 코드로 구현하고 설명할 수 있다.
  • 불변성과 부수 효과를 실무 관점에서 이해할 수 있다.

목차

  1. 자바스크립트 생태계 npm
  2. 리액트 설치와 첫 실행
  3. 본격 카운트 증가시켜보기
  4. 상태가 바뀌면 화면이 바뀐다
  5. 참조값 다루기
  6. 화면이 그려진 다음에 할 일
  7. 투두리스트 만들어보기
  8. (번외) jsx 등장 배경

진행 원칙

  • 한 번에 완성하지 않고, 문서 하나씩 품질을 올립니다.
  • 각 문서는 "핵심 개념 + 코드 예시 + 직접 해보기" 구조를 유지합니다.