pyscript
자바스크립트 종말각?! HTML에서 파이썬 실행하는 PyScript 등장!
https://youtu.be/3DuyJf_XPtM
시각화
[자료구조] 그래프(Graph)의 개념 설명
https://leejinseop.tistory.com/432022년 14여종 시각화 차트 종류 모음 : 한 눈에 들어오는 가치를 잡아주기
https://www.finereport.com/kr/%EC%B0%A8%ED%8A%B8-%EC%A2%85%EB%A5%98-14-%EC%A2%85-%EC%95%8C%EC%95%84%EB%B3%B4%EA%B8%B0데이터에 맞는 차트 유형 선택
https://help.tableau.com/current/pro/desktop/ko-kr/what_chart_example.htm
javascript
henry piks
기본 타입 · GitBook | 피큐레잇
https://www.pikurate.com/r/kPwjjVjcSt
배포
Next.js 12 Upgrade와 CDN 배포 | 천명 기술 블로그
https://medium.com/chunmyung/next-js-12-upgrade와-cdn-배포-천명-기술-블로그-de891e279e39
mono repo
Yarn berry workspace를 활용한 프론트엔드 모노레포 구축기 | 우아한형제들 기술블로그
https://techblog.woowahan.com/7976FE개발자의 성장 스토리 03 : 카카오 어드민 UI 컴포넌트를 모노레포로 개발하여 얻은 것들
https://tech.kakao.com/2020/12/03/frontend-growth-03Monorepo with typescript (1)
https://class101.dev/ko/blog/2019/07/12/tonyLerna를 활용한 Mono-Repo 구축 완벽 가이드 - 예제를 통한 완벽 파악
https://kdydesign.github.io/2020/08/27/mono-repo-lerna-example11 Great Tools for a Monorepo in 2021
https://blog.bitsrc.io/11-tools-to-build-a-monorepo-in-2021-7ce904821cc2Lerna를 활용한 Mono-Repo 구축 완벽 가이드 - 개념 정리
https://kdydesign.github.io/2020/08/25/mono-repo-lernaMonorepo 환경 구축하기(w. lerna + rollup + typescript)
https://so-so.dev/pattern/mono-repo-confignpm | Products
https://www.npmjs.com/productsnohoist in Workspaces
https://yarn.bootcss.com/blog/2018/02/15/nohoist
Svelte
스벨트와 리액트
https://been.tistory.com/19svelte, 스벨트 기본 문법, 조건문, 반복문, 반응성, store, writable
https://kyounghwan01.github.io/blog/Svelte/svelte-basic/#svelte%E1%84%80%E1%85%A1-react-vue%E1%84%8B%E1%85%AA-%E1%84%86%E1%85%AF%E1%84%80%E1%85%A1-%E1%84%83%E1%85%A1%E1%84%85%E1%85%B3%E1%86%AB%E1%84%80%E1%85%A1에스코어
https://s-core.co.kr/insight/view/%EA%B0%9C%EB%B0%9C%EC%9E%90%EA%B0%80-%EC%82%AC%EB%9E%91%ED%95%98%EB%8A%94-%ED%94%84%EB%A1%A0%ED%8A%B8%EC%97%94%EB%93%9C-%ED%94%84%EB%A0%88%EC%9E%84%EC%9B%8C%ED%81%AC-%EC%8A%A4%EB%B2%A8%ED%8A%B8svelt
deno
어서와~ Deno는 처음이지?
https://jhyeok.com/deno-experienceDeno의 모든 것 : Node.js와 간단하게 비교해보기
https://han41858.tistory.com/55
번들러
웹팩(Webpack) 이란, 웹팩 간단 정리 및 리액트(React) 기본 개발환경 세팅. [2]
https://jusungpark.tistory.com/54웹팩(Webpack) 이란, 웹팩 간단 정리 및 리액트(React) 기본 개발환경 세팅. [1]
https://jusungpark.tistory.com/52프론트엔드 필수 Webpack이란?
https://velog.io/@yon3115/%ED%94%84%EB%A1%A0%ED%8A%B8%EC%97%94%EB%93%9C-%ED%95%84%EC%88%98-Webpack%EC%9D%B4%EB%9E%80차세대 빌드 도구 비교
https://ui.toast.com/weekly-pick/ko_20220127다른 빌드 도구와의 차이점 | Vite
https://vitejs-kr.github.io/guide/comparisons.htmlWebpack → Vite: 번들러 마이그레이션 이야기
https://engineering.ab180.co/stories/webpack-to-vite
react styling
[React] Styled Components 사용법
https://www.daleseo.com/react-styled-components[React] Styled Components 사용기 - 어? 쓰흡... 하아.... | Dev X
https://dkje.github.io/2020/10/13/StyledComponents2장. 리액트 컴포넌트 스타일링하기 · GitBook
https://react.vlpt.us/stylingStyled Component란 무엇인가✌️
https://velog.io/@djaxornwkd12/Styled-Component%EB%9E%80-%EB%AC%B4%EC%97%87%EC%9D%B8%EA%B0%80Styled Component
https://velog.io/@wlsgkq123/Styled-Component다양한 방식의 리액트 컴포넌트 스타일링 방식 CSS, Sass, CSS Module, styled-components
https://velog.io/@velopert/react-component-styling
react
webstorm
css
Hello Tailwind CSS! | 장점, 단점, 사용법 | Wonny Log
https://wonny.space/writing/dev/hello-tailwind-cssCSS & SCSS & SASS
https://velog.io/@jch9537/CSS-SCSS-SASS[SCSS] 💎 Sass(SCSS) 란? 🚚 설치 & 컴파일 하는 방법
https://inpa.tistory.com/entry/SCSS-%F0%9F%92%8E-SassSCSS-%EB%9E%80-%EC%84%A4%EC%B9%98-%EB%B0%8F-%EC%BB%B4%ED%8C%8C%EC%9D%BC
미분류
The State of Developer Ecosystem in 2021 Infographic
https://www.jetbrains.com/lp/devecosystem-2021Why I Switched From NPM/Yarn to PNPM And Why You Should Too!
https://youtu.be/d1E31WPR70g