doc: 23년 4월 1주차

[wherehows]

Modal vs Dialog

특정 프로퍼티가 optional 일때, in 으로 프로퍼티를 확인하는 경우

객체 상태 초기화

Body, Path, Query param

https://medium.com/@LadyNoBug/api-design-f37bb37acf13

Proxy

• https://javascript.info/proxy
• https://ui.toast.com/posts/ko_20210413

Reflect

기본적인 정규 표현식

WeakMap 관련

• https://javascript.info/weakmap-weakset

Bfcache 관련

• bfcache 적용 여부는 운영체제를 탈수 있다.
• 탭을 background 상태로 만들었다가 bfcache 테스트를 해보면 bfcache가 동작한다. https://github.com/vercel/next.js/issues/44477#issuecomment-1436396246

ssg, isg, ssr 차이

• 클라이언트 및 하드웨어 성능에 영향을 덜 받는 이유
• 페이지 이동시마다 서버에서 페이지를 생성하므로 TTFB 가 느린데, 초기 페이지 로드 시간은 빠르다. 충돌되는 내용이 아닌가?
• CSS 깨짐과 SSR의 관계
• nextjs에서는 총 몇 가지 종류의 페이지가 제공되는 것 인지?
• ssr도 요청할 때마다 페이지가 그려진다면 무슨 이점이 있는거임?

https://ajdkfl6445.gitbook.io/study/web/csr-vs-ssr-vs-ssg https://dev.to/pahanperera/visual-explanation-and-comparison-of-csr-ssr-ssg-and-isr-34ea

Encoding URL and Decoding URL

nextjs PR

ResetCSS

ChatGPT를 이용한 후기

Deep Clone

Meta Programming 이란

• https://medium.com/jspoint/a-brief-introduction-to-metaprogramming-in-javascript-88d13ed407b5
• https://www.geeksforgeeks.org/macros-vs-functions/
• https://isamatov.com/metaprogramming-in-javascript/
• https://www.freecodecamp.org/news/what-is-metaprogramming-in-javascript-in-english-please/

  window 타입 선언과 export {}

• https://im-developer.tistory.com/187

  slug 잘 작성하기

• https://rockcontent.com/blog/what-is-url-slug/

  전역 상태를 만들면 안되는 이유

  React Native CLI와 Expo의 차이

  ATS

• https://stackoverflow.com/questions/33234717/why-does-one-have-to-add-nsapptransportsecurity-and-add-the-nsallowsarbitrary

  localhost

• https://web.dev/when-to-use-local-https/
• https://stackoverflow.com/a/32592965/19204745

react-query

• https://codemachine.dev/things-i-learned-while-using-react-query-part-1

system

• https://levelup.gitconnected.com/system-design-master-template-how-to-answer-any-system-design-interview-question-ee5dc332acd5

데코레이터 패턴

• https://levelup.gitconnected.com/design-patterns-decorator-pattern-in-typescript-ae899692ac05

어뎁터 패턴

• https://medium.com/@mariusbongarts/design-patterns-with-real-life-typescript-examples-adapter-d183af1f1462

의존성 주입

• https://dev.to/vovaspace/dependency-injection-in-typescript-4mbf
• https://blog.logrocket.com/top-five-typescript-dependency-injection-containers/

in 연산자와 옵셔널 프로퍼티의 동작

몇 브라우저 API의 HTTPS 요구

https://stackoverflow.com/questions/51805395/navigator-clipboard-is-undefined

안드로이드 API 버젼

https://developer.android.com/studio/releases/platforms?hl=ko#6.0