kzh4295 kzh4295

1장. 타입스크립트 알아보기아이템요약실무 응용 생각1. TS와 JS의 관계 이해- TS는 JS의 상위집합- TS는 JS 런타임을 모델링하는 타입 시스템 -> 모든 오류 판단 불가 2. TS 설정 이해하기- tsconfig.json 사용하여 설정 정의 권장- noImplicityAny, strictNullChecks 등 strict 설정 권장 3. 코드 생성과 타입은 관계없음- TS 컴파일러의 역할 (타입 오류 체크, 트랜스파일)- 타입 오류가 있는 코드도 컴파일 가능- 런타임에는 타입 체크 불가 (태그된 유니온, 클래스 기법)- 타입 연산은 런타임에 영향x- 런타임 타입은 선언된 타입과 다를 수 있음- 타입스크립트 타입으로는 함수 오버로드 불가- 타입은 런타임 성능에 영향 x 4. 구조적 타이핑에 익숙해..

jsx란더보기

1독더보기Object.is : 객체간 얕은 비교, 리액트의 동등 비교 기반 -> shallowEqual더보기클래스 : consructor: 클래스 생성 메서드 , 생성 가능, 정적메서드만 클래스에서 직접 호출 가능 -> util 함수getter, setter, 프로퍼티, 프로토타입 활용더보기클로저렉시컬 스코프의 조합전역함수 스코프 : {}가 스코프 범위 결정x리액트의 클로저더보기이벤트 루프와 비동기 통신왜 js는 싱글스레드로 설계 되었을까?더보기이벤트 루프란런타임 외부에서 js의 비동기 실행을 돕기위해 만들어진 장치한 스레드에서 코드를 실행하는 것과 호출 스택이 비어있는지 확인하는 것이 순차적으로 일어남태스크 큐 : 실행해야할 태스크의 집합테스크 큐와 마이크로 태스크큐더보기리액트에서 자주사용하는 js 문..

궁금증: 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 - 바로 사용할 수 있는 타임라인 및 일정 구..