| 일 | 월 | 화 | 수 | 목 | 금 | 토 |
|---|---|---|---|---|---|---|
| 1 | 2 | 3 | 4 | |||
| 5 | 6 | 7 | 8 | 9 | 10 | 11 |
| 12 | 13 | 14 | 15 | 16 | 17 | 18 |
| 19 | 20 | 21 | 22 | 23 | 24 | 25 |
| 26 | 27 | 28 | 29 | 30 | 31 |
- 개발자
- 자바스크립트
- Concurrent Mode
- amplify
- MSW
- Cache
- react-native
- SWC
- styled-component
- Babel
- sprinkles
- 리액트
- 비동기
- 리액트쿼리
- CSS-in-JS
- react server component
- 동기
- thread
- link
- mock service worker
- 컴포넌트
- React
- 기초
- 캐쉬
- next hydration
- 쓰레드
- 아키텍처
- next.js
- 목킹
- mockoon
- 기본
- async
- Critical Rendering Path
- JavaScript
- 리액트네이티브
- 최적화
- vanilla-extract
- react-query
- front-end mocking
- Basic
- Today
- Total
목록SWC (2)
Don’t worry about failures
babel, terser and SWC with Next.js (2)
앞서 소개했던 babel, terser에 이어 SWC with Next.js를 살펴보겠다. 이전글 https://sangwonny.tistory.com/71 babel, terser and SWC with Next.js (1) 해당 글에서는 babel, terser의 기본 개념과 이를 넘어서기 위한 새로운 도구인 SWC에 대해 살펴보고자한다. 1. Babel 1-1 개념 및 테스트 바벨은 구형 브라우저나 환경에서 ES6+의 기능들을 사용하기 위 sangwonny.tistory.com SWC ( Speedy Web Compiler) 자바스크립트 프로젝트의 컴파일과 번들링 모두에 사용될 수 있는 Rust라는 언어로 제작된 빌드 툴이다. 단순 컴파일만 제공하는 것이 아닌 웹팩과 같은 자바스크립트 번들러의 기..
babel, terser and SWC with Next.js (1)
해당 글에서는 babel, terser의 기본 개념과 이를 넘어서기 위한 새로운 도구인 SWC에 대해 살펴보고자한다. 1. Babel 1-1 개념 및 테스트 바벨은 구형 브라우저나 환경에서 ES6+의 기능들을 사용하기 위해서 이전 스크립트 버전으로 변환해주는 트랜스파일러이다. 간단한 예를 봐보자 https://babeljs.io/repl Babel · Babel The compiler for next generation JavaScript babeljs.io 간단하게 테스트할 수 있게 바벨에서 웹으로 지원해준다. 아래와 같이 코드를 작성했다고 해보자. const HelloWorld = ({ name, content }) => { let fullText = ""; if (name) { fullText +..