kzh4295 kzh4295

궁금증: OSI 7계층 캡슐화와 JWT 연관이 있을까?

디자인x, 인터렉션과 상태값 잇음디자인 토큰: 디자인 시스템의 가장 작은 부분, 디자인 시스템 내에서 특정 시각적 디자인 속성(색상, 타이포그래피, 간격 등)을 저장하는 명명된 엔터티색상 토큰글꼴 크기글꼴 패밀리줄높이 간격글로벌 디자인 토큰 : 맥락에 관계없이 다양한 부분에서 재사용 가능시각적 속성의 본질과 관련이 있음(특정 맥락 제공 x)alias 디자인 토큰 : 글로벌 디자인 토큰보다 구체적, 용도를 암시 가능하게 명명 필요컴포넌트별 디자인 토큰 : 특정 컴포넌트에 직접 연결되어 색상, 테두리, 고유한 타이포그래피 같은 속성 정의애플리케이션별 디자인 토큰 3단계 토큰 구조primative 토큰 : 색상(크기) - 위계semantic 토큰 : 컴포넌트 구조 - 위계component - sementic ..

제목Storybook | React & TypescriptInteraction testing in Storybook출처https://medium.com/@xiaominzhu/storybook-react-typescript-ac667cb54eedhttps://medium.com/storybookjs/interaction-testing-in-storybook-32935c657b39요약Next.js 프로젝트 만들기 : 아직 만들지 않았다면 create-next-app다음 명령을 사용하여 Next.js 앱을 만들어 시작하세요.Storybook 설정 : 스크립트를 사용하여 Next.js 프로젝트 내에서 Storybook을 초기화하고 sb initWebpack 5와의 호환성을 보장합니다.Next.js 페이지에 대한..

제목This Free React Library Will Blow Your Mind 😮— A Total Game-Changer!12 Awesome Next.js Libraries to Supercharge Your Development!출처https://medium.com/@letscodefuture/this-free-react-library-will-blow-your-mind-a-total-game-changer-15054bee0acbhttps://www.reactbits.dev/backgrounds/grid-motionhttps://medium.com/lets-code-future/12-awesome-next-js-libraries-to-supercharge-your-development-38632f..

제목Top 10 Best React Libraries You Should Try in 2025Top 16+ Modern React Libraries To Supercharge Your Next Big Project출처https://medium.com/lets-code-future/top-10-best-react-libraries-you-should-try-in-2025-3bb0db2ecffahttps://medium.com/@letscodefuture/top-16-modern-react-libraries-to-supercharge-your-next-big-project-78e912e95014요약1. Tremor - 손쉽게 멋진 대시보드를 구축2. Planby - 바로 사용할 수 있는 타임라인 및 일정 구..

제목Day 1: Can You Solve This JavaScript Challenge?Next.js Rewrites and Redirects: A Deep Dive 출처https://medium.com/javascript-in-plain-english/day-1-can-you-solve-this-javascript-challenge-13d78000534ehttps://medium.com/front-end-world/next-js-rewrites-and-redirects-a-deep-dive-03c17da2c085요약JS 루프의 동작방법Redirects는 한 URL에서 다른 URL로 사용자를 이동시키는 기능입니다.next.config.js 파일에서 설정합니다.영구적(permanent: true) 또는 임..

제목“How to tackle Docker and Kubernetes” for Frontend, tutorial includedKubernetes Deployment: Connect Your Front End to Your Back End With Nginx출처https://medium.com/@rickmint/how-to-tackle-docker-and-kubernetes-for-frontend-tutorial-included-87e8b1d7d5f8https://medium.com/better-programming/kubernetes-deployment-connect-your-front-end-to-your-back-end-with-nginx-7e4e7cfef177요약Docker와 Kubernetes에..

제목리액트 19 업그레이드 가이드레고 인터페이스 패널로 알아보는 UX출처https://velog.io/@eunbinn/react-19-upgrade-guidehttps://velog.io/@typo/the-ux-of-lego-interface-panels요약설치하기코드 자동 변환 (Codemods)호환성이 깨지는 변경사항새롭게 지원 중단하는 기능주목할 만한 변경사항타입스크립트 변경사항변경 이력조직화된 카오스입력의 차별화입력의 조직화그렇다면, 가장 좋은 인터페이스는 무엇인가요?