React

리액트 프레임워크(*일종의 문법체계를 독립화한 구조) 라이브러리: 제이쿼리 (*기존에 있는 프로그래밍 언어를 기반으로 보다 효율적으로 사용할 수 있도록 여러 개발자들이 템플릿을 공유하는 방식) 리액트 특장점 1) 컴포넌트화 (*각각의 구조를 독립적인 모듈로 인식하고

오전 수업 지각해서 못 들었당..아래는 오빠가 필기해준 내용230615https://reactjs.winterlood.com/3cef124b-4664-40bc-8b13-1591c31b0e39\-> 참고 주소 - 5-6 (useRef) : Body.tsx\->

\-https://velog.io/@joonghyun/%EA%B0%90%EC%A0%95-%EC%9D%BC%EA%B8%B0%EC%9E%A5-%EB%A7%8C%EB%93%A4%EA%B8%B0-1-React%EC%97%90%EC%84%9C-%EC%82%AC%EC%9

지난 주 내용 개념정리💨💨💨💨💨💨💨💨💨💨💨💨💨💨💨💨💨💨useXXX - React의 HookDOM 요소에 접근해 해당 요소를 제어함(callback, 의존성 배열): 두 번째 인자값인 의존성 배열의 값이 변경되면, 첫 번째 인자값인 cal

상태변화 코드 분리useState의 단점: 컴포넌트 밖에서 사용할 수 없음=> useReducer 컴포넌트 밖에서 사용 가능!useReducer(): 상태 변화 코드를 분리시켜서 사용 가능상태최적화useMemo() 사용 => 메모이제이션 기법useMemo(callbac

전반적인 리액트 개념정리 복습&복습: SPA 방식으로 만들고, CSR로 웹브라우저에 구현해주는 JS 라이브러리함수형 컴포넌트 & 클래스형 컴포넌트클래스.. 유사한 패턴의 객체를 반복해서 생성: 경로를 변환시켜주는 물체 혹은 기기라우팅렌더링이 되어지는 컴포넌트를 제어할

styled-components 참고링크: https://react.vlpt.us/styling/03-styled-components.html 💨💨💨💨💨💨💨💨💨💨💨💨💨💨💨💨💨💨 🍒 정원 수용 인원 입퇴장 버튼 Index.tsx

Source:C:\\Users\\Administrator\\Documents\\YJ\\YJ-github\\GMA\\YJ-React\\230704\\shoppingmall

참고링크https://ko.redux.js.org/introduction/getting-started/Redux 설치

Root Folder: YJ-github\GMA\YJ-React\230711\todolist 🍀 useRef(): -> DOM 안에 특정 노드 요소(태그)에 접근해 해당 태그를 컨트롤하게 만들어주는 함수 -> 컴포넌트 안의 변수로 활용&적용할 때 사용 가능 🍀

사실상 수정하기 기능 전까지는 기본 Diary와 같음수정하기 버튼 클릭 여부FALSE=> 하단 버튼: 수정완료 / 수정취소TRUE=> 하단 버튼: 삭제하기 / 수정하기수정완료 버튼=> 수정 내용 null일 시 수정 불가FALSE/TRUE상태변화 함수 useState()

오늘 이해하고 넘어갈 것:useParams(), useSearchParams()

오늘 알고갈 것들..useDispatch() & useSelector()api 및 axios 사용법References:https://velog.io/@smooth97/Netflix-Clone-1-API-Root Folder:YJ\\YJ-github\\GMA\\

\*노드 특징싱글 스레드: 동기적 프로그래밍 언어논 블로킹 (Non-Blocking) 시스템 : 만약 먼저 도착한 실행문의 작업시간이 오래 걸릴경우, 뒤늦게 도착한 실행문이 먼저 처리되었을 시, 해당 결과를 먼저 리턴 npm i afdafdsfds내부 (기본적으로 노드

스타일 관련 코드 작성 시, 효율성props 형태로 속성전달 가능태그명 변경 가능 (\*as)복수 컴포넌트 스타일 변경 가능 (\*attrs)scss 프로세스 적용 가능 (\*&)하위 속성의 스타일 컴포넌트에만 별도의 기능 부여테마 기능 사용 (ThemeProvider

안 온 날 Recoil을 배운 것 같당https://talkwithcode.tistory.com/75https://talkwithcode.tistory.com/76링크 읽어보기: 리액트에서 컴포넌트 효율성을 최적화 시켜주기 위한 메서드: 컴포넌트에서