🙋‍♀️ 나이대별로 2024년 12월에 총 얼마를 사용했는지 조회하시오. group by는 내가 원하는 기준으로 데이터를 그룹화 시킨다. 위에선 나이대 별로 그루핑해 토탈 금액을 따져봄 ! 🙋‍♀️ 지역별로 2023년에 발생한 총 주문 금액을 내림차순으로 정렬하여 조회하시오. 아 between 문법이 틀렸군.. 🙋‍♀️ 각 사용자가 2024년...

UI를 차단하지 않고 상태를 업데이트할 수 있는 hookstartTransition은 non-blocking이다startTransition에 전달하는 함수는 동기식이어야 한다.진행 중인 transition이 여러 개 있는 경우 React는 현재 이를 일괄 처리. 이는

https://react.dev/reference/react/useMemohttps://react.dev/reference/react/useCallbackuseMemo is a React Hook that lets you cache the result

https://react.dev/reference/react/useEffecthttps://react.dev/reference/react/useInsertionEffect팀원들과 공유한 이야기.외부 동기화 되는 코드가 아니라면 Effect를 제거할

읽고 스터디원들과 공유한 내용. useRef다음 렌더링에서 useRef는 동일한 객체를 반환한다. useRef 는 렌더링에 필요하지 않은 값을 참고할 수 있게 해주는 훅ref는 그냥 자바스크립트 plain object이다. ref.current가 바껴도 리액트는 변화를

(1) 강의에서. . 1번.웹서버 작성 코드를 작성하다가 Content-Type은 뭘까? 궁금해졌다.res.setHeader('Content-Type', 'text/plain');The Content-Type entity header is used to indicate

https://react.dev/reference/react/createContextuseContext returns the context value for the calling component.If there is no such provider, then

배열은 값의 순서 있는 집합. 순서, 즉 위치를 나타내는 숫자인 인덱스가 있다. 배열에는 모두 length 프로퍼티가 있다. entries() --> 각 요소 index가 필요하다면?forEach()배열 순회를 함수형으로 바꾼 배열 메서드. 전달 받은 함수를 각 배열

객체: 프로퍼티의 순서 없는 집합이다.타입스크립트 있으면 좋겠지만. 점 연산자의 왼쪽이 null or undefined면 실패. 그러니 명시적으로 && or ?. 를 이용해서 하자. 객체를 문자열로 변환하는 작업. JSON.stringfy() / JSON.parse()

Passing Props to a ComponentUse spread syntax with restraint. If you’re using it in every other component, something is wrong. Often, it indicates tha

문. 실행을 통해 어떤 동작을 수행하다. 동작을 수행하는 방법엔 뭐가 있나. 표현문: 할당이나 함수 호출처럼 부수 효과가 있는 표현식선언문: 변수를 선언하거나 함수를 정의제어문: 기본 실행 순서를 바꾸는 조건문(if, switch) / 루프(while, for)가져오기

어떤 값으로 평가 되는 구절로 단순 상수, 변수 이름도 표현식으로 부를 수 있고, 배열 객체 초기화 표현식, 함수 정의 표현식, 프로터티 접근 표현식, 호출 표현식, 객체 생성 표현식이 있다.배열 초기화 표현식 내의 요소 표현식은 배열 초기화 표현식을 평가할 때마다 평

number, string, boolean, null, undefined, symbol(new!)여기서 null, undefined 알아보자.null: 객체가 없다. (숫자나 문자열에도 같은 의미로 사용 가능)undefined: 존재하지 않는 객체 프로퍼티나 배열 요소

자바스크립트 어휘 구조 즉 기본적인 규칙에 대해 알아보자. 대소문자를 구별한다. 토큰 공백을 무시한다. 대부분의 경우 줄바꿈은 무시한다. 예약어: 특정 식별자를 언어 자체에서 사용하도록 예약한 것.if, while, for. 등 let 같은 경우엔 복잡한 규칙이 존재하

간단 소개 자바스크립트에서 입출력, 네트워크, 스토리지와 같은 발전된 기능은 자바스크립트가 입베드된 '호스트 환경'이 담당한다. 자바스크립 호스트 환경은 웹 브라우저 > 노드 로 넘어오게 되면서 자바스크립트가 웹 브라우저 API에서 벗어나 운영 체제 전체에 접근해 파일

런타임 오류프로그램이 동작할 때 발견하는 것. 즉 사용자가 쓸 떼. 컴파일 오류코드가 컴파일 될 때 타입 오류를 잡아줄 수 있도록 타입스크립트를 사용한다. 코드가 컴파일 될 때 컴파일러가 해석되지 못해서 발생런타임 환경에서의 에러.로그인이 실패했으니. 다른 걸 해봐라.

1번 케이스의 경우 배열안에 중첩된 객체를 가지고 있다. 얕은 복사는 데이터가 중첩된 것은 복사하지 않고 가장 상위의 객체만 복사한다. 즉 원본 객체와 같은 메모리를 참조한다는 것..그래서 원본도 변함그러나 그냥 객체의 경우 상위 객체 뿐만 아니라 중첩된 객체까지 다

var는 함수레벨스포트 변수를 선언할 때 사용한다. 함수 외부에서 선언되면 전역범위를 가지고 함수 내부에서 선언되면 함수 외부를 제외한 내부 어디에서든 참조가 가능하다. 이렇게 할 경우 가독성이 무척 떨어지고 디버깅 하기 어렵기 때문에 블록레벨 스코프를 선언할 수 있는

DOM은 크게 보면 웹브라우저가 HTML을 인식하는 방식인데요. HTML등 구조적 문서를 트리기반으로 재구성해서 이걸 접근하고 조작할 수 있는 api를 제공합니다. 이걸 통해 자바스크립트와 같은 언어로 다양한 문서를 생성하고 조작할 수 있는거죠. 브라우저렌더링. 브라우

this란. 자신이 속한 객체를 가르키는 자기 참조 변수입니다. 자바스크립트에서 this는 함수 호출 방식에 따라 달라지는데요. 일반 함수의 경우 this는 전역 객체에 바인딩 되고메소드로 호출 될 경우엔 해당 메소드 스코프에 바인딩 됩니다. 단 화살표 함수는 다른데요