분류 전체보기

팀 레파지토리 만들기 1. 내 깃허브 레파지토리에서 new를 클릭하고 레파지토리를 만들어 준다. 2. 팀원을 초대하기 위해 invite collaboratoes를 클릭한다. 3. add people를 클릭하고 팀원을 초대한다. (일단 레파지토리를 만들었다면 나중에 setting → collaborators 탭에서 확인할 수 있음) 4. 팀원들을 초대한 후 프로젝트 환경을 셋팅해준다. - git init - git add - git commit -m "커밋메세지" - git branch -M main - git remote add origin 레파지토리주소 - git push -u origin main develop 브랜치 만들기 develop 이란 브랜치는 왜 만들어야 될까? 코드를 짜다보면 완벽할 수만..

📍 Pretendard Pretendard 프리텐다드 Pretendard 프리텐다드 글꼴 다운로드 일본어 버전 다운로드 GitHub에서 보기 system-ui를 대체하는 글꼴 Apple의 system-ui가 익숙한 나로서는 San Francisco와 Apple SD 산돌고딕 Neo가 없는 cactus.tistory.com 내가 가장 많이 사용하는 폰트 중 하나인 프리텐다드! NotoSans와 같이 가장 많이 사용하는 폰트이다. 웹사이트에 적용하기에 가장 깔끔하고 가독성 좋은 폰트인 것 같다. 1. 웹폰트 cdn 사용하기 HTML / CSS 둘 중 하나 선택해서 사용하면 된다. HTML html 파일 태그안에 적용해주면 된다. CSS @import url("https://cdn.jsdelivr.net/gh..

📍 https://www.typescriptlang.org/docs/handbook/utility-types.html Documentation - Utility Types Types which are globally included in TypeScript www.typescriptlang.org 1. 유틸리티 타입이란? 유틸리티 타입이란 타입스크립트가 자체적으로 제공하는 특수한 타입들이다. 제네릭, 맵드 타입, 조건부 타입등의 타입 조작 기능을 이용해 실무에서 자주 사용되는 유용한 타입들을 모아 놓은 것이다. 💡 가장 자주 활용되는 유틸리티 타입 2. 맵드 타입 기반 2.1 Partial 특정 객체 타입의 모든 프로퍼티를 선택적 프로퍼티로 변환 기존 객체 타입에 정의된 프로퍼티들 중 일부분만 사용할 수..

💡 시작하며 이번달에는 커리어특강을 진행하여 그에대해 써보려고 합니다. 사실 커리어특강은 아직 공부도 못 끝낸 저에게 꼭 필요할까? 라는 생각에 별 기대감 없이 들었는데요. 막상 들어보니 근래에 들었던 특강 중 가장 좋았고 얻어가는 부분도 많았습니다. 현직에서 일하시는 분의 특강이어서 그런지 팁도 많았고 자신의 경험도 많이 들려주시면서 진행하셔서 지루함 없이 들었던거 같습니다. 커리어특강을 듣고 커리어상담까지 진행했는데요. 기대 이상의 시간이었습니다. 👨🏼‍💻 커리어특강 커리어 특강은 이력서에 어떤 재료를 가지고 어떤식으로 작성하면 좋은지에 대해 자세하게 다루었습니다. 면접관의 입장에서 어떤 걸 쓰면 좋은지 주도적으로 하는 경험이 얼마나 중요한지 그 중 가장 중요한 문제 해결 역량에 대해도 자세하게 알 ..

1. 조건부 타입 type A = number extends string ? number : string; 조건부 타입은 extends와 삼항 연산자를 이용해 조건에 따라 각각 다른 타입을 정의하도록 돕는 문법이다. number extends string 조건식이 참이라면 number 타입, 거짓이면 string 타입이된다. number extends string은 number 타입이 string 타입의 서브 타입이 아니기 때문에 거짓이 되고 type A는 string 타입이된다. type ObjA = { a: number; }; type ObjB = { a: number; b: number; }; type B = ObjB extends ObjA ? number : string; 다른 예제로 조건식에 객..

1. 타입 조작이란? 기본 타입이나 별칭 또는 인터페이스로 만든 원래 존재하던 타입들을 상황에 따라 유동적으로 다른 타입으로 변환하는 기능 제네릭 또한 타입 조작 기능에 포함된다. 제네릭 이외의 다양한 타입 조작기능이 있다. 2. 인덱스드 엑세스 타입 인덱스를 이용해 다른 타입내의 특정 프로퍼티의 타입을 추출하는 타입 객체, 배열, 튜플에 사용할 수 있다. 2.1 객체 프로퍼티의 타입 추출하기 만약 게시글을 표현하는 객체 타입과 게시글 변수가 있다고 가정하자. 게시글에서 작성자의 이름과 아이디를 붙여 출력하는 함수도 존재해야한다. interface Post { title: string; content: string; author: { id: number; name: string; age: number; ..