에러3 타입스크립트[기초] 개념 타입 스크립트 란? 자바스크립트를 기반으로 한 확장된 프로그래밍 언어인 동시에 타입 스크립트를 자바스크립트로 변환하는 컴파일러이다. TypeScript는 마이크로소프트(MS)에 의해 개발/관리되고 있는 오픈소스 프로그래밍 언어이며 자바스크립트의 단점을 보완하기 위해 만들어졌다. 타입 스크립트와 자바스크립트의 차이점 & 타입 스크립트가 필요한 이유 자바스크립트 타입스크립트 동적 타입 언어 이기 때문에 런타임 속도는 빠르지만 타입 안정성이 보장 되지 않는다. 정적 타입 언어 이기 때문에 컴파일 시 시간이 조금 걸리더라도 안정성이 보장 된다. 타입이 유동적인것은 편리함의 장점도 있지만 프로젝트가 커질수록 디버그 하는 것도 어려워지고 타입의 안정성이 보장되지 못하는 단점이 있다 타입을 선언 해서 자바스크립트에서.. 2022. 5. 19. [개인 프로젝트 error] Uncaught (in promise) TypeError: Cannot set properties of null (setting 'innerText') 에러가 나게 된 상황 날씨 위젯 프로젝트를 만들던 중 날씨 api를 통해서 데이터를 받아오는 작업을 하고 있었는데 콘솔에는 데이터가 잘 나오는데 innerHTML이나 innerText를 사용해서 화면에 데이터를 띄우려고 하면 아래의 사진처럼 오류가 났다 에러 해결 & 느낀점 // 에러코드(필요없는 부분 생략..) const map_name = document.querySelector('.weatherInfo'); map_name.innerHTML = `${temperature} @ ${place}`; // 수정코드(필요없는 부분 생략..) document.querySelector('.weatherInfo').innerHTML = `${temperature} @ ${place}`; 예전에 비슷한 오류가 났.. 2022. 5. 2. 자바스크립트[기초] 프로미스 에러 처리 | 프로미스 체이닝 비동기 처리에서 발생한 에러를 처리하는 방법 2가지 then 메서드의 두 번째 콜백 함수로 처리한다 catch 메서드를 사용해 처리한다 // then을 이용한 방법 promiseGet(url).then( res => console.log(res), // 첫번째 콜백함수(성공) err => console.error(err) // 두번째 콜백함수(실패) ); // catch를 이용한 방법 promiseGet(url) .then(res => console.log(res)) // 첫번째 콜백함수(성공) .catch(err => console.error(err)); // catch 메서드 promiseGet(url) .then(res => console.log(res)) // 첫번째 콜백함수(성공) .then(u.. 2022. 5. 1. 이전 1 다음 728x90
