기억이 존재라면, 이 글들은 나의 흔적입니다.
TypeScript를 배우다 보면 가장 먼저 자주 만나게 되는 개념 중 하나가 interface입니다. 처음에는 문법처럼 보이지만, 실제로는 데이터의 모양을 약속하는 도구라고 이해하면 훨씬 쉽습니다. 그리고 프로젝트가 조금만 커져도 파일 하나에 모든 코드를 몰아...
이번 글에서는 JavaScript로 작성한 Todo 목록 조회 코드를 TypeScript로 바꾸는 과정을 정리해보겠습니다. 목표는 단순히 문법만 바꾸는 것이 아니라, 다음과 같은 부분을 더 안전하게 만드는 것입니다. API 응답 구조에 타입 붙이기 Todo 배열의 타입 정의하기 DOM 요소가 nu...
우리가 만들려는 TODO 웹은 SPASingle Page Application 형태입니다. 즉, 페이지를 여러 장 넘기기보다 하나의 HTML 문서 안에서 로그인 상태 확인, 목록 보기, 등록 기능 등을 자바스크립트로 제어하는 방식입니다. 이번 글에서는 먼...
이번에는 간단한 회원가입 화면을 만들고, 브라우저에서 API를 호출하는 코드를 TypeScript 방식으로 바꾸는 과정을 정리해보겠습니다. 초보자 입장에서는 먼저 HTML로 화면을 만들고, 그 다음 JavaScript로 동작을 붙인 뒤, 마지막에 TypeScript로...
이번 글에서는 아주 기초적인 Vite 프로젝트를 만든 뒤, 타입스크립트를 도입하면서 기존 코드를 어떻게 더 안전하게 바꿔갈 수 있는지 흐름 중심으로 정리해볼게요. 처음에는 단순한 HTML 기반 프로젝트로 시작하고, 이후 타입스크립트를 붙일 수 있는 기반을 만드는 식으로 이해하면 좋아요. 1. 프로젝...
더 이상 글이 없습니다.