Javascript로 백엔드 개발할 때 Babel을 꼭 써야 될까?

Babel 이란? Babel is a JavaScript compiler. Use next generation JavaScript, today. Babel 공식 홈페이지 메인에 써 있는 문구이다. 간단히 설명하면 최신 Javascript 문법으로 작성을 하면, 하위 호환성을 위해 이전 버전의 문법으로 변환해 주는 역할을 한다. 왜 Transpiler가 아니라 Compiler라고 말하나 궁금해서 검색을 해봤다. Is Babel a compiler or transpiler? 위 게시물의 답변에 의하면 compiler와 transpiler의 경계가 모호해 졌으며, 둘 다 하나의 언어에서 다른 언어로 변환해 주는 것이기 때문에 큰 문제가 없다고 말한다. 그리고 공식 홈페이지에서 compiler라고 말하니 그냥 ..

• format_list_bulleted Javascript & Typescript
• · 2022. 10. 27.
• textsms

Javascript Runtime error 줄이기 - Typescript스럽게 사용하기

TypeError: Cannot read properties of undefined (reading 'value') Javascript로 개발하다 보면 위와 같은 메시지를 자주 보게 될 것이다. 주된 이유는 모듈을 import 하지 않고 사용했거나, 변수를 선언하지 않고 사용한 경우가 대부분이다. 그렇다면 이런 문제들을 Runtime이 아니라, 코드 작성 시점에 미리 알 수 있는 방법은 없을까? 장기적인 해결책 장기적인 관점에서 추천하는 방법은 Typescript로 전환하는 것이다. 이런 문제점을 해결할 수 있을 뿐만 아니라 데이터 타입 지정, Generic 사용 등 여러가지 장점이 있다. 단기적인 해결책 이미 프로젝트가 Javascript로 작성되어 있고, 팀원 전체가 Typescript에 대한 지식이..

• format_list_bulleted Javascript & Typescript
• · 2022. 10. 25.
• textsms

Prettier로 코드 포맷 통일하기

Prettier란? 현재 가장 널리 사용되고 있는 코드 포맷팅 툴이다. 홈페이지에 나와 있듯이 다양한 언어를 지원하며, 대부분의 IDE에서 Plugin으로 사용할 수 있다. 코드 포맷팅이랑? 혼자 코딩을 할 때는 잘 모르겠지만, 2명 이상과 함께 작업을 하다보면 서로의 코드 작성 스타일이 다르다는 것을 느낄 때가 있을 것이다. 사소해 보일 수 있지만, 코드를 작성하는 입장에서 굉장히 거슬리는 경우가 많다. 그래서 협업을 할 때에는 서로의 코드 작성 스타일을 사전에 합의하고 진행해야 된다. 코드 작성 규칙 (Code Convention) 일반적으로 많이 사용하는 규칙들은 다음과 같다. 네이밍 (파일명, 변수, 함수 등...) 주석 폴더 구조 아키텍쳐 코드 포맷팅 코드 포맷팅 그 중에서 Prettier는 코..

• format_list_bulleted Javascript & Typescript
• · 2022. 10. 24.
• textsms