TypeScript (3) 썸네일형 리스트형 [Next] API Routes를 이용해 사이드 서버 구축 해보기 with Typescript 최근 이곳저곳 면접을 다니면서 포트폴리오를 조금 손봐야겠다는 생각이 문득 들었다.가장 큰 이유는 역시 종료된 프로젝트 관리 미흡. 나는 프론트엔드 개발자이기 때문에 프론트엔드 쪽에서 문제가 발생하면 바로 고칠 수 있지만,백엔드 쪽에서 발생한 문제는 거의 손대기가 불가능 했기에 백엔드 API가 사라졌다거나, 서버가 닫혀버리는 경우에는 꼼짝없이 프로젝트 하나를 버리게 되는 것이었다.하지만 공들여 진행한 프로젝트를 '없던 일'로 쳐버리는건 너무 아쉽기 때문에, 스스로 백엔드 서버를 만들어 프로젝트를 살려보기로 했다.1. Next.js API Routes와 서버 생성Next.js 설치 및 적용은 나보다 더 상세하게 작성 해 주신 분들이 많기에 생략한다.Next.js를 설치 후 프로젝트를 만들면 src 폴더 내의.. [FE_Bootcamp] 75일차_TypeScript(2) 1. 열거형(Enum) TypeScript의 열거형(Enum)은 특정 값의 집합을 정의할 때 사용한다. JavaScript에서는 기본적으로 열거형을 지원하지 않지만, TypeScript에서는 문자형 열거형과 숫자형 열거형을 지원한다. //숫자형 열거형 enum Numbers { one = 1, two = 2, three = 3 } const oneVal : Numbers = Number.one const twoVal : Numbers = Numbers[1] const threeVal : number = Numbers.three //문자형 열거형 enum Metallica { vocal = 'James', guitar = 'Kirk', bass = 'Robert', drum = 'Lars' } const .. [FE_Bootcamp] 74일차_TypeScript(1) 무려무려 2주만에 돌아온 블로그! 그동안 솔로 프로젝트와 리팩토링 때문에 완전히 지칠대로 지쳐 블로그를 놓아버리고 말았다 미안해 블로그야~ 1. TypeScript란? TypeScript는 마이크로소프트에서 개발한 JavaScript의 상위 집합(Superset) 언어로, JavaScript에 정적타입 검사와 클래스 기반 객체 지향 프로그래밍 등의 기능을 추가된 구조이다. JavaScript는 처음에는 브라우저에서만 동작하는 스크립팅 언어로 만들어졌지만 시간이 점점 흐르고, JavaScript로 웹 애플리케이션의 상호작용이 증가하면서, 웹 애플리케이션이 필요로 하는 JavaScript 코드의 양이 폭발적으로 늘어나게 되었다. JavaScript는 동적 타입이 결정되어 유연하고, 다양한 라이브러리와 프레임.. 이전 1 다음
