일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | ||
6 | 7 | 8 | 9 | 10 | 11 | 12 |
13 | 14 | 15 | 16 | 17 | 18 | 19 |
20 | 21 | 22 | 23 | 24 | 25 | 26 |
27 | 28 | 29 | 30 |
Tags
- 리액트
- async
- link
- mock service worker
- front-end mocking
- 자바스크립트
- styled-component
- sprinkles
- Babel
- Critical Rendering Path
- thread
- amplify
- JavaScript
- Concurrent Mode
- mockoon
- 개발자
- MSW
- 동기
- react-native
- 목킹
- 리액트쿼리
- CSS-in-JS
- 최적화
- 캐쉬
- vanilla-extract
- react server component
- 컴포넌트
- 기본
- next hydration
- 리액트네이티브
- 쓰레드
- 아키텍처
- SWC
- 비동기
- react-query
- React
- Basic
- 기초
- Cache
- next.js
Archives
- Today
- Total
목록활용기 (1)
Don’t worry about failures

개발자라면 가장 많이 사용하는 것 중 하나가 chrome 개발자 도구이다. 개인적으로 개발자도구의 활용도에 따라 개발의 효율, 웹 페이지의 성능까지 큰 차이를 보일 것이라고 생각한다. 그래서 이 글을 준비했고, 글을 준비하는 동안 정말 많은 기능이 있다는 것을 알게 되었다. 이제까지 단순 debugger 만 찍고, value 값만 확인하는 용도로만 사용했다는 것에 아쉬움을 표하고 싶다. 가장 기본적인 기능에 대해서는 생략하고, 처음 접해본 기능 혹은 중요한 기능이라고 판단하는 것을 기준으로 글을 작성할 것이다. ( 모든 내용을 다루기엔 내용이 너무 많다고 생각이 든다. ) INDEX 1. Element 2. Console 3. Sources 4. Network 5. Performance 6. Memory..
Devlog
2021. 8. 8. 14:51