기억이 존재라면, 이 글들은 나의 흔적입니다.
이번 글에서는 JavaScript로 작성한 Todo 목록 조회 코드를 TypeScript로 바꾸는 과정을 정리해보겠습니다. 목표는 단순히 문법만 바꾸는 것이 아니라, 다음과 같은 부분을 더 안전하게 만드는 것입니다. API 응답 구조에 타입 붙이기 Todo 배열의 타입 정의하기 DOM 요소가 nu...
우리가 만들려는 TODO 웹은 SPASingle Page Application 형태입니다. 즉, 페이지를 여러 장 넘기기보다 하나의 HTML 문서 안에서 로그인 상태 확인, 목록 보기, 등록 기능 등을 자바스크립트로 제어하는 방식입니다. 이번 글에서는 먼...
이번에는 간단한 회원가입 화면을 만들고, 브라우저에서 API를 호출하는 코드를 TypeScript 방식으로 바꾸는 과정을 정리해보겠습니다. 초보자 입장에서는 먼저 HTML로 화면을 만들고, 그 다음 JavaScript로 동작을 붙인 뒤, 마지막에 TypeScript로...
이번 글에서는 아주 기초적인 Vite 프로젝트를 만든 뒤, 타입스크립트를 도입하면서 기존 코드를 어떻게 더 안전하게 바꿔갈 수 있는지 흐름 중심으로 정리해볼게요. 처음에는 단순한 HTML 기반 프로젝트로 시작하고, 이후 타입스크립트를 붙일 수 있는 기반을 만드는 식으로 이해하면 좋아요. 1. 프로젝...
타입스크립트란? 프론트엔드나 백엔드 개발을 하다 보면 자바스크립트는 유연하지만, 그만큼 실수도 쉽게 생긴다는 말을 자주 듣게 됩니다. 이럴 때 많이 등장하는 것이 바로 타입스크립트TypeScript 입니다. 간단히 말하면, 타입스크립트는 자바스크립트에 타입 시스템을 더한 언어입니다. 자바스크립트를 기반으로 하면서도, 코드 작성 단계에서 오류를 더 빨리 발견...
더 이상 글이 없습니다.