JavaScript 2

[React] JSX

JavaScript에 XML을 추가한 확장 문법 📌 XML ( eXtensible Markup Language) 다른 목적의 마크업 언어를 만드는 데 사용되는 다목적 마크업 언어 JavaScript 내부에 마크업 코드를 작성할 수 있다 const element = Hello, world! 공식적인 JavaScript 문법이 아니기 때문에, Babel을 사용하여 JavaScript 형태의 코드로 변환하는 과정이 필요하다 const element = React.createElement( 'h1', 👈 //tag null, 👈 //className이나 id, attribute 등 'Hello, world!' 👈 //element ) React에서 JSX 사용은 필수가 아니지만, 가독성과 익숙함, 높은 활용(재..

React 2022.03.04

TypeScript란?

자바스크립트를 기반으로 정적 타입 문법을 추가한 프로그래밍 언어 👉 Javascript + Type = TypeScript 왜 타입스크립트를 사용해야 하는가? 1. 에러 사전 방지 : 자유도가 높은 자바스크립트는 오류를 찾아내는 것이 쉽지가 않다. 타입스크립트는 코드의 타입을 명시하고, 목적에 맞지 않는 타입의 변수나 함수들이 에러를 발생시키기 때문에 개발 단계에서 오류를 찾을 수 있다는 큰 장점이 있다. 2. 코드 자동 완성 + 가이드 : IDE를 적극적으로 활용할 수 있기 때문에 생산성이 높아진다. 함수를 사용할 때 해당 파일을 직접 열어보지 않고도 어떤 props 또는 파라미터를 넣어줘야 하는지 알 수 있다 *IDE(Integrated Development Environment): 통합 개발 환경으..

TypeScript 2022.02.14