본문 바로가기
반응형

자바스크립트11

[React]TS/JS 버전 에러 Type 'string' can only be iterated through when using the '--downlevelIteration' flag or with a '--target' of 'es2015' or higher. 사이드 프로젝트를 개발하다가 string to array를 하기 위해 spread를 사용하였다. 그런데 에러 발생! 왜 에러가 났는고 하니 바로 사용하는 자바스크립트 버전이 낮아서 생긴 문제이다. 이는 tsconfig 파일로 가서 컴파일옵션에 target을 변경해주면 된다. 기존에는 target이 es5로 되어있다. es2015나 그보다 높은 버전을 사용해야하니 ES2016으로 변경하니 잘 동작한다! 공부하면서 정리한 내용입니다. 모든 지적 감사히 받겠습니다:) 2023. 4. 5.
[React]PrimeReact https://primereact.org/ PrimeReact | React UI Component Library The ultimate collection of design-agnostic, flexible and accessible React UI Components. primereact.org PrimeReact는 Material UI 같은 리액트용 UI 컴포넌트 라이브러리이다. 개인적으로 Material UI보다 낫다고 생각해서 사용법을 간단하게 포스팅 해보려고 한다. 위 URL로 이동하면 이런 사이트로 이동하는데 저 위에 Components 메뉴를 클릭한다. 그럼 이 화면이 뜨게 되는데 DownLoad에 있는 npm install primereact primeicons (혹은 yarn을 쓴다면 .. 2023. 3. 15.
[TypeScript] 타입스크립트란? 타입스크립트란? 타입스크립트는 마이크로소프트에서 구현한 JavaScript의 슈퍼셋 프로그래밍 언어로 정적 타입을 명시 할 수 있다는게 순수 자바스크립트랑 가장 큰 차이점이다. 따라서 개발자가 의도한 변수나 함수 등의 목적을 더욱 명확하게 전달할 수 있으며 잘못된 변수나 함수 사용에 대한 에러 알림 같은 풍부한 피드백을 받을 수 있다. 실제로 타입스크립트를 사용하면 순수 자바스크립트로 코드를 작성했을 때 나오는 에러를 상당 부분 사전에 잡아낼 수 있다. 확장자로는 .ts를 사용하며 결국에는 컴파일 결과물로 자바스크립트 코드를 출력해 구동시키기 때문에 기존 자바스크립트랑도 호환이 가능하다는 장점이 있다. 또 '*.d.ts' 파일을 사용하여 기존 자바스크립트 소스를 일절 건드리지 않고 자바스크립트 객체를 타.. 2023. 3. 5.
반응형