[Study]

state , setState , useState 란? + props

input 과 button 다루기

새로운 리액트 프로젝트 생성

class를 이용한 문법 : constructor , super , render , props

이미지 넣는 방법

Bootstrap을 활용하여 Responsive grids 활용하기

import , export 문법

상품목록 컴포넌트화 (props 전달 , map함수)

페이지 나누기 (react-router-dom)

페이지 나누기 (navigate, nested routers, outlet)

SWR(stale-while-revalidate)란?

useRef 란?

useSWR mutate 란?

useSWRInfinite 란?

Redux 란?

REST 와 WebSockets 기본개념

Firebase 란? + 사용법

React-Bootstrap , React-Icons 사용법

react-hook-form 이란? 사용법

regex 정규표현식 [검색]

reduce( ) 메서드

[React / Express.JS Study] Main전송 - nodemailer 사용 >폴더 트리 > 🔵 Front-End client public/ src/ ContactForm.js App.js index.js package-lock.json package.json README.md > 🔵 App.js...

리액트는 SPA이기 때문에 하나의 index.html 탬플릿 파일을 가지고 있다. 이 하나의 템플릿에 자바스크립트를 이용해서 다른 컴포넌트를 이 index.html 템플릿에 넣으므로 페이지를 변경해주게 된다. 이 때 React-Router-Dom 라이브러리가 새 컴포넌

TypeORM은 node.js에서 실행되고 TypeScript로 작성된 객체 관계형 매퍼 라이브러리이다.TypeORM은 MySQL, PostgreSQL, MariaDB, MS SQL Server, Oracle, SAPHana 및 WebSQL과 같은 여러 데이터베이스를

npm i cookie / npm i @types/cookie 를 사용하여 쿠키를 설치한다.쿠키 옵션추가를 해야하는 부분이 있는데 참조 : https://ko.javascript.info/cookie⬆️ 위와 같이 백엔드에서 쿠키를 설정하는데 옵션들이 있다.h

https://ag-grid.com/vue-data-grid/row-selection/#checkbox-selection

수정 페이지나 등록을 처리하는 페이지에서 페이지이동 , 새로고침 을 방지하는 방법

type 과 interface는 TypeScript에서 사용되는 두 가지 방법으로, interface객체의 형태를 정의하는데 사용된다.예제확장 상속선언적 확장type 은 불가능 타입 객체의 확장성을 고려한다면 interface를 사용하는 것이 좋다.

타입스크립트를 사용하면서 data.value.setData(resultData); 로 작성을 했더니 'data.value' is possibly 'undefined'.ts(18048) 라는 오류가 생겼다. 이는 'data.value'는 '정의되지 않음 (null | u

enum은 TypeScript에서 제공하는 기능으로 열거형 enumeration을 정의하는 데 사용된다. 열거형은 서로 관련된 상수들의 집합을 의미한다.enum UserRole 을 만들고 열거형을 사용하여 사용자의 역할을 설정하고 확인할 수 있다코드의 가독성 향상 :

구현 전이 단어들을 2단어 마다 줄바꿈을 하기위해 구현했다.구현 후 (예상)마지막은 ,는 없어야한다.idx % 2 === 1 로 인덱스의 홀수를 찾는다.idx !== arr.length -1 마지막 인덱스를 찾기위해 (인덱스는 0 부터 시작 이므로 length의 -1가