본문 바로가기
반응형

프론트엔드66

왜 <T>를 as T로 바꾸라고 하는걸까? https://typescript-eslint.io/rules/consistent-type-assertions/ consistent-type-assertions | typescript-eslint Enforce consistent usage of type assertions. typescript-eslint.io 타입 변경에 사용한 부분에서 경고 메시지가 뜬다. 대신에 as T를 쓰라는 가이드가 있어서 보니.. 하나로 맞추라는 의미도 있고 JSX 문법이랑 헷갈리기 때문이라고 한다. 2023. 5. 31.
2023년, 드디어 새로운 자바스크립트가 왔다! https://www.youtube.com/watch?v=e6WV_DXGwSg 자바스크립트에는 변수의 값을 직접 바꾸는 함수들이 존재한다. 문제는 어떤 함수들은 값 자체를 바꾸고 어떤 함수들은 값을 복사하여 새로운 값을 만든다는 점. 요즘은 값의 변형(Mutation)을 지양하거나 금지하는 경우가 많은데 이런 내장 함수들 때문에 자바스크립트를 쓸때는 함수들의 차이를 잘 알고 사용해야 한다. 영상에서는 기존에 자바스크립트에 존재했던 원본을 변형시키는 함수와 동일한 기능을 하지만 원본이 변형되지 않는 함수를 소개하고 있다. reverse 함수를 대체하는 toReversed sort 함수를 대체하는 toSorted splice 함수를 대체하는 toSpliced 등 원본을 변경하지 않는 대체함수가 추가됐다고 한.. 2023. 5. 22.
canvas-gauges 계기판 라이브러리 MIT 라이센스 https://github.com/Mikhus/canvas-gauges GitHub - Mikhus/canvas-gauges: HTML5 Canvas Gauge. Tiny implementation of highly configurable gauge using pure JavaScript and HT HTML5 Canvas Gauge. Tiny implementation of highly configurable gauge using pure JavaScript and HTML5 canvas. No dependencies. Suitable for IoT devices because of minimum code base. - GitHub - Mikhu... github.com https://.. 2023. 5. 17.
URI의 Fragment(#) URL 마지막에 # 부분을 fragment라고 부른다고 함 fragment는 서버에 전송되지 않는 부분으로 클라이언트에서만 사용된다. 이 부분의 명칭을 알기 전에도 이걸 써본적이 있는데 주로 사용되는 곳은 위키같은 문서의 링크를 저장할떄 특정 목차로 바로 스크롤 될 수 있도록 하는 기능에 활용된다. 프래그먼트와 같이 즐겨찾기 저장을 해두면 나중에 해당 위치로 바로 스크롤 할 수 있는 점이 좋다. 대부분 그런 용도로 사용되는 문법이라고 보면 된다. 페이지 내의 특정 위치로의 북마크 기능 2023. 5. 13.
REST Resource Naming Guide https://restfulapi.net/resource-naming/ REST API - URL Naming Conventions In REST, having a strong and consistent REST resource naming strategy – will prove one of the best design decisions in the long term. restfulapi.net 1. 단수/복수 리소스 리소스는 싱글턴 이거나 컬렉션 일 수 있다. 컬렉션 리소스는 "customers" 로 식별 싱글턴 리소스는 "customers/{customerId}" 로 식별 2. 컬렉션 리소스와 서브 컬렉션 리소스 리소스가 서브 컬렉션 리소스를 가질 수 있다. 특정 고객의 계정 목록을 식별하고자 하는 .. 2023. 5. 13.
Overlay와 Stack 용도 비교 Overlay랑 Stack의 각 용도는 뭘까? `Overlay`와 `Stack`은 모두 위젯들을 겹쳐서 배치하는 데 사용됩니다. 그러나 두 위젯은 각각 다른 용도를 가지고 있습니다. `Overlay`는 앱의 표시 계층에서 페이지 위에 떠있는 위젯을 추가하려는 경우에 사용됩니다. 예를 들어 다이얼로그, 툴팁, 알림 메시지, 팝업 메뉴 등과 같은 페이지 위에 떠있는 UI를 구현할 때 `Overlay`를 사용할 수 있습니다. `Overlay`는 `BuildContext` 객체를 이용하여 앱의 루트 위젯에서 생성해야 합니다. `Overlay.of(context)`를 호출하여 현재 라우트에서 사용 가능한 `OverlayState` 객체를 가져올 수 있으며, `OverlayEntry` 위젯을 이용하여 `Overla.. 2023. 5. 2.
반응형