🥎
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
  • 학습 키워드
  • TypeScript + React + Jest + Parcel 개발 환경 세팅
  • npm run lint
  1. 📍week 1

1. 개발 환경

학습 키워드

  • node.js

  • NPM(Node Package Manager)

    • package.json / package-lock.json

    • node_modules

    • npx

  • ES Modules vs CommonJS

TypeScript + React + Jest + Parcel 개발 환경 세팅

setting practice

npm run lint

npx eslint --fix로도 가능.

Previous📍week 1Next2. TypeScript

Last updated 2 years ago