Jbee

[발표] Chrome Devtools를 활용한 성능 측정과 개선

6

# 제목 - 후보 1. Vanilla로 SPA를 만들면서 배운 UX와 Performance - 후보 2. 바닐라로 SPA를 만들면서 배운 웹을 지탱하는 기술들 ## 동기 SPA로 개발되는 서비스가 많아지면서 웹 프론트엔드가 중요해졌습니다....

## Description  parent의 NAMESPACE를 child에서 가져와서 쓰려고 했더니 이런 이슈가 발생 _@/store/common/index.js_ ```js export const NAMESPACE = 'common' export default { namespaced: true, modules: { header,...

Event loop 정리 resource 정리

1

- https://nolanlawson.com/2018/09/25/accurately-measuring-layout-on-the-web/ - https://www.youtube.com/watch?v=cCOL7MC4Pl0&feature=youtu.be&t=1656 - https://html.spec.whatwg.org/multipage/webappapis.html#event-loop-processing-model - https://www.youtube.com/watch?v=8aGhZQkoFbQ

- [Stop using css-in-javascript for web development](https://medium.com/@gajus/stop-using-css-in-javascript-for-web-development-fa32fb873dcc) - [All you need to know about css-in-js](https://hackernoon.com/all-you-need-to-know-about-css-in-js-984a72d48ebc)

Well-made 이벤트에 대해서 생각해보기

3

파이썬에 관심이 없어서 pycon에 가지 않았지만 들리는 내용에 의하면 python 이외에 행사를 준비하는 입장에서 배울 것이 참 많았을 것 같다. 행사를 준비할 때, 어떠한 부분을 고려하면 좋을지 생각나는대로 메모를 하자....

회고 (Retrospective)에 대한 정리 및 설계

1

# What? > 회고란 무엇인가 사전적 정의를 먼저 살펴보자면, "돌아다봄", "지나간 일을 돌이켜 생각함" 등을 의미한다. '프로젝트 회고'라는 부분으로 구체화시키는 경우, 프로젝트의 큰 생명 주기에서 특정 시점 (이 시점은 프로젝트...

## Tools ### Scripts - [npm-run-all](https://github.com/mysticatea/npm-run-all)

## Description #### type vs interface - https://medium.com/@martin_hotell/interface-vs-type-alias-in-typescript-2-7-2a8f1777af4c #### interface vs class - https://medium.com/front-end-hacking/typescript-class-vs-interface-99c0ae1c2136 #### any vs unknown #### Application Design - 타입 파일을 별개로 관리하는지 - 글로벌 타입을 어떻게...

### CODE - 하나의 메서드는 한 가지 일만 하고 있는가? - 메서드 또는 함수 내부에서 객체의 상태를 변경하고 있지는 않은가? - 보다 작은 함수로 나누어 중복을 제거하고 함수의 조합으로 변경이...

### Semantic versioning - https://semver.org/ - https://spoqa.github.io/2012/12/18/semantic-versioning.html ### Clean Code Javascript - https://github.com/qkraudghgh/clean-code-javascript-ko