SSR
서버포럼 - Ubuntu 22.04 LTS에 Docker 설치하기
https://svrforum.com/os/231671React SSR 스타일링에 개고생하는 이유
https://velog.io/@composite/React-SSR-%EC%8A%A4%ED%83%80%EC%9D%BC%EB%A7%81%EC%97%90-%EA%B0%9C%EA%B3%A0%EC%83%9D%ED%95%98%EB%8A%94-%EC%9D%B4%EC%9C%A0리액트에서 Next.js로, 넥스트JS의 특장점과 빠르게 시작하는 법 알아보기
https://m.hanbit.co.kr/channel/category/category_view.html?cms_code=CMS7641364152&fbclid=IwAR0W8gtPtoRLuV5UX_ukSxCNe56HWQoqgCJloefAdwWXWmt-HuJ2HXShkO8_aem_AY8dh7v4vtOawc2LkBpmperO8Z9lJ_SkKdgkaMKm_-YujyDlaVOqaBDElE6nSFReVJeNkgWHOtuikwyb0-J5MPvlPVTxrcvriE0zeQ6U4zApL4RKlWrjmUWllbX5ipsSF-I
성능개선
(번역) 리액트 상호 작용 시간 4배 향상하기
https://velog.io/@superlipbalm/improving-react-interaction-times-by-4xM1 맥에서 Docker 사용하기 (무료)
https://sa-na.tistory.com/entry/Docker-Desktop-%EB%8C%80%EC%8B%A0-M1-%EB%A7%A5%EC%97%90%EC%84%9C-Docker-%EC%82%AC%EC%9A%A9%ED%95%98%EA%B8%B0기술부채가 쌓여있는 상황에서 서비스 성능 임팩트 있게 개선하기
https://medium.com/class101/%EA%B8%B0%EC%88%A0%EB%B6%80%EC%B1%84%EA%B0%80-%EC%8C%93%EC%97%AC%EC%9E%88%EB%8A%94-%EC%83%81%ED%99%A9%EC%97%90%EC%84%9C-%EC%84%9C%EB%B9%84%EC%8A%A4-%EC%84%B1%EB%8A%A5-%EC%9E%84%ED%8C%A9%ED%8A%B8-%EC%9E%88%EA%B2%8C-%EA%B0%9C%EC%84%A0%ED%95%98%EA%B8%B0-b4c6d8ccc9c6
code convension
JavaScript guidelines - The MDN project | MDN
https://developer.mozilla.org/en-US/docs/MDN/Guidelines/Code_guidelines/JavaScript[Javascript] 자바스크립트 Coding Convention 및 네이밍 규칙
https://k39335.tistory.com/57Google JavaScript Style Guide
https://google.github.io/styleguide/jsguide.html자바스크립트 스타일 가이드 - 네이밍 컨벤션 편
https://velog.io/@cada/%EC%9E%90%EB%B0%94%EC%8A%A4%ED%81%AC%EB%A6%BD%ED%8A%B8-%EC%8A%A4%ED%83%80%EC%9D%BC-%EA%B0%80%EC%9D%B4%EB%93%9C-%EB%84%A4%EC%9D%B4%EB%B0%8D-%EC%BB%A8%EB%B2%A4%EC%85%98-%ED%8E%B8코딩컨벤션 - 자바스크립트 편 (Javascript Coding Convention)
https://velog.io/@tjdud0123/%EC%BD%94%EB%94%A9%EC%BB%A8%EB%B2%A4%EC%85%98-%EC%9E%90%EB%B0%94%EC%8A%A4%ED%81%AC%EB%A6%BD%ED%8A%B8-%ED%8E%B8tipjs/javascript-style-guide: Airbnb JavaScript 스타일 가이드 한국어
https://github.com/tipjs/javascript-style-guide
GUI
React MUI (Material UI)로 로그인 UI 만들어보기 - YouTube
https://www.youtube.com/watch?v=PWePBteFeeEReact UI 라이브러리 - MUI (Material-ui) - YouTube
https://www.youtube.com/watch?v=or3np70c7zUReact CSS-in-JS 시스템 만들기
https://pyjun01.github.io/v/css-in-js/?fbclid=IwAR0Ex0DNLmro3Sm3vSS0FhdX8b_Teij3gAZ8Y4bQSXjJP0U_f6uMtIyjxGQHow To Use SVG Icons Without Increasing HTML Size
https://medium.com/@ahmadkzx/how-to-use-svg-icons-without-increasing-html-size-cf6b976adbb4
통신방식
How can I make SSE with Python (Django)?
https://stackoverflow.com/questions/54326515/how-can-i-make-sse-with-python-djangoSSE를 이용한 실시간 웹앱
https://spoqa.github.io/2014/01/20/sse.htmlDjango Real Time - StreamingHttpResponse & Server-sent Events
https://youtu.be/iOV_vZW52bk
TEST
프론트엔드 테스트 팁 | MADTECH
https://tech.madup.com/front-test-tips/React Visual Component Tests // with Cypress
https://youtu.be/JXPQK5wnVqs실용적인 리액트 테스트 전략
https://velog.io/@sdong001/%EC%8B%A4%EC%9A%A9%EC%A0%81%EC%9D%B8-%EB%A6%AC%EC%95%A1%ED%8A%B8-%ED%85%8C%EC%8A%A4%ED%8A%B8-%EC%A0%84%EB%9E%B5Cypress를 활용한 React 테스팅
https://tecoble.techcourse.co.kr/post/2021-07-28-react-cypress-testingcypress - 테스트 주도 개발(TDD, BDD) 적용
https://365kim.tistory.com/70[크롤링] Cypress란? / 사용법
https://defineall.tistory.com/1051Cypress 테스트 환경 구축하기
https://class101.dev/ko/blog/2020/06/24/hanE2E테스트 with Cypress
https://velog.io/@_woogie/E2E%ED%85%8C%EC%8A%A4%ED%8A%B8-with-Cypress
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
배포
[React] Vite를 사용해보자
https://velog.io/@homile/react-vite윙잇 FE 개발 및 빌드 환경 개선기 (feat. Webpack) : 스토리 - 윙잇
https://company.wingeat.com/story/?bmode=view&idx=12871881&back_url&t=board&page=1&fbclid=IwAR0RzbGbKFqJQzRB2y1oJAIwD4yMNa0Ntqm7KbvLun5av_ShhmaIdKirsWsNext.js 12 Upgrade와 CDN 배포 | 천명 기술 블로그
https://medium.com/chunmyung/next-js-12-upgrade와-cdn-배포-천명-기술-블로그-de891e279e39
mono repo
Svelte
deno
번들러
웹팩(Webpack) 이란, 웹팩 간단 정리 및 리액트(React) 기본 개발환경 세팅. [2]
https://jusungpark.tistory.com/54
react styling
react
FOMO Digest #3: JetBrains.. : 네이버블로그
https://blog.naver.com/jetbrains_korea/222932153991리액트 머티리얼 UI 쿡북(웹 프로페셔널)(원서/번역서: [보유]React Material-UI Cookbook) | 아담 보두치 | 에이콘출판 - 교보문고
http://www.kyobobook.co.kr/product/detailViewKor.laf?ejkGb=KOR&mallGb=KOR&barcode=9791161754550&orderClick=LAG&Kc=
webstorm
css
The Best CSS Generators for Web Developers
https://blog.bitsrc.io/the-best-css-generators-for-web-developers-c1f75ab145f6The Best CSS Generators for Web Developers
https://blog.bitsrc.io/the-best-css-generators-for-web-developers-c1f75ab145f6Material-UI를 Tailwind.css로 교체하여 웹 앱을 개선한 방법
https://flaming.codes/ko/posts/replace-material-ui-with-tailwind-css[번역] CSS-in-JS에 관해 알아야 할 모든 것
https://d0gf00t.tistory.com/22(번역) :where() :is() :has()? 당신의 삶을 더 쉽게 만들어 줄 새로운 CSS 선택자
https://junghan92.medium.com/%EB%B2%88%EC%97%AD-where-is-has-%EB%8B%B9%EC%8B%A0%EC%9D%98-%EC%82%B6%EC%9D%84-%EB%8D%94-%EC%89%BD%EA%B2%8C-%EB%A7%8C%EB%93%A4%EC%96%B4-%EC%A4%84-%EC%83%88%EB%A1%9C%EC%9A%B4-css-%EC%84%A0%ED%83%9D%EC%9E%90-ee44dd58aa3b
미분류
Nuxt, Next, Nest? 무엇이 다른가
https://velog.io/@jsleemaster/Nuxt-Next-Nest-%EB%AC%B4%EC%97%87%EC%9D%B4-%EB%8B%A4%EB%A5%B8%EA%B0%80Sync Cookies Across Webviews and Native App for iOS and Android
https://medium.com/mobile-app-development-publication/sync-cookies-across-webviews-and-native-app-for-ios-and-android-f2ed5ac79f32리액트(양장본 HardCover) | 네빌고다드 | 서른세개의 계단 - 교보문고
http://www.kyobobook.co.kr/product/detailViewKor.laf?ejkGb=KOR&mallGb=KOR&barcode=9788997228232&orderClick=LFR&Kc=Electron | Build cross-platform desktop apps with JavaScript, HTML, and CSS.
https://www.electronjs.org/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