분류 전체보기
-
나의 최애 프론트엔드 라이브러리카테고리 없음 2025. 1. 12. 18:22
소개제가 실제 프로젝트에서 즐겨 사용하는 프론트엔드 라이브러리들을 소개해드리려고 합니다. 각 라이브러리의 특징과 실제 사용 사례를 통해 여러분의 개발 여정에 도움이 되었으면 합니다.1. 프레임워크/언어NextJSNext.js는 React 기반의 프레임워크로, 서버 사이드 렌더링(SSR)과 정적 사이트 생성(SSG)을 지원합니다. 빠른 페이지 로딩과 SEO 최적화에 강점을 가지고 있으며, API 라우팅과 이미지 최적화 같은 다양한 기능을 제공합니다.사용 예시: 블로그나 e-commerce 사이트에서 페이지 로딩 속도를 높이기 위해 NextJS를 사용합니다. 특히, SEO가 중요한 페이지에서 SSR을 활용하여 검색 엔진 최적화를 극대화할 수 있습니다.TypeScriptTypeScript는 JavaScript..
-
실무에서 쓰는 유용한 타입스크립트 5가지카테고리 없음 2023. 5. 10. 16:12
Without falsy 배열을 인수로 받아, null, undefined, false와 같은 Falsy 값이 제외된 배열을 반환합니다 function withoutFalsy(arr: T[]) { return arr.filter( (value): value is Exclude => !(value === null || value === undefined || value === false) ); } const items = [1, null, undefined, 3, 0]; // (number | null | undefined)[]; const numbers = withoutFalsy(items); // number[]; Merge type 두 개의 타입을 병합하여 새로운 타입을 생성합니다. type Merg..
-
[오픈소스코드리뷰] cookie카테고리 없음 2022. 8. 12. 09:28
들어가며 Cookie는 대부분의 웹사이트에서 사용되는 강력한 브라우저 API 이며 key=value로 쌍을 이루고 ;(Semicolon)으로 구분합니다. 브라우저마다 조금씩 다르지만 한 사이트 당 20개 정도로 한정되어 있고, key=value 를 인코딩 이후 4kb 가 넘지 않아야 하고, 모든 문자가 허용되기 때문에 저장할 때는 반드시 encode 하여 저장하는 것이 좋습니다. 작은 단위 정보로만 사용할 수 있기 때문에, 주로 사용자 정보, 통계 수치, 토큰 저장과 같은 기능 개발에 사용됩니다. 현재 리뷰 버전은 0.4.1 입니다. 리뷰 ... .travis.yml eslintrc.yml ... 특별한 설정은 없네요. Dayjs와 마찬가지로 Travis CI를 사용하고 있습니다. rules: eol-l..
-
[오픈소스코드리뷰] Dayjs카테고리 없음 2022. 8. 5. 17:33
들어가며 기존에 브라우저의 날짜와 시간을 쉽게 표현할 수 있는 Moment.js 를 많이 사용했었는데, 무겁기도 하고(18kb), 더 이상 개발을 진행하지 않아 대안으로 떠오른 경량화된 라이브러리입니다. Moment.js 와 매우 흡사하여 이미 사용해보신 경험이 있다면 금방 사용 하실수 있고, 모든 브라우저를 지원하며 ie는 9 이상부터 지원됩니다. 현재 리뷰 버전은 1.10.7 입니다. 주요 기능 - 날짜 포맷팅 - 다국어 - 플러그인 확장 리뷰 // files and folder ... .eslintrc.json babel.config.js .travis.yml prettier.config.js ... Babel과 테스트 러너인 Karma를 사용 하고, 테스트 프레임워크는 Jest를 사용하네요. 코드..