udemy next.js 프로젝트 캠프

script 태그 속성 기본 script 태그는 html 파싱을 중단하고 js파일을 다운로드하고 실행하여 웹페이지 로드가 지연될 수 있다. 하지만 async와 defer 속성은 비동기적으로 로드한다. async : html 파싱과 병렬로 다운로드하고 js파일이 다운

생성자 함수 생성자 함수는 객체를 생성하는 함수이다. 함수의 매개 변수를 활용할 수 있다는 특징이 있다. 생성자 함수는 객체를 생성할 때 new 키워드를 사용한다. 생성자 함수의 이름은 첫 글자를 대문자로 시작한다. > ## 프로토타입 프로토타입 객체는 생성자 함

이벤트 > ## Dom 및 이벤트 실습 Color Picker Name Toggle > ## callback 위와 같이 비동기적 작업으로 순서를 보장해준다. 하지만 현재 task4까지의 예시지만 만약 task10 ... task100이면 callback의 중첩

TypeScript TypeScript란 javascript + type 즉 js 값의 type이 추가된 언어 > ## type & : 공통적인 type이 있는경우 &로 type을 결합 > ## interface type은 & 활용해서 따로 병합을 해야하지만

Tailwind css 위와 같이 태그에 스타일을 입력하여 적용할 수 있으며 Tailwind css을 장단점 및 사용해보면서 궁금한점 등을 정리했던 글을 참고한다. > ## props props는 컴포넌트 간에 데이터를 전달하는 방법이다. props는 상위 컴

Memoization 이전에 계산 결과를 메모리에 저장함으로써 동일한 계산이 요청될 때 다시 계산하지 않고 저장된 값을 반환하는 최적화 기법으로 이전에 계산한 값을 재사용하기 때문에 성능을 향상시킬 수 있다 > ## React.Memo 컴포넌트를 메모이제이션 할

useReducer react 상태와 그 상태를 변경하는 로직을 더 구조화하고 복잡한 상태 업데이트를 다룰 때 유용한 훅이다. reducer 함수 현재 state와 action을 받아서 새로운 상태를 반환하는 함수이다. 상태 변경 로직을 포함하고 있고 switch

Fetch 1) Fetch Fetch API는 브라우저에 내장되어 있는 네트워크 요청을 위한 API이며 기본적으로 Promise를 반환하고 비동기로 네트워크 요청을 보낼 수 있다. 요청에 대한 응답으로 Response 객체를 반환하고 이 객체는 Promise를 반환

보일러 플레이트 프로그래밍이나 법률 문서에서 반복적으로 사용되는 표준화된 코드나 텍스트를 의미한다. 즉 기본적으로 사용할 수 있는 템플릿이나 초기 설정을 말하고 이로 인해 반복적인 설정 작업을 줄여 빠르게 초기 설정을 할 수 있다. > ## App Router p

metadata 각 페이지의 맞는 특성, 내용, 관련 정보를 설정하여 SEO와 사용자 경험을 향상시킬 수 있다. template : 동적 제목을 구성하기 위해 %s는 다른 페이지에서 제공되는 제목으로 대체됨 default : 제목이 제공되지 않을 때 사용할 기본 제

Promise.all 특정 페이지에서 다중 api 호출을 실행할때 Promise.all 병렬처리 방법 첫번째 처럼 각각 개별로 실행하면 먼저 getPosts 함수가 완료될때까지 기다린후 getComments가 실행되며 순차적으로 작업이 실행된다. 순차적으로 실행되기