ES는 ECMAScript의 약자로 ECMA International에서 정의한 상표 등록된 스크립팅 언어 사양이다. JavaScript를 표준화하기 위해 만들어졌다. ES5는 2009년에 출시하였으며 ES6는 2015년도에 출시하였다.ES5와 ES6의 차이점은var

자바스크립트에서는 모듈 방식의 코드를 작성할 수 있는 기능이 있어서 여러 개의 파일로 코드를 분할할 수 있다. 그래서 코드를 여러 파일로 나누고 나눈 html 파일을 다른 파일에 적용시킬 수 있다. 문장을 import, export는 자바스크립트 파일 안에 있는 것으로

UI 구성 요소를 기반으로 사용자 인터페이스 를 구축하기 위한 무료 오픈 소스 프런트 엔드 JavaScript 라이브러리 라고 한다. 자바스크립트 라이브러리로 사용자 인터페이스를 만드는데 사용한다. 가장 인기있는 프론트엔드 프레임워크 또는 라이브러리이다. 리액트는 컴포

JavaScript 라이브러리이며, 배열, 숫자, 객체, 문자열 등으로 작업하는 번거로움을 없애 복합적인 함수 생성에 더욱 쉽게 만들 수 있어 js의 코드를 줄일 수 있고, 빠른 작업이 가능하다.https://www.npmjs.com/package/lodash

여러 목록들을 페이지별로 나누어 정해진 값만큼 보이게하고 나머지 목록들은 다른 페이지에서 보이게끔 처리한 방식이라 할 수 있다. 게시판에서 다음페이지로 넘어가기 위한 숫자들이 나열 되어있는 부분을 page nation이라 한다.아래는 데이터를 가져와 \[]배열 안에 1

모든 컴포넌트는 여러 종류의 '생명주기 메서드'를 가지며, 이 메서드를 오버라이딩하여 특정 시점에 코드가 실행되도록 설정할 수 있다.모든 리액트 컴포넌트에는 라이프사이클이 존재한다.\- 클래스형 컴포넌트(Class Component) -그리기 : render그려지고 난

함수형 컴포넌트는 아래의 방법으로 사용했다면클래스형 컴포넌트는 아래의 방법으로 사용한다클래스형 컴포넌트는 Component를 import하여 안에 있는 기능들을 모두 상속(extends)시켜줘야 한다.↓ 아래의 방법으로 this를 사용해야한다

객체 또는 배열의 복사의 경우위의 예시를 사용할 경우, 값을 그대로 가져오긴 하나 같은 값을 공유하고 있어값을 바꾸면 같은 자리의 값이 child2와 child1가 똑같이 변경된다.그렇기 때문에 아래와 같은 방법으로 값을 직접 지정해줘야 한다위의 방법을 스프레드 연산자

value고정값으로 되어 있어 수정이 불가능하다defaultValue초기값이 있지만 수정이 가능하다defaultValue와 value를 같이 사용할 경우||연산자를 사용하면 된다. ( 적용하고 싶은 값 || 적용하고 싶은 값 )target :currentTarget :

우편번호 컴포넌트 사용은 Daum Postcode를 사용한다. (kakako 지도) UI와 사용법이 쉽게 되어 있다.https://www.npmjs.com/package/react-daum-postcode -> 참조가이드는 아래의 주소를 참조!!https&

https://ant.design/components/overview/이 사이트는 리액트 UI 프레임워크이다. 버튼, 아이콘, 모달, 메뉴 등 여러 UI에 대한 컴포넌트가 있다.(라이브러리를 사용할 때는 검증된 것을 사용하는것이 좋다👍)Ant-Design 설

이벤트 버블링은 한 요소에서 이벤트가 발생했을 때 해당 이벤트가 상위의 요소들에게 전달되어 가는 특성을 의미 (자식태그에서 부모태그로 이벤트 전파)event.currentTarget읽기 전용 속성이며, 이벤트가 발생한 요소부터 부모들의 요소까지를 반환한다.event.T

object : 타입을 지정해주는 곳에 객체 타입을 뜻하는 {}를 써주고, 그 안에 각각의 Property 타입을 지정 array : 배열 안의 요소들의 타입과 배열이라는 타입을 합쳐 의 식으로 지정 string 외 여러 종류의 타입을 필요로 하는 배열의 경우엔

JSX는 JavaScript를 확장한 문법이다. HTML에서 사용하는 태그들과 비슷한 문법을 사용한다. 컴포넌트의 구성 요소. react앱의 최소 단위이다.type(문자열 혹은 컴포넌트 함수/클래스) 필드와 props(객체) 필드로 표현된다.엘리먼트의 type이 컴포넌

자바스크립트(JavaScript)를 기반으로 한 타입 문법이며, 자바스크립트의 슈퍼셋 즉 자바스크립트에 타입을 추가한 상위 언어이다.타입에서 오는 에러를 잡아주는 언어이며 선언시 타입이 string인지 number인지 추론하여 선언한다.타입스크립트 파일 생성시 .ts로

클라이언트의 요청을 정상적으로 수행함클라이언트가 어떠한 리소스 생성을 요청, 해당 리소스가 성공적으로 생성됨(POST를 통한 리소스 생성 작업시)클라이언트의 요청이 부적절 할 경우 사용하는 응답코드 (작성중 오타 등 오류발생하였을 때)클라이언트가 인증되지 않은 상태에서

React에서는 원하는 동작을 수행하는 각각의 컴포넌트를 생성 후 렌더링이 가능하다.try : 예외감지 try는 예외 발생의 감지 대상을 감싸는 목적으로 사용예외발생 가능 지역인지 파악할 수 있음catch : 예외처리 catch는 발생한 예외상황의 처리를 위한 목적으로

배열 내의 모든 요소 각각에 대해 주어진 함수를 호출한 결과로 새로운 배열을 반환조건이 참인 경우의 조건들만 배열로 반환시킴.fillter와 map을 같이 사용

?.를 사용하여 값이 있는지 판단 후 없으면 undefined로 반환data && data.fetchProfile => data?.fetchProfile 로 적용가능data || data.fetchProfile (거짓일 경우 데이터가 없으면 렌더링)거짓 표기 : 0,

사전정의 : 데이터를 보내기 위해 최적의 경로를 선택하는 과정.경로를 수동으로 일일이 입력하여야 함페이지 이동router.push() 를 이용하여 이동할 수 있게끔 한다정적 라우팅은 각각의 폴더를 생성하여 push로 각각 적용하였지만100개의 게시글은 동적 라우팅을 통