terryEHLee

terryEHLee

  • 분류 전체보기 (240)
    • ✏️ TIL(Today I Learned) (128)
      • 🐰 2023 Black Rabbit (116)
      • 🐲 2024 Blue Dragon (12)
    • ✨ PS(ProblemSolving) (29)
    • 🖥️ CS(Computer Science) (26)
      • 네트워크 (8)
      • 알고리즘 (1)
      • 자료구조 (2)
      • 데이터베이스 (0)
      • 운영체제 (0)
      • 소프트웨어 (15)
      • 개발상식 (0)
    • ⚡️ Project (7)
      • 💎 Danmi (3)
      • 회원가입연습 (2)
      • ZRM(Zod ReactHookForm MUI) (1)
      • 🪐Hife (1)
      • 🎷 UI 공통 컴포넌트 설계 (0)
    • 🔤 Language (26)
      • HTML (3)
      • CSS (4)
      • JavaScript (7)
      • TypeScript (12)
    • 🔎 기타 (13)
    • 📚 Library (6)
      • JQuery (1)
      • React (0)
    • 📒 정보처리기사 (1)
      • 소프트웨어 설계 (1)
    • 🍫 Framework (3)
      • Next.js (3)
  • 홈
  • 태그
  • 방명록
  • 내배캠_react_이우정
  • 내배캠_react_이안진
RSS 피드
로그인
로그아웃 글쓰기 관리

terryEHLee

컨텐츠 검색

태그

wis 연습문제 AWS 코딩테스트 연습 til Lv0 CS TIS programmers js 회고 html zod 오공시 CSS 코딩테스트 입문 redux WIL ps ts

최근글

댓글

공지사항

아카이브

ts(6)

  • [Library] Zod

    개요 TS를 위한 data schema 및 유효성 검사 라이브러리 BE와 FE 사이에서 데이터를 검증하고 정의하는데 사용되기도 함 TS 타입을 사용하여 데이터 구조를 정의하고, Zod schema를 통해 데이터 유효성 검사 입력값의 유효성을 확인하고 에러 메시지 제공 사용 src/validator 디렉토리에 .ts 파일생성 라이브러리 import 후에, 에러메시지 밑 데이터 유효 형식 작성import { z } from "zod"; const passwordRegex = /^(?=.[a-zA-Z])(?=.*\d)(?=.[@$!%?&])[A-Za-z\d@$!%?&]{8,}$/; const phoneRegex = /^010\d{8}$/; export const registerSchema = z.object(..

    2024.03.07
  • [Language/Typescript] 클래스

    정의 : 객제 지향 프로그래밍의 핵심 구성 요소 중 하나로 객체를 만들기 위한 틀이다. 구성요소 속성(attribute): 객체의 성질 결정 매서드(method): 객체의 성질을 변화시키거나 객체에서 제공하는 기능들 사용 객체: 클래스를 기반으로 생성, instance라고도 함 정의 class 키워드로 정의함 method, attirbute 정의 후, new 키워드로 객체 생성가능 class Preson { name: string; age: number; constructor(name: stirng, age: number) { this.name = name; this.age = age; } const person = new Person('Spartan', 30); person.sayHell..

    2023.07.27
  • [Language/TypeScript] 유틸리티 타입

    정의 : 이미 정의해 놓은 타입을 변환할 때 사용하기 좋은 문법. 종류 Partial : 기존 타입의 일부 속성만 사용가능 Required : 모든 속성이 사용되어지게 함 Readonly : 읽기전용 속성, 완전 불변 객체로 취급하게 함 Pick 타입 T에서 K속성만 선택하여 새로운 타입을 만듬 Omit 타입 T에서 K속성만 제외한 새로운 타입 그 이외 다양한 타입들 ==> https://www.typescriptlang.org/ko/docs/handbook/utility-types.html References https://teamsparta.notion.site/Sparta-TS-_-4-bc51a698598841fab5172670cdc3bd53#d35b4a4b2fec4ede9ef3572412ba9e2..

    2023.07.26
  • [Language/TypeScript] object literal

    object literal 이란? 열거형 데이터 타입 key: value Pair로 이루어짐 숫자, 문자열만 허용되는 enum과 다르게 모든 타입 형태가 허용딤

    2023.07.26
  • [Language/TypeScript]가변적 데이터 타입

    정의: data의 타입을 정확하게 지정하지 못할 때 상황에 따라 변하도록 지정. 종류 any: 어떠한 타입이든 할당이 가능함. 그러나 안정성을 위해 type을 지정하는 TS의 존재성에 위배되기에 가급적 사용하지 않는 것이 좋음 unknown: any를 대체할 수 있는 조금 더 안정성을 확보할 수 있는 가변적 데이터 타입 Type Assertion(타입단언)으로 재할당 가능 let unkonwValue: unknown = 'unknownValue' let stringValue: string; stringValue = unknownValue; // Error stringValue = unknownValue as string; // 'unknownValue' union: unkno..

    2023.07.26
  • [Language/TypeScript] .d.ts.

    정의 : TS타입 정의파일. JS 라이브러리에 대한 타입 정보를 제공함. 역할 외부 라이브러리의 함수 타입 정보, 클래스 타입 정보, 객체 타입 정보를 알 수 있음 역사가 깊은 JS의 다양한 라이브러리를 좋은 호환성으로 그대로 TS 환경에서 사용할 수 있게 해줌. 예시 test.js라는 파일의 .d.ts 파일을 만드는 과정 npx tsc test.js --declaration --allowJs --emitDeclarationOnly --outDir typestypes/test.d.ts 파일이 생성됨.

    2023.07.26
이전
1
다음
티스토리
© 2018 TISTORY. All rights reserved.

티스토리툴바