Skip to content

Instantly share code, notes, and snippets.

@swcho
Created July 9, 2020 04:57
Show Gist options
  • Star 1 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save swcho/c772496ebbeaffbfbe6f4e074cb01e52 to your computer and use it in GitHub Desktop.
Save swcho/c772496ebbeaffbfbe6f4e074cb01e52 to your computer and use it in GitHub Desktop.
[20-07-2주] 지극히 주관적인 devlog

medium에 읽기 회수 제한이 걸렸을 경우, 시크릿모드에서 문서를 열어보시면 됩니다.

개발 일반

Gatsby 기반 문서 툴, MDX 사용 컴포넌트 가이드에 사용하면 좋을 듯

공개 API 목록, 코로나 앱 같이 공공 APP을 만들고자 할때 참고할 만함

charles, fiddler 등을 대체 할 수 있는 오픈 소스 http proxy

개발시 API 응답을 sniffing 하거나 hijecking 하여 변경을 가하고자 할때 유용

코드 없이 게임을 만들 수 있다고 함

git name, email 의 복수 설정을 쉽게 변경하는 방법. 개인적으로는 이것을 사용함: git-autoconfig - Visual Studio Marketplace

  • vscode 상에서 git user 설정이 없을 때, 선택할 수 있도록 해줌

변경이 많은 배포에서 장애 범인 찾을 때 써먹을만한 개발자 스러운 접근 방법...

다음 명령이 대세라는데... 익숙하면 생산성이 좋아지려나...

  • ls -> exa
  • cat -> bat
  • od -> hexyl
  • find -> fd
  • ps -> procs
  • grep -> ripgrep

Pandoc을 이용한 글쓰기

markdown -> reveal.js 도 됨

발표 자료 만들 떄 써먹을 만할지 모르겠음

GraphQL 기반의 headless CMS Headless CMS로 무언가만들 때 이왕이면 핫한 GraphQL을 지원하는 툴도 괜찮을 듯. 참고로 headless CMS 중 Strapi - Open source Node.js Headless CMS 🚀를 많이 사용하는 듯 함.

재택 근무환경에서 도움이 될만한 툴

markdown으로 mindmap을 만들 수 있는 툴

사이트 맵이나, feature 맵 같은거 만들 떄 XMind - Mind Mapping Software를 많이 썻는데 이거 사용해 봐야 겠다.

FE

Visibility API 소개 및 활용 예시

  • carousel 이미지 전환 멈춤
  • 서버 폴링 멈춤
  • 사운드 멈춤

잘 안알려진 chrome console 함수

  • monitor: 함수 호출 시 파라미터 출력
  • monitorEvents: 특정 엘리먼트의 이벤트 발생 시 출력
  • copy: 클립보드 복사

curtain.js로 만드는 효과

federation: 번들링된 컴포넌트를 동적으로 가져와 사용하는 기능

JWT 를 어떻게 저장할 것인가

  • local storage에 저장하지 말것.
  • session storage에 저장하지 말것.
  • cookie는, httpOnly 플래그 설정.

CSRF 공격은 cross-domain http 요청에도 모든 cookie를 보내는 브라우저 동작을 이용한 것임.

  • SameSite 설정을 Lax, Strict로 설정 커멘트도 시간나면 리뷰해 볼 만함.

css spacing 관련 된 내용 총집합, 공부하자...

css로 pattern 만들기, 프로젝트에 패턴을 한번 적용해 볼까...? ㅋ

landing 페이지 템플릿, 디자인 감각 없이 대문을 만들어야 할때 꿀

theme color 만드는 툴

BE

kubernetes service mesh 구현 중 하나인 istio 개념 설명 NCC도 지원한다는데 공부하자... service mesh 컨셉은 좋은데 퍼포먼스 문제는 없을까?

image-20200709-133409-396.png

  • Observability: nagios, App dynamics, Grafite, SumoLogic, new relic
  • Alerting: Pager duty
  • Incident management: RCA (Root Cause Analysis)
  • Test Harness: Gremlin

8 Observability Patterns

  • Timeout & Retries
  • Circuit Breaker
  • Bulkhead Pattern: Error isolation
  • Steady State: cache
  • Fail Fast: Early validation
  • Handshaking
  • Uncoupling via Middleware: By event sourcing

4 ways to achive Observability

  • Logging events
  • Metrics reports
  • Tracing: causaility
  • Alerting

kubernetes 상에서 세션기반 pod routing이 되도록 하는 방법

  • Takeaway #1: performance testing can give us confidence that we are not degrading performance with each release.
  • Takeaway #2: by “cranking up” the load we can expose problems before they ever reach production.
  • Takeaway #3: long load tests can surface different kinds of problems. If everything looks OK, try extending the duration of the test.
  • Takeaway #4: don’t forget to consider DNS resolution when thinking about outgoing requests. And don’t ignore the record’s TTL — it can literally break your app.
  • Takeaway #5: batch I/O operations! Even when async, I/O is expensive.
  • Takeaway #6: before attempting any improvements, you should have a test that you trust its results.

What is Locust? — Locust 0.14.5 documentation

사내는 ngrinder 쓰면 됨.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment