2024.06.15 - [Programming Language/React] - [React] React 개발을 하며 지키면 좋을 것들 (3)2024.06.13 - [Programming Language/React] - [React] React 개발을 하며 지키면 좋을 것들 (1)2024.06.09 - [Programming Language/Javascript] - [JS] 효율적이고 효과적인 자바스크립트 개발을 위한 45가지 팁(2)위 글은 50 React.js Super Hacks Every Developer Should Know를 번역 겸 약간의 각색을 곁들인 글로,팁이 50가지나 되는 만큼 한 글에 담기보단 10개씩 5번으로 나눠서 포스팅할 예정이다.이 글은 5번째 중 1번째 글이다. 1. Comp..
TypeScript에서 Mapped Type는 기존 타입을 변형하여 새로운 타입을 생성하는 역할을 한다.Mapped Types를 사용하면 객체 타입의 각 속성을 다른 타입으로 변환할 수 있는데, 이를 통해 코드의 재사용성과 타입 안전성을 높일 수 있다고 한다.Mapped Type는 주로 keyof 연산자와 함께 사용되어, 기존 타입의 키들을 기반으로 새로운 타입을 정의한다. 기본적인 형식type MappedType = { [P in keyof T]: T[P]; // 형식 1 [ P in K ] : T; // 형식 2 [ P in K ]? : T; // 형식 3 readonly [ P in K ] : T; // 형식 4 readonly [ P in K ]? : T; // 형식 5}; 다른 다양한 ..
타입스크립트(TypeScript)는 일반적인 타입 변환 작업을 쉽게 만들어주는 여러 유틸리티 타입(Utility Types)을 제공한다.일반적인 타입 정의는 적응을 했지만, 조금 더 타입스크립트를 잘 활용하기 위해,유틸리티 타입을 써보려는 김에 어떤 종류가 있는지 적어본다.1. Partial모든 프로퍼티를 선택적으로 만든다.interface Post { title: string; date: Date; content: string;}function updatePost(post: Post, fieldsToUpdate: Partial) { return { ...post, ...fieldsToUpdate };}const post1 = { title: "공지사항", date: new Date(), c..
[있었던 일] 1월 10일 즈음 면접을 본지 2일 되지 않아, 대표님께 연락을 받았다. 다음주부터 근무할 수 있냐는 말씀과 함께 어떤 일을 하게 될지, 어떤 처우를 받게 될지에 대한 얘기를 들을 수 있었다. [느낀 점] 홈페이지 리뉴얼 프로젝트를 임할 때, 어떤 다른 기대를 하진 않고, 주어진 기간에 맞춰 최대한 열심히 하려고 노력한 게 전부였는데, 정말 사람 일은 어떻게 될 지 모르는 것을 새삼 느끼는 순간이다. 개인적으로는 기대했던 연봉보다는 높았고, 회사 5분 거리에 개인별 오피스텔 계약을 통해 기숙사를 제공해주는 점이 무척 마음에 들었다. 일하게 될 팀은 회사 자체 솔루션의 공장 자동화팀으로, 자바를 공부해야한다고 얘기를 들었다. 나의 최종적인 목표는 풀스택 개발자로서 다른 사람들에게 선한 영향력..
