반응형

typescript 2

CRA에서 Vite로 전환, Vite 시작, Vite 설치하기

우리 팀에서는 프론트엔드 개발의 효율성과 성능을 개선하기 위해 지속적으로 노력해 왔습니다. 저는 이 과정에서 프론트엔드 팀의 리더로서, 기존의 Create React App(CRA)을 사용한 개발 방식에서 벗어나 더 나은 대안을 모색하게 되었습니다. 우리가 직면한 주된 문제 중 하나는 빌드 시간과 서버 과부하였습니다. 기존 상황의 문제점: 긴 빌드 시간: 우리의 프로젝트 빌드 시간은 평균 12분 정도였습니다. 이는 개발 속도를 늦추고, 팀의 생산성에 심각한 영향을 미쳤습니다. 서버 과부하: 빌드 과정에서 발생하는 서버 과부하로 인해, 백엔드(스프링부트)와 프론트엔드 개발 인스턴스를 내려야 하는 상황이 발생했습니다. 이러한 조치에도 불구하고 빌드 시간은 여전히 7분 정도로 길었습니다. 이러한 문제를 해결하..

IT/React 2024.02.08

TypeScript Type과 Interface차이, 뭘 써야하나?

TypeScript는 JavaScript에 정적 타입 시스템을 도입함으로써, 개발자들이 더욱 안정적이며 유지보수가 용이한 코드를 작성할 수 있도록 지원하는 프로그래밍 언어입니다. 개발 과정에서 발생할 수 있는 많은 오류를 컴파일 시점에 미리 발견하고 수정할 수 있게 해줍니다. TypeScript에서는 특히 type과 interface라는 두 가지 주요 구문을 통해 데이터의 구조를 명시적으로 정의할 수 있습니다. Type과 Interface의 기본 Interface 객체의 구조를 정의하는데 주로 사용됩니다. 확장성이 뛰어나며, 같은 이름의 interface를 여러 번 선언하면 자동으로 병합됩니다. interface User { name: string; age: number; } interface User ..

IT/Others 2024.02.02
반응형