News
44BITS: IT 뉴스, 클라우드 컴퓨팅, 프로그래밍, 컨테이너, 리눅스
https://www.44bits.io/ko
lectures
Cheatsheets - 30 seconds of code
https://www.30secondsofcode.org/c/cheatsheets/p/1react-spring.pdf
https://storage.googleapis.com/joshwcomeau/react-spring.pdfInteractive Learning Tools For Front-End Developers — Smashing Magazine
https://www.smashingmagazine.com/2021/09/interactive-learning-tools-front-end-developers/
Interview
개발 블로거
Josh W Comeau
https://www.joshwcomeau.com/
Web
javascript
JavaScript Snippets - 30 seconds of code
https://www.30secondsofcode.org/js/p/1안전한 any 타입 만들기 | overcurried
https://overcurried.netlify.app/%EC%95%88%EC%A0%84%ED%95%9C%20any%20%ED%83%80%EC%9E%85%20%EB%A7%8C%EB%93%A4%EA%B8%B0/
css
Fullscreen - 30 seconds of code
https://www.30secondsofcode.org/css/s/fullscreenemotion.js 소개 및 사용법 (feat. CSS-in-JS)
https://www.howdy-mj.me/css/emotion.js-intro/Animated Gradient Background Generator
https://animated-gradient-background-generator.netlify.app/CSS Snippets - 30 seconds of code
https://www.30secondsofcode.org/css/p/1emotion을 활용한 크몽 프론트엔드 스타일링 시스템
https://brunch.co.kr/@kmongdev/17An Interactive Guide to CSS Keyframe Animations with @keyframes
https://www.joshwcomeau.com/animation/keyframe-animations/
react
Common React Hooks Mistakes You Should Avoid | by Piumi Liyana Gunawardhana | Nov, 2021 | Bits and Pieces
https://blog.bitsrc.io/common-react-hooks-mistakes-every-developer-should-avoid-defd47d09d8cuseEffect 제대로 알기
https://sgwanlee.medium.com/useeffect%EC%9D%98-dependency-array-ebd15f35403aCompound Components In React — Smashing Magazine
https://www.smashingmagazine.com/2021/08/compound-components-react/react-recipes: 👩🍳 A list of React Hooks utility library containing popular customized hooks
https://github.com/craig1123/react-recipesReact State Management Libraries and How to Choose
https://daveceddia.com/react-state-management/
nextjs
react-query/examples/nextjs at master · tannerlinsley/react-query
https://github.com/tannerlinsley/react-query/tree/master/examples/nextjsNext.js의 상태 관리 — Smashing Magazine
https://www.smashingmagazine.com/2021/08/state-management-nextjs/
graphql
Apollo Docs Home
https://www.apollographql.com/docs/GraphQL Tutorials | Learn GraphQL
https://odyssey.apollographql.com/GRAPHQL Federation 과 MSA에 대한 생각
https://moonsupport.oopy.io/post/14graphql cheat sheet.png
https://raw.githubusercontent.com/sogko/graphql-shorthand-notation-cheat-sheet/master/graphql-shorthand-notation-cheat-sheet.png
테스트
This Is My 10 Questions React Code Reviewing Routine
https://www.chakshunyu.com/blog/this-is-my-10-questions-react-code-reviewing-routine/테스트코드는 믿어도 될까?
https://medium.com/watcha/%ED%85%8C%EC%8A%A4%ED%8A%B8-%EC%BD%94%EB%93%9C%EB%A5%BC-%EB%AF%BF%EC%96%B4%EB%8F%84-%EB%90%A0%EA%B9%8C-3da3f337f136React Testing Library 사용법
https://www.daleseo.com/react-testing-library/#react-testing-library-%EC%84%A4%EC%B9%98react-testing-library 를 사용하여 TDD 개발 흐름으로 투두리스트 만들기
https://velog.io/@velopert/tdd-with-react-testing-libraryTesting React.js Hooks And Components: The Missing Piece
https://marmelab.com/blog/2021/08/31/testing-react.html
seo
GTmetrix | Website Performance Testing and Monitoring
https://gtmetrix.com/How to Get Sitelinks to Appear in Google Search Results
https://www.reliablesoft.net/sitelinks/
디자인
Designing Beautiful Shadows in CSS
https://www.joshwcomeau.com/css/designing-shadows/Doodle Ipsum
https://doodleipsum.com/[개발자가 알려주는 프레이머(Framer) #0] Framer 쉽게 시작해보자.
https://webruden.tistory.com/225?category=880226
데이터시각화
그라파나(Grafana)란?
https://www.44bits.io/ko/keyword/grafana
라이브러리
카카오 api 테스트 & 샘플 코드 Googsu WebApplication1
http://test-tam.pe.kr/@react-three/cannon
https://cannon.pmnd.rs/#/react-data-table-component
https://react-data-table-component.netlify.app/?path=/docs/getting-started-intro--pageShoelace
https://shoelace.style/
CI/CD
aws-Jenkins-build.pdf
https://d1.awsstatic.com/Projects/P5505030/aws-project_Jenkins-build-server.pdf
성능최적화
Webpack 5, 무엇이 달라졌을까?
https://so-so.dev/tool/webpack/whats-different-in-webpack5/
생산성
[개발 환경] iTerm2로 터미널 커스텀하기
https://ooeunz.tistory.com/21Karabiner 설치해 맥북 한영키 설정하기.
https://shanepark.tistory.com/165[Agile] 데일리 스크럼(Daily Scrum)이란 - Heee's Development Blog
https://gmlwjd9405.github.io/2018/06/01/agile-dailyscrum.html
기타
위키독스
https://wikidocs.net/460 Free Textbooks – Math, Science, and More [Online PDF for College and High School]
https://www.freecodecamp.org/news/free-textbooks-math-science-and-more-online-pdf-for-college-and-high-school/Linux permissions: making sense of 755 and rwxr-xr-x | Serverwise
https://blog.ssdnodes.com/blog/linux-permissions/고급 Bash 스크립팅 가이드
https://wiki.kldp.org/HOWTO/html/Adv-Bash-Scr-HOWTO/Bash 입문자를 위한 핵심 요약 정리 (Shell Script) - 개발자스럽다
https://blog.gaerae.com/2015/01/bash-hello-world.html롬 리서치(Roam Research)란? 그래프 기반 노트 애플리케이션 | 44BITS
https://www.44bits.io/ko/keyword/roam-research