void는 값을 반환하지 않는 함수의 반환 값을 나타냅니다. 함수에 return 문이 없거나 해당 return 문에서 명시적 값을 반환하지 않을 때 항상 유추되는 타입입니다.unknown타입은 모든 값을 나타냅니다. 이것은 any타입과 비슷하지만 any보다 unknow

참고 : \[Node] NVM 이란? : 노드(Node.js) 버전 관리하는 법

What is Next.js? https://nextjs.org/ Next.js 는 react 프레임워크입니다. versel 이라는 회사에서 만들었습니다. Next.js의 가장 큰 특징이자 장점은 개발자가 서버사이드렌더링(SSR)에 대한 고려를 직접할 필요가 없다

styled. 이 아닌, styled()를 사용하여,styled(Link) 이렇게 스타일 적용.

두 함수 모두 문자열 타입의 숫자를 Number 타입으로 바꿔줍니다.차이점은 parseInt() 은 문자열을 파싱해서(숫자 아닌 문자가 섞여있어도) 숫자를 찾는 기능을 가지고 있고, Number()는 숫자로만 이루어져 있는 문자열타입 숫자만을 number 타입으로 바꿔

참고 : https://www.daleseo.com/react-forward-ref/forwardRef() 는 React 컴포넌트에 ref prop을 넘겨서 그 내부에 있는 HTML 엘리먼트에 접근을 하게 해줍니다.

How to start search only when user stops typing?

git 명령 (pull, merge, commit, add) 취소 git pull 취소하고 되돌리기 git merge 취소하고 되돌리기 git commit 취소하고 되돌리기 git add 취소하고 되돌리기

Generics와 Any의 다른 점 실습을 위한 설정 실습 any의 문제점 Generics 사용 이제 Generics를 사용해보겠습니다. "Mark" 리터럴 타입으로 지정되었습니다. 이전과는 다르게 any가 아닌 string 타입으로 정상적으로 추론되었습니

참고 : https://ko.javascript.info/nullish-coalescing-operatora ?? b의 평가 결과는 다음과 같습니다.a가 null도 아니고 undefined도 아니면 a그 외의 경우는 bnullish 병합 연산자 ??없이 x =

styled-components 로 css 작성시 자동완성 기능을 제공합니다.

참고 : https://webruden.tistory.com/634append와 appendChild 메서드는 모두 부모 노드에 자식 노드를 추가하는 메서드입니다. 하지만 두 메서드에도 몇 가지 차이점이 존재합니다.append 메소드에1\. 노드 객체(Node

What are Classes javascript object 를 만드는 blueprint (청사진, 설계도) 클래스 이전에 object 를 만드는 기본적인 방법은 function JavaScript 에도 class 는 es6 부터 사용 가능 단, 접근제어자는 부족

원문 : https://goongoguma.github.io/2021/09/22/Use-React.memo()-wisely/사용자들은 빠르고 반응형으로 만들어진 UI를 좋아합니다. 100 밀리초 미만의 UI응답은 순식간이지만 100에서 300 밀리초 사이의 지

Date.prototype.toLocaleDateString()docs코드출력코드출력

Array.from() 메서드는 유사 배열 객체(array-like object)나 반복 가능한 객체(iterable object)를 얕게 복사해 새로운Array 객체를 만듭니다.arrayLike배열로 변환하고자 하는유사 배열 객체나 반복 가능한 객체.mapFn (Op

목차 What are Interfaces optional property What are Interfaces Interface : 타입을 만들어내는 방식. 타입을 내부적으로는 숨겨져있고 겉으로만 드러나 있는 호출방식같은 것을 의미하기도 합니다. 내부적인 것과 관계

보안상 취약점이 생긴다퍼포먼스가 떨어질 수 있다noopener(노오프너)를 지정하면, 링크된 페이지에서 window.opener을 사용해서 링크를 건 페이지를 참조(reference)할 수 없게 됩니다. 더불어 링크된 페이지와 링크를 건 페이지는 별개의 프로세스로 취급

Fetch API 기본 개념 https://developer.mozilla.org/ko/docs/Web/API/FetchAPI#%EA%B8%B0%EB%B3%B8%EA%B0%9C%EB%85%90%EA%B3%BC%EC%82%AC%EC%9A%A9%EB%B0%A9%EB%B2

styled-component 1-1 기존 css 방법의 문제점 https://speakerdeck.com/vjeux/react-css-in-js Global Namespace : 글로벌 변수를 지양해야하는 JS 와 대치 Dependencies : Dependen