![]()
현재 코드는 기본적인 기능만 가능합니다. 사용자 경험을 고려하면 몇가지 버그와 불편함이 있기 때문에 개선이 필요합니다. 코드 설명 통신 통신은 axios를 사용합니다. axios에서는 'onUploadProgress'라는 속성을 사용할 수 있습니다. 이 속성은 axios를 통해 전송되는 파일의 진행상태를 추적할 수 있습니다. 저는 formData를 생성하고 append 메서드로 file에 대한 정보를 추가했습니다. 이후 axios 통신을 통해 formData를 보내면 서버로 업로드한 파일이 전송됩니다. 참고로 업로드에 성공했을 때, 들어오는 response에 백엔드 개발자분께서 message라는 키값으로 "{N} 개의 파일을 업로드하였습니다!" 라는 텍스트를 담아주셨습니다. 저는 그 메세지를 alert창..
![]()
TypeScript는 Microsoft에서 개발한 오픈소스 프로그래밍 언어로, JavaScript의 상위 집합 언어입니다. TypeScript는 정적 타입 지원, 클래스, 인터페이스, 모듈 등과 같은 기능을 JavaScript에 추가하여 코드를 더욱 강력하고 안정적으로 만듭니다. TypeScript의 가장 큰 장점 중 하나는 정적 타입 시스템이라는 것입니다. 이것은 변수의 데이터 유형이 컴파일 시간에 이미 결정되어 있으므로 코드에서 발생할 수 있는 많은 오류를 미리 방지할 수 있다는 것을 의미합니다. TypeScript는 JavaScript의 동적 타입 지원을 그대로 유지하면서, 컴파일러가 코드를 분석하여 런타임에서 발생할 수 있는 많은 버그를 사전에 발견할 수 있도록 합니다. TypeScript를 사용..
