2021-10-23-TIL

카페24 서술형 시험

생각보다 문제가 훨씬 단순했다. 하지만 문제가 단순했다는 것이지 답이 단순한건 아니었다.

첫번째 문제는 자바스크립트 코드였는데, 무엇을 어떻게 고쳐야하는지 잘 몰라서 출력값만 나오도록 적당히 수정했다.

  • https://poiemaweb.com/js-hello-world

두번째 문제는 웹 서버의 응답과 렌더링의 성능을 향상시키는 방법에 관한 문제였다.

SSR vs CSR

  • https://smujihoon.tistory.com/215
  • https://oneroomtable.tistory.com/entry/%EC%84%9C%EB%B2%84-%EC%82%AC%EC%9D%B4%EB%93%9C-%EB%A0%8C%EB%8D%94%EB%A7%81%EA%B3%BC-%ED%81%B4%EB%9D%BC%EC%9D%B4%EC%96%B8%ED%8A%B8-%EC%82%AC%EC%9D%B4%EB%93%9C-%EB%A0%8C%EB%8D%94%EB%A7%81%EC%9D%B4%EB%9E%80-%EB%AC%B4%EC%97%87%EC%9D%B8%EA%B0%80%EC%9A%94
  • https://joshua1988.github.io/vue-camp/nuxt/ssr.html#%E1%84%8F%E1%85%B3%E1%86%AF%E1%84%85%E1%85%A1%E1%84%8B%E1%85%B5%E1%84%8B%E1%85%A5%E1%86%AB%E1%84%90%E1%85%B3-%E1%84%89%E1%85%A1%E1%84%8B%E1%85%B5%E1%84%83%E1%85%B3-%E1%84%85%E1%85%A6%E1%86%AB%E1%84%83%E1%85%A5%E1%84%85%E1%85%B5%E1%86%BC
  • https://velog.io/@zansol/%ED%99%95%EC%9D%B8%ED%95%98%EA%B8%B0-%EC%84%9C%EB%B2%84%EC%82%AC%EC%9D%B4%EB%93%9C%EB%A0%8C%EB%8D%94%EB%A7%81SSR-%ED%81%B4%EB%9D%BC%EC%9D%B4%EC%96%B8%ED%8A%B8%EC%82%AC%EC%9D%B4%EB%93%9C%EB%A0%8C%EB%8D%94%EB%A7%81CSR
  • https://www.omnisci.com/technical-glossary/server-side-rendering
  • https://www.theserverside.com/feature/Take-advantage-of-these-5-benefits-of-server-side-rendering

REST API 성능 개선

  • https://ehdvudee.tistory.com/24
  • https://heewon26.tistory.com/173
  • https://brunch.co.kr/@beennote/223

GraphQL

  • https://www.howtographql.com/basics/1-graphql-is-the-better-rest/
  • https://sdg9670.github.io/graphql/what-is-graphql/
  • https://www.holaxprogramming.com/2018/01/20/graphql-vs-restful-api/
  • https://blog.api.rakuten.net/graphql-vs-rest/

Redis

  • https://taes-k.github.io/2020/07/23/redis-essential/
  • https://velog.io/@hyeondev/Redis-%EB%9E%80-%EB%AC%B4%EC%97%87%EC%9D%BC%EA%B9%8C
  • https://brunch.co.kr/@skykamja24/575

브라우저 렌더링 최적화

  • https://chanyeong.com/blog/post/43
  • https://www.huskyhoochu.com/how-browser-works/
  • https://boxfoxs.tistory.com/408
  • https://www.html5rocks.com/en/tutorials/internals/howbrowserswork/

웹 캐시

  • https://hahahoho5915.tistory.com/33
  • https://goddaehee.tistory.com/171
  • https://velog.io/@mgm-dev/%EA%B0%84%EB%9E%B5-%EB%B8%8C%EB%9D%BC%EC%9A%B0%EC%A0%80-%EC%BA%90%EC%8B%9C%EC%97%90-%EB%8C%80%ED%95%B4
  • https://toss.tech/article/smart-web-service-cache
  • https://developer.mozilla.org/ko/docs/Web/HTTP/Caching

CDN

  • https://medium.com/@luisk_355/cdn%EC%9D%B4-%ED%95%98%EB%8A%94-%EC%9D%BC%EA%B3%BC-%ED%95%84%EC%9A%94%ED%95%9C-%EC%9D%B4%EC%9C%A0-855527bc0554

마지막 문제는 실시간 업데이트 서비스에 대한 아키텍처 설계를 해보라는 문제였다. 이 문제는 아키텍처 설계 경험이 매우 부족한 나로서는 까다로운 문제였다. 사실상 그냥 눈물의 똥꼬쇼였다고 생각한다. 뭐라고 적었는지 잘 모르겠다.

  • https://goodit.tistory.com/entry/BigQuery-Use-Cases-1-%EC%86%8C%EB%A7%A4-%EC%9E%AC%EA%B3%A0-%EA%B4%80%EB%A6%AC-%EC%8B%9C%EC%8A%A4%ED%85%9C
  • https://www.ncloud.com/intro/architecture/13
  • https://brunch.co.kr/@groobee/268
  • https://www.it-gundan.com/ko/architecture/%ED%8C%8C%EC%9D%BC-%EC%8B%9C%EC%8A%A4%ED%85%9C%EC%9D%98-%EB%8D%B0%EC%9D%B4%ED%84%B0%EC%97%90%EC%84%9C-%EC%8B%A4%EC%8B%9C%EA%B0%84-%EC%97%85%EB%8D%B0%EC%9D%B4%ED%8A%B8%EB%A5%BC%EC%9C%84%ED%95%9C-%EC%95%84%ED%82%A4%ED%85%8D%EC%B2%98/l967110697/
  • https://techblog.woowahan.com/2547/
  • https://www.schabell.org/2021/05/real-time-stock-control-example-stock-control-architecture.html
  • https://www.ncloud.com/intro/architecture/17
  • https://www.youtube.com/watch?v=MTSn93rNPPE
  • https://dzone.com/articles/how-to-build-a-real-time-event-driven-information