노다지 블로그@6/8/2024
GraphQL
•
•
•
https://www.apollographql.com/blog/optimizing-data-fetching-with-apollo-client-leveraging-usefragment-and-colocated-fragments 자식 컴포넌트에서는 useFragment로 어떤 데이터를 가져올지만 선언하고, 부모컴포넌트에서 이 데이터를 가져와 props로 전달하기 (네트워크 요청 수를 줄이는 법)
@5/28/2024
React
•
@3/11/2024
프론트
•
@4/12/2024
deep link
•
@3/27/2024
react-native
•
@3/24/2024
react-native
•
•
•
•
@3/21/2024
환경 세팅
•
docker & colima: https://velog.io/@sblee/install-colima
@3/20/2024
react-native
•
react-native 플랫폼별 배포 https://tech.scatterlab.co.kr/react-native-deployment-track/
@3/18/2024
react-native
•
react-native 안드로이드 배포 방법 https://jw910911.tistory.com/127
•
@2/29/2024
javascript
•
이벤트루프 잘 설명한 글: https://inpa.tistory.com/entry/-자바스크립트-이벤트-루프-구조-동작-원리
-자바스크립트-이벤트-루프-구조-동작-원리@2/27/2024
앱 공유하기
@2/26/2024
supabase
•
로컬에서 supabase 개발 https://supabase.com/blog/supabase-local-dev
apple login
•
https://arc.net/l/quote/zruxrsfx 서버측에서 애플 로그인 데이터 검증
@2/23/2024
iOS
•
◦
xcode에서 team은 Xcode - settings - Accounts로 가면 볼 수 있음
Supabase
@10/9/2022
개발일반
•
순열과 조합 개념 설명
@8/5/2022
자바스크립트
@7/5/2022
자바스크립트
•
하드링크와 심볼릭 링크 차이점 하드링크는 복사, 심볼릭링크는 참조
@6/23/2022
개발 일반
@5/27/2022
암호학
•
https://cpuu.postype.com/post/162513 스탠포드 암호학 개론 정리
@4/26/2022
백엔드
•
@4/19/2022
자바스크립트
•
@4/2/2022
javascript
•
자바스크립트 기본 지식 배우기 좋은 사이트
@3/31/2022
Web
•
fastdom dom element 읽기, 쓰기를 일괄 처리하여 레이아웃 스레싱 방지 (스레싱: 메모리를 과도하게 사용하여 메모리 가용 공간이 부족해지면서 성능 저하됨)•
https://web.dev/lcp LCP: Largest Contentful Paint 이벤트. 지각 기반 유저 경험 모니터링할 때 유용하게 쓰일 지표. (관련 지표: visual complete, speed index)
•
◦
성능 측정 시 사용하는 Web API → PerformanceObserver API
•
◦
LCP와 speed index는 정비례 관계를 가진다
@3/28/2022
javascript
•
https://youtu.be/GQzn7XRdzxY what is server-side rendering
•
https://youtu.be/82tZAPMHfT4 Server-side Rendering React from Scratch
Network
•
@3/27/2022
모바일
.
@3/24/2022
일반
•
https://doh-an.tistory.com/28 페이지 교체 알고리즘: 기록용 수첩에 무언가를 적어야 하는데 쓸 공간이 없다면 필요없는 페이지를 지우고 써야 한다. 이때 무엇을 기준으로 지울까.
@3/23/2022
javascript
@3/18/2022
Web
@3/6/2022
javascript
@2/23/2022
테스트
@2/21/2022
javascript
AI
개발 일반
•
프로세스 vs 스레드 설명 너무 잘했다..
@2/17/2022
개발 일반
•
https://egghead.io/ 외국 개발 강의 사이트
•
ip rotating이란? 특정 기기에 랜덤한 ip를 일정 주기로 새로 부여하는 것. 한 기기에서 여러 개의 커넥션을 유지할 수 있다.
@2/16/2022
개발 일반
•
◦
코드를 작성하지 마라. 디자인 단계에서 무작정 코드를 작성하지 말 것. 생각한 후 코드를 작성할 것.
◦
테스트 주도 개발 해라. 등등
@2/15/2022
자바스크립트
@2/9/2022
웹
•
https://v8.dev/blog v8 블로그
•
https://v8.dev/features js, wasm 특징
•
https://ko.javascript.info/ 모던자바스크립트, 브라우저
테스트
•
웹 자동화 테스트 도구 https://www.lambdatest.com/selenium-automation
컴퓨터 공학
@1/19/2022
web
@1/27/2022
백엔드
•
프론트엔드
개발 일반
@1/26/2022
프론트엔드
@1/25/2022
DB
@1/18/2022
자바스크립트
@12/10/2021
자바스크립트
@12/5/2021
자바스크립트
툴/생산성
@11/23/2021
데브옵스
•
@11/15/2021
타입스크립트
•
summary
@11/12/2021
백엔드
개발일반
툴
•
런타임에서 실행되는 코드 검색: 크롬 개발자 도구 - 톱니바퀴 - search in anonymous and content scripts 클릭
@11/11/2021
Devops
@11/10/2021
툴
•
시퀀스다이어그램 그리는데 유용한 툴: https://plantuml.com/ko/
•
시퀀스다이어그램 그리는데 유용한 툴2: https://sequencediagram.org/
@11/9/2021
백엔드
디자인패턴
@11/8/2021
reactivex
•
rxjs 배우는 레포 https://github.com/btroncone/learn-rxjs
•
@11/7/2021
타입스크립트
@11/3/2021
오픈소스
@10/27/2021
개발 일반
•
더 좋은 질문을 하는 방법 : xy problem
@10/13/2021
개발 일반
@10/7/2021
오픈소스
@10/5/2021
Web
•
dom 생명주기 이벤트 : domContentLoaded, load, beforeunload, unload
@9/28/2021
오픈소스
•
workflow-automation: n8n.io node로 만들어진 워크플로우 자동화 툴
@9/25/2021
오픈소스
@9/23/2021
개발 일반
@9/20/2021
오픈소스
•
https://github.com/mswjs/interceptors : client request, fetch, xml request 등 인터셉터
summary
@9/16/2021
Typescript
@9/12/2021
개발 일반
@9/11/2021
Web
•
https://github.com/andreasbm/web-skills 웹개발자가 알아두면 좋은 웹스킬 모음 레포
@9/10/2021
왕ㅂ밤빵
•
https://github.com/statelyai/xstate/discussions/1857 why using rxjs with xstate
@9/5/2021
비동기 프로그래밍
•
요약: 옵저버블에게 전달할 데이터를 생산하는 producer가 ...
@9/4/2021
Javascript
@8/31/2021
데브옵스
•
prometheus 프로메테우스를 이용한 모니터링 - 프로메테우스가 뭔가요
@8/29/2021
Javascript
•
class static block in javascript - static block use cases (static initialization, 인스턴스화할 때 실행 ex. try-catch)
@8/26/2021
기타
•
https://deno.land/manual/tools/documentation_generator typescript 문서 자동화
@8/17/2021
Javascript
•
@8/16/2021
알고리즘
자바스크립트
•
개발 일반
•
xtendo - 하스켈에서의 모나드 괴담 (하스켈을 괜시리 무섭게 만드는 '모나드'라는 말에 대해서...)
•
•
소프트웨어는 녹이 슨다. 그럼 나는 땜장이,,
@8/15/2021
커뮤니티
@8/14/2021
오픈소스
•
깃허브 오픈소스 가이드
•
라이센스 선택에 도움을 주는 사이트: choosealicense
Git/Github
개발일반
•
댄 아브라모브: 어떻게 프로그래밍과 오픈소스 활동을 시작하게 되었는지 (podcast)
@8/12/2021
툴/생산성
•
Java / 개발 일반
@8/11/2021
툴/생산성
개발 일반
Web
Javascript
@8/9/2021
툴/생산성
•
개발일반
@8/8/2021
툴/생산성
Clojure
ㅏㅏ
@8/7/2021
개발 일반
영어
자바스크립트
@8/6/2021
개발 일반
•
ioredis: 하위호환성 지키면서 deprecated 알려주는 예시
@8/5/2021
git/github
개발 일반
•
명령어
@8/3/2021
타입스크립트
•
타입스크립트 3.8 - import type (class는 런타임에서 값을 가지고, 디자인 타임에서는 타입을 가진다) import type으로 클래스 타입을 임포트하면 타입으로서만 쓰이고 런타임에서는 제거된다.
개발 일반
•
idb-keyval: simple promise-based keyval store implemented with IndexedDB (indexedDB에 대한 fallback은 지원하지 않는다)
•
dev.to: typescript로 ioc 컨테이너 구현하기
자바스크립트
•
node.js 는 싱글스레드다? 응 아니야 worker thread pool (길 때도 있고 아닐 때도 있고)
@8/2/2021
개발 일반
@8/1/2021
Typescript
React
@7/29/2021
개발 일반
@7/27/2021
Web
•
http - content negotiation : 하나의 url이 여러가지 리소스 중 적합한 것으로 대응되게 함
CI/CD
•
jenkins vs gocd : jenkins는 CI 특화, gocd는 CD에 특화
Frontend
@7/25/2021
Frontend
•
[css tricks] 리액트에서 유한상태기계로 model-based-testing하기
•
[css tricks] 리액트에서 유한 상태기계 사용하기
@7/24/2021
개발일반
자바스크립트
•
summary
@7/23/2021
타입스크립트
자바스크립트
@7/22/2021
개발 일반
@7/21/2021
개발 일반
프론트엔드
•
@7/20/2021
툴/생산성
•
•
https://gitrec.gorse.io/ : gorse 데모
git/github
@7/18/2021
git
css
함수형프로그래밍
•
프로그래머를 위한 카테고리 이론 (bartosz milewski)
@7/17/2021
Javascript
•
rx.js: Observable "function.call()은 동기로 작동하며 하나의 값만 리턴하지만 Observable은 동기,비동기로 작동할 수 있으며 여러 개의 값을 반환할 수 있다."
오픈소스
•
@7/16/2021
기타
@7/15/2021
React
@7/13/2021
React
@7/12/2021
툴/생산성
•
vscode extension: Abracadabra refactor / jest runner / control + r: 최근 연 레포 다시 열기
•
브라우저에서 화면보면서 친구들이랑 함께 코딩하기 Next.js Live
library
비즈니스
Web
자동화
@7/11/2021
Javascript
•
@7/10/2021
Git/Github
•
Typescript
•
summary
OOP
Web
유용한 오픈소스
나중에 읽어볼 거 / Javascript
•
low-level에서 본 node js 이벤트 루프
•
[번역] flux 카툰 가이드
@7/9/2021
Front
@7/8/2021
Typescript
SEO
mocking
보안
@7/7/2021
개발 일반
•
@7/6/2021
Javascript
•
재밌는 what the fuck javascript : tricky javascript
Typescript
VSCode
개발 일반
@7/5/2021
개발 일반
@7/4/2021
Javascript
개발 일반
•
Dependency Injection (with function)
•
Dependency Injection2 (with class)
@7/3/2021
Typescript
GraphQL
•
business logic layer
•
graphql-mesh: graphql을 사용하지 않는 원격 API에서 graphql을 사용 (api 스펙을 graphql 스킴으로 바꿔줌)
보안
@7/2/2021
창업
기타
취미
보안
@7/1/2021
React 상태 관리, 리렌더링
•
Summary (틀린 게 있다면 댓글 부탁드려요)
•
Context 변경 시 트리에 지연 전파하는 로직 반영된 PR (facebook/react)
•
◦
선행 지식: 위 4개의 글 + Redux, Recoil, Jotai. 그래도 어려움.
Tech
Test
•
리액트 컴포넌트 테스트 시 구현 상의 디테일은 테스트에 사용하지 말 것 [Kent.C.dodds]
랄랄라
•
https://github.com/goldbergyoni/javascript-testing-best-practices javascript testing 전략
내가 주의 깊게 본 것만. 룰루.
•
테스트 피라미드 모델 (test pyramid model) : unit → service(subcutaneous test) → UI
얄르
•
property-based-test를 위한 조오흔 라이브러리 : fast-check
property-based-test란?
•
https://github.com/storybookjs/testing-react 스토리북 쓰면서 테스팅도 같이할 수 있게 해주는 라이브러리
Javascript
•
ES6 modules in depth : es6를 잘 설명해놓은 포스트
•
◦
번역본 → auth0거 번역한 것 같은데 번역이라는 말도 없고 출처도 안써져 있다. 번역이나 출처에 대해 명시를 하셔야될 것 같다.
•
v8 just in time compiler for efficiency
•
•
프록시와 Reflect (Toast UI)
Typescript
•
code
•
typescript overriding (reddit)
개발 일반
•
문자열 인코딩 개념 정리 글 (ANSI, EUC-KR, CP949 등)
•
functional reactive programming (FRP) 비동기 데이터 스트림을 처리하는 함수형 프로그래밍
git
•
git revision 조회하기 https://git-scm.com/book/ko/v2/Git-도구-리비전-조회하기
Nestjs
project structure
mono-repo
Socket
•
디자인패턴
함수형 프로그래밍
•
◦
순서가 있는 연산을 처리할 때 부작용을 방지하기 위해 나온 디자인패턴
LISP
•
clojure guide (클로저 가이드)
오픈소스
IT/기술 용어
엘라스틱서치
•
Elasticsearch 색인 alias 활용 팁 - ridi
•
merge & scheduling
클린코드
•
우아한테크코스 - 디미터 법칙(law of demeter) : don't talk to strangers
웹/인터넷
•
최신 브라우저 내부 살펴보기 (google developer)
◦
번역본 (naverD2)
•
•
프론트엔드
Performance
•
◦
passive listeners: passive를 true로 주면 preventDefault()를 호출하지 않는다.
Graphic
React
rendering performance optimization
•
토스 박서진 - 웹 서비스에서 우아하게 비동기 처리하기
비동기 처리하긔
•
대수적 효과와 클로저
•
React Spectrum : 어도비의 디자인시스템을 리액트로 구현한 것
꿀쥄 css
•
네온 텍스트(neon typography): https://codepen.io/FelixRilling/pen/qzfoc?editors=1100
•
gradient shine : https://codepen.io/h7w/pen/bGGOyyj
Library releated in react
클라우드
Deep Learning
3D
Blender
커리어
이직
•
이직 준비, 커리어 관리 시 꼭 확인해야할 글 shiren - 누구나 원하는 개발자되기
◦
면접을 보기 전에 이 글을 꼭 읽자
비즈니스
UI/UX
마케팅
사용자 행동 데이터 수집
gtm
•
우리 사이트에 맞는 이탈률은 얼마일까? 이탈률 기준 알려주는 사이트 (whatisagoodbouncerate)
•
sample code (es5 코드로 작성해야한다)
