egjs/grid repository: https://github.com/naver/egjs-grid 프로젝트 진행 중 Masonry 레이아웃을 구현해야 할 일이 생겨서 egjs/grid 라이브러리를 사용해보려고 시도하고 있었다. 그 중에서도 egjs/react-grid를 사용하려고 했는데, InfiniteGrid는 문서가 굉장히 잘 작성되어 있었지만 ...

... VS Code 계속 사용하면서 업데이트 예정 ...

좀 많이 늦은 감이 있지만 작년 한 해를 되돌아보는 회고록을 써 보려고 한다.

설치 : npm install 라이브러리명애플리케이션 동작과 연관된 라이브러리들배포할 때 포함됨애플리케이션 운용에 필요한 의존성배포용 라이브러리설치 : npm install 라이브러리명 --save-dev 또는 npm install 라이브러리명 -D애플리케이션 동작과

원본: https://nextjs.org/docs/basic-features/data-fetching/incremental-static-regeneration

https://nextjs.org/docs/basic-features/data-fetching/get-static-props

원본: https://nextjs.org/docs/basic-features/data-fetching/get-static-paths어떤 페이지가 동적 루트를 가지고 있고 getStaticProps를 사용한다면 정적으로 생성될 경로들의 목록을 정의해야 한다.동적

공식문서: https://github.com/pmndrs/zustand 기본 사용법 1. Store 선언 2. Store 사용 3. devtools를 사용하여 디버깅하기 Redux devtools를 크롬 웹 스토어에서 설치해준 후, 아래처럼 store와 devto

원본: https://nextjs.org/docs/basic-features/data-fetching/get-server-side-props 어떤 페이지에서 getServerSideProps라는 함수를 export한다면 Next.js는 해당 페이지를 요청할 때마다 getServerSideProps에서 리턴한 데이터를 사용하여 pre-rendering을 진...

https://nextjs.org/docs/basic-features/pages Next.js에서 page란 .js, .jsx, .ts, .tsx 파일에서 export 된 리액트 컴포넌트이다. 각 페이지는 파일 이름으로 라우팅된다. 예) pages/about.js라는

!!는 다른 타입의 데이터를 boolean 타입으로 명시적으로 형 변환(Type Conversion) 하기 위해 사용한다. false로 변환 "" false NaN undefined null 0 true로 변환 그 외 나머지

Getting Started

commit을 하려고 하는데 아래와 같은 eslint 에러가 뜨면서 자꾸 commit이 실패했다.저기 경고가 뜬 부분을 수정하면 커밋할 수 있을 것 같지만 내가 담당한 부분이 아니라 수정할 수가 없었다.어쩌라구...;;;게다가 오류도 아니고 경고인데 왜 못하게 하는건지

yarn으로 패키지를 설치하려는데 이런 오류가 떴다.찾아보니 내 경우에는 네트워크가 느리거나 패키지 파일의 용량이 너무 클 때 발생하는 오류였다. 이 경우에는 아래처럼 타임아웃 시간을 늘려주면 해결된다!

Partial 모든 속성들을 optional하게 변경한다. Required 모든 속성들을 required 속성으로 만들어준다. Partial과 반대 ReadOnly 모든 속성들을 읽기 전용(readOnly)으로 설정한 타입을 구성한다. 즉 모든 속성들의 값을 변경할 수 없고 참조만 할 수 있도록 만든다. NonNullable 주어진 타입 T에서 nu...

a가 null도 아니고 undefined도 아니면 a그 외의 경우는 b||는 첫 번째 truthy 값 반환

declare 키워드는 컴파일러에게 해당 변수나 함수가 이미 존재한다는 것을 알리는 역할을 한다.

generic은 재사용 가능한 요소들을 생성하기 위한 도구이다. 한 가지 타입보다는 여러 가지 타입으로 사용가능하게 만들어 다양하게 쓸 수 있다.generi

Enum은 JavaScript에서 타입 확장이 되지 않았다. Enum을 사용하면 이름을 가진 상수 집합을 만들 수 있고 TypeScript는 numeric enum과 string-based enum을 제공한다.enum 키워드를 사용하여 enum을 생성할 수 있다. en

클래스가 가질 수 있는 멤버는 property, method, constructor이다. 클래스 내부에서 이 멤버들은 "this."를 통해 접근할 수 있다.