사용자 인터페이스 : 주소표시줄, 이전/ 다음 버튼, 홈버튼, 새로고침/정지 버튼 등 요청 한 페이지를 보여주는 창 외에 사용자가 컨트롤 할수 있는 부분브라우저 엔진: 사용자 인터페이스와 렌더링 엔진 사이에 동작을 제어한다. (서버로부터 가면 네트워트통신 낭비)자료저장

debounce와 throttle의 개념 일정 시간 동안 동일한 이벤트가 여러번 발생했을 떄 이벤트 핸들링 횟수를 1번으로 제한하는 기술 debounce는 키보드입력 이벤트처럼 짧은 시간내에 집약적으로 호출되는 이벤트, 마지막 입력 throttle는 첫 이벤트만 처리

고체 컴포넌트 Prop Check를 통해 변화가 있는지를 체크하여 렌더링을 결정하여 재사용한다.오직 Props 변화에만 의존하는 최적화 방법입니다. 너무 무분별하게사용하면 메모리를 너무 많이 사용할수가 있다.1) 컴포넌트가 같은 Props로 자주 렌더링 될때2) 컴포넌

📌find() 배열에서 특정 조건을 만족하는 요소를 찾고싶을때 사용하는 함수이다. 📌findIndex() 요소의 인덱스의 값을 반환해주는 함수이다. 📌some() 요소의 인덱스의 값을 반환해주는 함수이다. map 배열 객체 에서 내가 원하는 거만 fi

jquery가 붐이 였던 이유는 2006년에는 js가 안예쁘고 브라우저 호환성도어려웟다 간단하게 말하자면 제이쿼리가 좋은 라이브러리이기보다는 임시방편으로 사용했던 것이다. 제이쿼리는 그당시에 DOM을 쉽게다를수 있고, 오류안나고, 브라우저 걱정안해도되고, 코드도 이뻣다

타입스크립트는 자바스크립트에 타입을 부여한 언어입니다. 자바스크립트의 확장된 언어라고 볼 수 있습니다. 타입스크립티는 자바스크립트와 달리 브라우저에서 실행하려면 파일을 한번 변환해주어야 합니다. 이변환 과정을 우리는 컴파일이라고 부릅니다. 개발 환경에서 에러를 잡는 걸

📌구조분해할당 배열이나 객체를 분해해서 각각의 값을 변수에 담는 표현식이다. 구조분해식을 쓰면 더욱 간결하고 가독성 좋게 사용할수 있습니다. //배열 구조 분해 할당 const animals =["강아지","고양이","오리"]; const dog = animals

자바 프로그래밍 언어로, 다양한 애플리케이션 및 시스템을 개발하는 데 사용됩니다.Java 가상 머신 (JVM) 위에서 실행됩니다.멀티스레딩을 통한 병렬 처리와 객체 지향 프로그래밍을 강조하며, 안정적이고 성숙한 기술과 큰 커뮤니티를 가지고 있습니다.자바스크립트를 사용하

Virtual DOM (VDOM)은 UI의 이상적인 또는 “가상”적인 표현을 메모리에 저장하고 ReactDOM과 같은 라이브러리에 의해 “실제” DOM과 동기화하는 프로그래밍 개념입니다. 이 과정을 재조정이라고 합니다.virtual DOM은 브라우저 API 위에 있는

함수 선언식으로 작성된 함수는 호이스팅이 됨.호이스팅이란 함수의 선언을 코드의 최상위로 올리는것을 의미합니다. 함수 선언식은 네임드 함수만 되고 익명 함수는 만들수 없음.익명함수를 만들 수 있음.호이스팅이 되지않아 참조에러가 발생 함.() => {}함수 표현식을 훨씬

대문자와 소문자 객체 자주사용하는 메서드JSON 데이터 파싱시

Primise, async/ await차이는Promise패턴then이란 setTimeout에 promise적용한다면?동시에 여러개의 관계없는 요청을 한다면?Micro task queue? 존재이유

정의활용한 구현경험커링고차함수 클로저 = scope

Function.bind

자바스크립트는 런타임이 아니라 그 이전단계에서 선언한 변수와 함수를 가져가서 메모리에 기억을 해둡니다.함수가 실행되기 전 소스코드의 평가 과정에서 자바스크립트 엔진은 안에 있는 변수들을 범위의 최 상단으로 끌어올리는 것입니다. 즉 변수선언문(뿐만 아니라 모든 식별자)이

JavaScript에서 함수의 this 키워드는 다른 언어와 조금 다르게 동작합니다. 대부분의 경우 this의 값은 함수를 호출한 방법에 의해 결정됩니다. 실행중에는 할당으로 설정할 수 없고 함수를 호출할 때 마다 다를 수 있습니다. 예시에서도 할 수 있듯이 this는

Git-Visual-Studio에서-깃허브로-프로젝트-연동하는-법

본격적으로 리액트에 돌입해보자.

CartDetailDto 생성자를 이용하여 DTO를 반환할 때 "new com.shop.dto.CartDetailDto"처럼 new 키워드와 해당 Dto의 패키지, 클래스명을 적어줍니다. 또한 생성자의 파라미터 순서는 DTO 클래스에 명시한 순으로 넣어주어야 합니다.

고객이 상품을 주문하면 현재 상품의 재고에서 주문 수량만큼 재고를 감소 시켜야합니다.상품의 주문수량보다 재고의 수가 적을 때 발생시킬 exception을 정의하겠습니다.com.shop 패키지 아래에 exception 패키지를 생성한 후 runtimeExecprion을