← 리액트 (React + Typescript)

Yarn 패키지 매니저 적용하기 [ 리액트 (React + Typescript) ]

어라운드 허브 스튜디오 · · 6:54

YouTube에서 시청하기

어라운드 허브 스튜디오의 Yarn 패키지 매니저 적용하기 [ 리액트 (React + Typescript) ] 강의입니다. 영상을 보고 관련 재생목록을 순서대로 학습해보세요.

영상 설명 전체 보기

#react #typescript #frontend ▶ 어라운드 허브 스튜디오 공식 디스코드 : https://discord.gg/NFWrDjWya5 📌 GitHub Repositories ▶ Spring Boot : https://github.com/Flature/AroundHub_SpringBoot ▶ Java, Algorithm : https://github.com/Around-Hub-Studio/AroundHub_CodeGround ▶ JPA : https://github.com/Around-Hub-Studio/around_hub_studio_jpa ▶ Dart : https://github.com/Around-Hub-Studio/around_hub_dart ▶ Flutter : https://github.com/Around-Hub-Studio/around_hub_studio_flutter ▶ Kotlin : https://github.com/Around-Hub-Studio/around-hub-codeground-kotlin ▶ React (Typescript) : https://github.com/Around-Hub-Studio/around-hub-react-typescript ▶ Kotlin Spring : https://github.com/Around-Hub-Studio/around-hub-spring-kotlin ▶ Docker : https://github.com/Around-Hub-Studio/around-hub-docker 📌 '스프링 부트 핵심 가이드' 도서 구매 👉 yes24 : http://www.yes24.com/Product/Goods/110142898 👉 교보문고 : http://www.kyobobook.co.kr/product/detailViewKor.laf?ejkGb=KOR&mallGb=KOR&barcode=9791158393083&orderClick=LAG&Kc= 📌 채널의 영상이 마음에 드신다면 기부 개념으로 약 3,000원부터 멤버십 가입이 가능합니다. 👉 https://www.youtube.com/channel/UCO7p2fGIfwVbvk_d6sdfnDw/join

리액트 (React + Typescript) · 전체 강의

  1. 01

    개발 환경 세팅 및 프로젝트 생성 [ 리액트 (React + Typescript) ]

    8:15 · 강의 보기

  2. 02

    프로젝트 구조 살펴보기 [ 리액트 (React + Typescript) ]

    10:28 · 강의 보기

  3. 03

    Yarn 패키지 매니저 적용하기 [ 리액트 (React + Typescript) ]

    6:54 · 현재 강의

  4. 04

    Prettier, ESLint 설치하기 [ 리액트 (React + Typescript) ]

    15:16 · 강의 보기

  5. 05

    Emotion 적용하기 [ 리액트 (React + Typescript) ]

    11:37 · 강의 보기

  6. 06

    Props 이론편 [ 리액트 (React + Typescript) ]

    6:52 · 강의 보기

  7. 07

    Props 실습편 [ 리액트 (React + Typescript) ]

    10:48 · 강의 보기

  8. 08

    State 이론편 [ 리액트 (React + Typescript) ]

    5:07 · 강의 보기

  9. 09

    State 실습편 [ 리액트 (React + Typescript) ]

    12:38 · 강의 보기

  10. 10

    Context API 이론편 [ 리액트 (React + Typescript) ]

    10:14 · 강의 보기

  11. 11

    Context API 실습편 [ 리액트 (React + Typescript) ]

    27:04 · 강의 보기

  12. 12

    레이아웃(Layout) 이론편 [ 리액트 (React + Typescript) ]

    13:09 · 강의 보기

  13. 13

    레이아웃(Layout) 실습편 [ 리액트 (React + Typescript) ]

    18:00 · 강의 보기

  14. 14

    라우터(Router) 이론편 [ 리액트 (React + Typescript) ]

    12:19 · 강의 보기

  15. 15

    라우터(Router) 실습편 [ 리액트 (React + Typescript) ]

    13:38 · 강의 보기

  16. 16

    useEffect 이론편 [ 리액트 (React + Typescript) ]

    9:26 · 강의 보기

  17. 17

    useEffect 실습편 [ 리액트 (React + Typescript) ]

    6:26 · 강의 보기

  18. 18

    Fetch API 이론편 [ 리액트 (React + Typescript) ]

    15:04 · 강의 보기

  19. 19

    Fetch API 실습편 [ 리액트 (React + Typescript) ]

    11:44 · 강의 보기

  20. 20

    Axios 이론편 [ 리액트 (React + Typescript) ]

    14:30 · 강의 보기

  21. 21

    Axios 실습편 [ 리액트 (React + Typescript) ]

    21:22 · 강의 보기

  22. 22

    LocalStorage, SessionStorage 이론편 [ 리액트 (React + Typescript) ]

    6:49 · 강의 보기

  23. 23

    LocalStorage, SessionStorage 실습편 [ 리액트 (React + Typescript) ]

    12:33 · 강의 보기

  24. 24

    컴포넌트 주도 개발 (CDD) 이론편 [ 리액트 (React + Typescript) ]

    15:32 · 강의 보기

  25. 25

    문서화를 도와주는 스토리북 사용해보기 [ 리액트 (React + Typescript) ]

    18:19 · 강의 보기

  26. 26

    기존 코드의 CDD 리팩토링 샘플 코드 (Photo Page) [ 리액트 (React + Typescript) ]

    13:42 · 강의 보기

  27. 27

    FSD (Feature-Sliced Design) [ 리액트 (React + Typescript) ]

    19:43 · 강의 보기

  28. 28

    리액트 기초 강의를 마무리하며 [ 리액트 (React + Typescript) ]

    25:23 · 강의 보기

  29. 29

    25년 설특집 리액트 강의 몰아보기

    6:12:52 · 강의 보기