프론트엔드 정복하기

https://ko.javascript.info/ 모던 JavaScript 튜토리얼 ko.javascript.info 모던 Javascript.INFO 라는 사이트가 있다. (자바스크립트 기본 개념, 동작 원리 정리) 15k star 수를 가지고 있는 꽤 유명한 사이트이다. 해당 사이트를 한국어로 번역한 사이트이다. 자바스크립트 공부하기에 매우 좋은 사이트이다!

https://www.typescriptlang.org/docs/handbook/advanced-types.html#interfaces-vs-type-aliases Documentation - Advanced Types Advanced concepts around types in TypeScript www.typescriptlang.org Because an interface more closely maps how JavaScript objects work by being open to extension, we recommend using an interface over a type alias when possible. On the other hand, if you can’t express some sh..

ESLint 에는 object key 를 오름 또는 내림 차순으로 정렬해주는 설정이 있습니다. https://eslint.org/docs/rules/sort-keys sort-keys - Rules require object keys to be sorted (sort-keys) When declaring multiple properties, some developers prefer to sort property names alphabetically to more easily find and/or diff necessary properties at a later time. Others feel that it adds complexity and beco eslint.org sort-keys Rule 을 au..

JSX props, children 에서 중괄호를 추가하거나 제거해주는 eslint 플러그인을 소개합니다. 저같은 경우, property 값을 string 타입으로 자동 저장해주는 기능을 갖고 싶었습니다. property 명 입력 후, '='를 입력하면 자동으로 중괄호 {} 가 생기는데, 이후 따옴표를 입력하고 작성하면 자연스럽게 아래와 같이 작성하게 됩니다. {'Hello world'}; ; 이때 eslint 설정을 통해 자동으로 아래와 같이 바꿔주고 싶었습니다. Hello world; ; jsx-curly-brace-presence 플러그인은 위처럼 가능하게 해줍니다! 아래는 github 페이지이며, https://github.com/yannickcr/eslint-plugin-react GitHub ..

https://doodreamcode.tistory.com/154

https://velog.io/@suyeonme/react-Infinite-Scroll-%EA%B5%AC%ED%98%84%ED%95%98%EA%B8%B0 [react] Infinite Scroll 구현하기 React에서 Infinite Scroll 구현하기(scroll event, intersectionObserver, useRef) velog.io intersection observer 개념 infiniter 구현하는 법 등 정리하기 범구님 예시 import 'intersection-observer'; import { RefObject, useCallback, useEffect, useRef } from 'react'; export function useIntersectionObserver( effec..