# Rollup
[SQL] - SQL function
SQLD를 준비하며 공부했던 내용으로, 2020 이기적 SQL 개발자(Developer) 이론서 + 기출문제를 참고했다.조인(Join)(1) EQUI(등가)조인(교집합)조인은 여러 개의 릴레이션을 사용해 새로운 릴레이션을 만드는 과정조인의 가장 기본은 교집합을 만드는
[React] Rollup 를 이용해 npm 배포하기 - 1
Rollup은 Webpack 같은 모듈 번들러입니다.Rollup은 Webpack과 달리 코드들을 동일한 수준으로 호이스팅 한 후 번들링을 진행하기 때문에 속도가 빠르고 결과물이 가볍다는 장점이 있고 es 모듈 형태로 빌드를 할 수 있어 라이브러리나 패키지를 작업하는데
esm으로 번들링한 모듈을 ssr프레임워크에서 사용시 import 에러 해결법(SyntaxError: Cannot use import statement outside a module)
esm모듈을 직접 수정이 가능할 때에 대한 에러 해결법
[BlockChain] RollUp
초당 14~16개의 tx르 처리하는 이더리움은 초당 2만4000개를 처리하는 비자카드 같은 시스템을 구현 하는게 불가능하다.거래 처리 역량의 부재로 인해 네트워크 과부하현상이 일어나면서 사용자들은 어쩔 수 없이 자신의 거래를 먼저 처리하기 위해 비싼 수수료를 지불하고
사내 디자인 시스템 배포
나는 Saas 프로젝트의 시작이 다가올 때 사내 디자인 시스템을 배포해야겠다고 마음먹었다. 컴포넌트들이 완성은 되었지만 실제로 라이브러리를 통해 사용해 본적은 없었기 때문이다. Saas 프로젝트 시작 전에 배포를 마치지 못한다면, 여태 만들었던 컴포넌트들의 코드를 새로
[Web] 번들러(Bundler)의 개념과 필요성
프론트 개발을 위해서 이것저것 검색하다보면 웹팩, 번들러, 모듈, 빌드타임, 런타임 등등의 용어를 자주 마주치곤 했습니다. 이전에는 뭔가 나와는 상관없게 느껴지고 대수롭지 않게 읽고 지나갔는데, 최근 토스 개발자 컨퍼런스 유튜브 영상과 자료를 보면서 나와 "상당히" 밀
Vite 이야기 (feat. Svelte)
바이트 아니고 **비트** 입니다. 이번 글은 Vite에 관한 내용입니다. 최근 Svelte와 관련한 사내 발표 내용 중 다들 재미있어 했던 Vite에 관한 이야기를 블로그 형식으로 각색하여 다시 정리해보았습니다. 어떻게 해서 Vite가 탄생하게 되었는지 한번 살펴봅시
MySQL ROLLUP GROUPING
순서에 따라 다르게 출력됨 CASE에 언급된 칼럼과 GROUP BY + WITH ROLLUP 컬럼이 일치해야 함
패키지 번들링 및 배포
배포할 패키지의 구조는 위와같다.rollup dependency와 peer dependency 를 설치한다.rollup.config.js 번들링 파일 생성그리고 빌드한다.yarn builddist 디렉토리에 빌드 결과물이 생성된다.이제 배포를 하면된다.배포를 했으니 설
npm 배포를 위한 보일러플레이트
typescript, react, rollup, jest, npm link, prettier, eslint, husky를 사용하는 npm 라이브러리 배포를 위한 보일러플레이트
rollup + storybook 따라하기
왜 rollup인가? 스토리북의 기본 설정은 기존의 프로젝트에 같이 합쳐서 쓰는 것이다. 하지만 실제로 이렇게 써볼 경우 기본적으로 스토리북은 해당 프로젝트의 UI 컴포넌트에 종속적이 된다. 따라서 n개의 프로젝트에서 UI 컴포넌트를 쓰고, 해당 UI 컴포넌트를 독립적
[Typescript] Enum 왜 쓰지 말아야하죠?
\*\* 급하신 분들은 맨아래 union Type을 사용하는 방법 및 결론을 바로 보세요~프로젝트를 진행 중 ts의 enum을 사용하지 않고 상수를 const object를 통해서 관리가 되고 있었습니다. 따라서, type | interface정의 할 경우, 정의된 상
오라클 GROUP BY, HAVING 절과 응용
SELECT 문에서 HAVING을 쓰는 경우 대게 많은 것 같다. HAVING 절은 GROUP BY로 집계된 값 중 WHERE 절 처럼 조건을 추가할 수 있다.
Typescript + React + Rollup으로 풀세트 Component Library만들기
최근에 회사에서 ui-library처럼 사용할 global-package를 만들며 setup한 내용들을 공유합니다.
[한 줄 용어] Bundling이란?
참조: https://haviyj.tistory.com/17영상: https://www.youtube.com/watch?v=U6BUs_n8WWk
Rollup을 사용하여 디자인 시스템 번들 후, npm 라이브러리로 배포하기
우리가 만든 컴포넌트들을 다른 프로젝트에서도 사용 할 수 있게 해주려면 패키지를 만들어서 npm에 퍼블리시를 해주어야 합니다. (또는, 로컬 패키지로 설정해서 사용하거나 git 레포로 설치하는 방법도 존재합니다.) 라이브러리를 배포하려면, 우리가 보통 웹 애플리케이션을 webpack / parcel 과 같은 도구로 번들링하는 것 처럼 라이브러리도 번들링을...