이전 포스팅에서 번들러 이야기를 했었는데, 그렇다면 당연히 Babel의 이야기를 안할 수 없습니다. 리액트 쓰다보면 Babel 다들 한번쯤.. 보셨죠? 그럼 가 봅시다 그래서 바벨이 뭔데? 당연히.. Babel이란걸 처음 들어보시는 분들도 있을거라고 다시금 생각하여 간단하게 설명드리자면, 우리가 지금 사용하는 JS를 구형 브라우저에서도 사용할 수 있도록 번역해주는 도구입니다. Babel은 컴파일러다 엥..? JS는 인터프리터 언어인데요..? 라고 하시면, JS에서 JS로 컴파일 해주는 도구입니다. 그럼 이거 왜쓰나요? Legacy 대응 우리가 ES6, ESNext ... 로 부르는 최신 버전들이 있으니 당연히 과거 버전도 있습니다. 과거 버전에서는 최신 버전에서 나온 JS 기능들을 사용할 수 없을거구요,..

React로 프로젝트를 만들다 보면 자주 보는 친구들이있습니다. Webpack, parcel.. 프로젝트를 개발하면서 직접적으로 만질 일이 (아직까지는) 많지 않아서 그냥 지나쳐버리곤 했는데 기초가 부족한 것 같아 차근차근 공부를 시작하니 번들러에 대해서 하나도 알지 못하고 있었던 것 같아, 이번 포스팅을 통해서 해당 개념을 다시금 잡아보려 합니다. 그래서 번들러가 뭔데? 간단하게, 여러 파일들을 하나로 묶어주는 역할을 합니다. 아마, 남자들은 번들이라는 의미를 다른 플랫폼에서 많이들 들어봤겠네요 이거 생각하면 어렵지 않습니다. 여러 파일들을 묶어서(번들로) 관리하게 해주는 도구라고 생각하면 됩니다. 그럼 왜 만들어졌는데? 옛날 웹이야 크기도 작고, 파일도 몇개 되지 않아서 큰 문제가 되지 않았으나 웹이..

TS vs JS 여러 개발자들의 생각 해당글은 단순 링크만 저장해놓은 글 입니다. 저는 주로 타입스크립트를 선호하지만, 다른 개발자들이 자바스크립트와 타입스크립트에 대해 어떻게 생각하는지 및 오픈소스 프로젝트를 운영할 html-jc.tistory.com 최근에 핫한 이슈가 있었습니다. 바로 특정 진영에서 있었던 Typescript의 퇴출 소식이었죠. Svelte의 경우는 버전 5부터 TS를 지원하지만 JS 기반으로 코드를 바꿔나고 있으며, 이번에 Turbo 8에서는 아예 TS를 빼버렸습니다. 관련해서 reddit과 같은 사이트에서는 아주 난리가 났구요 From the programming community on Reddit: Turbo 8 is dropping TypeScript Explore this ..

최근 진행하는 프로젝트에서 Drag Carousel을 구현해야했었습니다. 원래는 직접 구현하려했으나.. 시간이 좀 빠듯하기도 하고 한번 사용해보고싶기도 해서 라이브러리를 뒤져봤는데 react-slick이라는 라이브러리가 있더라구요 Neostack The last react carousel you will ever need react-slick.neostack.com 상당히 여러가지 옵션들을 제공하니, 한번 써보시는거 추천드립니다. 직접 구현해보는 것도 좋지만, 저는 css 스타일링하는게 너무 머리가 아팠어요 들어가면 예시로 주는 코드가 class로 되어있어서 좀 골치 아프실텐데.. import React, { PropsWithChildren, ReactNode, } from 'react'; import ..

JS나 TS 개발자분들은 대부분 사용하시는 툴이 VSCode일거라고 생각합니다. 하지만 해외 사이트에서 조사한 결과 VSCode보다 더 많은 득표를 받은 ide가 있습니다. (물론 VSCode는 IDE라기보단 Editor에 가깝습니다) 15 Best Javascript IDE & Code Editors Review What are the best IDEs for JS? We listed our top 15 JavaScript IDEs in 2023 and described their main strength and drawbacks for your choice. jelvix.com 바로 Jetbrain의 Webstorm입니다. WebStorm: The Smartest JavaScript IDE, by J..

여느때와 같이 누워서 빈둥거리다가 위기감이 들어 내가 어떤걸 더 공부해야하는지 유튜브로 영상정도는 찾아보자.. 라는 생각과 함께 회사가 프론트엔드 직무에서 신입에게 원하는 것들에 대해 설명해놓은 유튜브 영상이 있어서 보고있었다. 쭉쭉쭉 넘어가면서 보다가, 한 부분에서 흠칫 놀라지 않을 수 없었다. 어떤 부분이었냐면, 타입스크립트가 항상 최선의 선택지가 아닐 수 있다는 중간의 설명때문이었다. (영상에서 주객이 전도된 느낌이라고 하셨음) 해서, 타입스크립트를 공부하고있는 지금. 타입스크립트가 항상 자바스크립트보다 더 나은 선택지라고 할 수 있는지에 대해서 찾아보았다. TypeScript vs JavaScript 타입 TS는 타입을 통해서 JS에서 빈번하게 일어나는 타입 관련한 문제를 예방할 수 있다는 것이 ..