🥎
harry's note
  • 📍Harry's Note
  • 📍week 1
    • 1. 개발 환경
    • 2. TypeScript
    • 3. React
    • 4. Testing Library
    • 5. Parcel & ESLint
  • 📍week 2
    • 1. JSX
    • 2. jsx없이 react를 사용해보자
    • 3. e2e
    • 4. react는 어디서부터 어떤 아이디어로 출발했는가
  • 📍week 3
    • React로 사고하기
  • 📍week 4
    • 1. Express
    • 2. React hook
    • 3. useRef
    • 4. custom hook
    • 5. usehooks-ts
    • docs-Reusing Logic with Custom Hooks
    • docs-Custom hooks Chanllenges
  • 📍week 5
    • 1. TDD
    • 2. React Testing Library
    • 3. MSW
    • 4. Playwright
  • 📍week 6
    • 1. external store
    • 2. TSyringe
    • 3. Redux따라하기 & usestore-ts
  • 📍week 7
    • 1. Routing
    • 2. Routes
    • 3. Router
    • 4. Navigation
  • 📍week 8
    • 1. Design System
    • 2. Style Basics
    • 3. CSS in JS
    • 4. styled components
    • 5. props-attrs
    • 6. Global Style
  • 📍week 9
    • 1. 개발 전 준비
    • 2. 상품 목록
    • 3. 카테고리 목록
    • 4. 상품 상세
    • 5. 장바구니 보기
    • 6. 장바구니에 상품 담기
  • 📍week 10
    • 1. 로그인
    • 2. 회원가입
    • 3. 주문목록 & 주문상세
  • 📍week 11
    • 1. 배송 정보 입력
    • 2. 포트원 결제
    • 3. 배송 및 결제 정보 전달
    • pg사가 뭔가요?
  • 📍week 12
    • 1. admin 시작
    • 2. 로그인, 사용자 목록
    • Uncontrolled Component
Powered by GitBook
On this page
  1. 📍week 2

2. jsx없이 react를 사용해보자

Previous1. JSXNext3. e2e

Last updated 2 years ago

heyho00 브랜치를 보면됨.

jsx는 react에서만 쓰이는게 아니다.

단지 vanilla Javascript에서 명령형으로 코드를 작성해야 했던걸 선언적으로 작성할 수 있게 해주는 syntactic sugar로 볼 수 있다.

React, vue, angular 등 라이브러리들이 결국 Dom api를 쉽게 다루기위한 JavaScript 라이브러리임을 말하는 것 같다. jsx 없이 라이브러리를 쓰는건 라이브러리를 쓸 의미가 없는듯..

아무튼 jsx없이 react 실습을 해보면

  1. 코드 많아지니까 당연히 불편.

  2. 트리구조가 보기 어려워지니 불편.

이정도의 불편함을 느낄 수 있다. 굉장히 불편해서 리액트 없이 어떻게 조상들은 개발했을까 모르겠다. 비슷한 라이브러리 만들어서 했으려나.

jsx없이 react를 사용해보자 - 실습 레포