Search
moon
sun

React

💡
리액트 기초
MSA9_React
ALOHA-CLASS
React_TJE
ALOHA-CLASS
💙 React
💙 React @2024-12-18 #React #Meta #javascript 🐮 woopy https://wwwaloha.oopy.io/8dc513bf-3d4a-4e10-8ab2-c2f348b4dccb 🎞 PlayList 코딩, 프로그래밍, 웹디자인, 웹개발, IT 자격증 강의 🌴ALOHA CLASS👩‍🏫 🎞 TIMELINE 00:00 💙 React 00:20 🚀Start 20:00 🚩End~! 🚀═════2️⃣0️⃣2️⃣4️⃣ LIST═════💻 https://youtube.com/playlist?list=PL4C2AmBC9jOaQx101tfsOzzxFX6uyYmpF&si=GTEc5dkZY7ymu69N https://youtube.com/playlist?list=PL4C2AmBC9jOZVROMCbWCnWQUzSToFz5k7&si=yW8sTU9grN3GQR8k https://youtube.com/playlist?list=PL4C2AmBC9jOa1EzYrjwdcfsRkiC9_PrTg&si=j93pzzOfe0xvMIPH https://youtube.com/playlist?list=PL4C2AmBC9jOZQeI95ugXg-jvMshkFREkm&si=7moJ_3StWnDocUvz https://youtube.com/playlist?list=PL4C2AmBC9jObM7xy-ET5O1NO_3DpWeO2F&si=3ymToRsbkPlI28F8 https://youtube.com/playlist?list=PL4C2AmBC9jOZSDU5D2kNWNaMv6IW3U4ll&si=gET1bGbANPta6siE 🌴════🌴 ║ 알클💚║ 👩‍💻════🌍
https://youtu.be/UtxytIUEwcA?list=PL4C2AmBC9jOar-qKH7ifbSoc-a-ZvXLCC
React 소개 #React #프론트엔드 #개발
React 소개 #React #Javascript #Node.js #Express
https://www.youtube.com/watch?v=Z17ZD55VqLI&list=PL4C2AmBC9jObM7xy-ET5O1NO_3DpWeO2F
React
React 소개

Node.js 설치하기 (Windows)

‣

1. winget으로 Node.js 설치

winget install OpenJS.NodeJS
React 개발환경 설치
React 시작하기

React 프로젝트 생성

vite 로 프로젝트
npx 로 프로젝트
모듈 설치
React 프로젝트

node_modules 빠른 삭제

rimraf 모듈 전역 설치
npm install -g rimraf
node_modules 삭제 명령
node_modules 삭제
React Extension
Vite & React
JSX
Element
Component
State
Props

Lifecycle Methods (생명주기 메서드)

컴포넌트의 생명주기 동안 특정 시점에 실행되는 메서드

Mounting

Updating

Lifecycle
Hook
Router
React Style
Context
Redux

Throttle (쓰로틀)

이벤트가 아무리 많이 발생해도 지정한 delay 간격마다 딱 한 번만 실행됩니다.

비유

Throttle

React Custom Hook (커스텀 훅)

1. 커스텀 훅이란?

핵심 규칙

Custom Hook

Vite 프록시(Proxy) 설정 가이드

1. 프록시(Proxy)란?

프록시는 클라이언트와 서버 사이에서 요청을 중계하는 중간 서버입니다.
[브라우저] → [Vite Dev Server (프록시)] → [백엔드 API 서버] :5173 :5173/api/... :8080
Proxy
CSS
React CSS module
Tailwind
MUI
라이브러리
React x Bootstrap
React Developer Tool
axios
Material UI

React에서 UUID 및 Nanoid 사용 예시

1. 패키지 설치

npm install uuid
npm install nanoid
uuid

React Query (TanStack Query)

목차

React Query란?
설치
QueryClient - 캐시 저장소
QueryClientProvider - 전역 공급자
useQuery - 데이터 조회
React Query
TodoList 프로젝트 v2
To Do List - BackEnd (SpringBoot)
To Do List - FrontEnd (React)
TodoList 프로젝트
To Do List 프로젝트 (Back)
To Do List 프로젝트 (Front)
게시판 프로젝트 v2
Board App - 파일업로드
Board App - 페이지네이션
게시판 프로젝트
게시판 - CRUD
React
SpringBoot
게시판 - STYLE
React
SpringBoot
게시판 - 파일 업로드
React
SpringBoot
WYSIWYG 에디터 - CKEditor
React
SpringBoot
JWT with Spring Security
JWT x Spring Security 6
JWT x Spring Security 5
VS CODE 설치 및 설정
VS CODE 설치
VS CODE 세팅
VS CODE 삭제