프로그래밍/javascript, typescript
2022. 1. 20.
1. js와 jsx의 차이(ts, tsx 차이)
typescript를 공부하면서 ts와 tsx의 차이로 인해 문제를 겪은적이 있다. dropdown picker라이브러리를 사용하던 중 확장자를 .ts로 했을때는 에러가 발생했으나, .tsx는 에러가 발생하지 않는 상황이었다. tsx를 알기 위해서는 js와 jsx를 알아야한다. jsx는 js(javascript)의 확장 문법으로 Javascript XML의 약자이다. 즉 '자바스크립트에 XML을 추가한 확장형 문법'을 의미한다. 다시 말하면 단순 javascript는 html 문법을 사용할 수 없지만 jsx는 html 태그 같은 마크업 문법을 사용할 수 있다. 이는 typescript와도 호환이 가능해 .tsx로도 사용한다. jsx와 tsx는 공식적인 자바스크립트 문법은 아니지만, React docs는 ..
