본문 바로가기

전체 글29

Typescript 공부하기 11일차 (2022.10.27) 시간에 쫒겨서 아쉬움이 가득했던 2차 프로젝트가 끝났다. 분명 2차 팀플을 시작할 때만 해도 팀원들 모두 "JS로 구현 먼저 하고 TS로 마이그레이션 해봅시다~!" 라며.. 의욕을 불태웠는데ㅠㅠ 기획했던 기능들을 만들기 급급해서 아쉬움이 많이 남았다ㅠㅠ 그해서!!! 이번에는 꼭 TS를 써보겠다고 다짐하며 개인프로젝트를 시작했다. 나의 첫 번째 개인 프로젝트는 바로! 블로그 만들기!!! 카카오 먹통 사태를 겪으면서 티스토리가 없으면 얼마나 힘든지 경험하게 되었다. 팀플 때 막히는 건 대부분 티스토리에서 답을 얻었는데, 이제보니 부트캠프 하시면서 기록해주신 분들이 아닐까 싶다ㅎㅎ 아무튼, 내 티스토리에도 접근이 안되서 큰 충격을 받았다!!! 그리하여 나온 블로그 만들기 프로젝트의 명분! "내 기록은 내가 직.. 2022. 10. 28.
Typescript 공부하기 10일차 (2022.10.25) 1. props 타입 적용 1) 함수형 컴포넌트에 props 타입 설정 - {...props}: 스프레드 연산자로 props를 button의 props에 모두 전달 - React.PropsWithChildren: 제네릭에 전달한 props와 props.children을 인터섹션 - props.children: react에서 기본적으로 전달해주는 children props. 자식 노드들이 전달됨 - React.FC 타입을 사용하면 내부적으로 PropsWithChildren을 사용하여 제네릭의 Props 타입과 children 타입을 인터섹션 props에 React.PropsWithChildren을 선언하는 것과 같은 효과 2) style props에 타입 적용 - 모든 button에 적용됨 - class로.. 2022. 10. 26.
Typescript 공부하기 9일차 (2022.10.24) 0. Node.js에서의 타입스크입트 1. node.js 웹앱 프레임워크 Express소개 1) express(가장 널리쓰임)란? - Node.js 기반의 웹 어플리케이션 프레임워크 - 웹 어플리케이션을 만들기 쉽게 해주는 기능과 구조를 제공 - 이외에도 fastify(퍼포먼스 우수)나 koa 등 다양한 웹 어플리케이션 프레임워크 존재 2) express: 예제 // src/app.js const express = require('express'); const app = express(); const port = 3000; app.get('/', (req, res) => { res.send('Hello World'); }); app.listen(port, () => { console.log('Exampl.. 2022. 10. 25.
Typescript 공부하기 8일차 (2022.10.02) 1. 데코레이터 1) 특징 - 함수를 감싸는 함수 - GoF에 소개된 구조적 디자인 패턴 중 하나로서, 기존 함수를 바꾸지 않고 함수를 관찰, 수정, 재정의(오버라이딩)할 수 있는 함수. - 가독성 개선 - 반복되는 코드 줄이기 - 단일책임원칙 ㄴ 단일책임원칙(SRP, Single Responsibility Principle) 객체지향 5대 원칙인 SOLID 원칙 중 하나로, 프로그램에서 모든 모듈, 클래스, 함수는 한 번에 하나의 역할 만 책임져야 한다는 원칙, 즉, 한 번에 한 가지 일만 해야 한다. 2) 주의사항 - 표준화되지 않은 기능 ㄴ 데코레이터는 앵귤러 프레임워크를 지원하기 위해 추가된 것으로 아직 표준화되지 않은 기능. ㄴ 즉, 사용중인 데코레이터가 비표준화되거나 호환성이 깨질 가능성이 있.. 2022. 10. 2.

티스토리툴바