Category etc
Category study
Category woowaCourse
![[우테코] level-4 / 우아한 에러바운더리](/assets/images/thumbnail/woowa-level4-error-boundary.png)
[우테코] level-4 / 우아한 에러바운더리
요약 대시보드 UI 깨짐 문제의 근본 원인을 해결하기 위해 전역 에러 처리 구조를 재설계했습니다. Toast와 Fallback UI로 에러 유형을 분리하고, React Query와 ErrorBoundary를 결합해 사용자 경험을 해치지 않는 안정적인 에러...
![[우테코] level-4 / 브라우저 지식 쌓기](/assets/images/thumbnail/default-img.png)
![[우테코] Lv.4 / 성능 최적화 : 요청 우선순위를 조정하자](/assets/images/thumbnail/woowa-performance-optimization-6-network-level.png)
[우테코] Lv.4 / 성능 최적화 : 요청 우선순위를 조정하자
요약 로딩 성능 개선 중 요청 우선순위 조절에 대한 내용을 다룹니다. 자원을 미리 받아오기 위한 preload, prefetch, preconnect와 자원을 나중으로 미루기 위한 defer,async를 다룹니다.
![[우테코] Lv.4 / 성능 최적화 : 네트워크 요청 우선순위를 조절하자](/assets/images/thumbnail/woowa-performance-optimization-5-code-level.png)
[우테코] Lv.4 / 성능 최적화 : 네트워크 요청 우선순위를 조절하자
요약 로딩 성능 개선 중 코드 레벨의 로딩 최적화에 대한 내용을 다룹니다. 빌드/런타임 단계에서 JS 코드(컴포넌트)를 어떻게 분리하고 불러올지를 결정하는 애플리케이션 레벨의 최적화 기법입니다.
![[우테코] Lv.4 / 성능 최적화 : 폰트 요청 크기 줄이기](/assets/images/thumbnail/woowa-performance-optimization-4-font.png)
![[우테코] Lv.4 / 성능 최적화 : 이미지 요청 크기 줄이기](/assets/images/thumbnail/woowa-performance-optimization-3-img.png)
[우테코] Lv.4 / 성능 최적화 : 이미지 요청 크기 줄이기
요약 성능 최적화를 위한 4가지 섹션 증 첫번째인 필요한 것만 요청하기(로딩 성능 개선)에 대한 내용을 다룹니다. 이미지 크기를 줄임으로써 로딩 성능을 개선해봅니다.
![[우테코] Lv.4 / 성능 최적화 : 소스코드(.js) 줄이기](/assets/images/thumbnail/woowa-performance-optimization-2-source-code.png)
[우테코] Lv.4 / 성능 최적화 : 소스코드(.js) 줄이기
요약 성능 최적화를 위한 4가지 섹션 증 첫번째인 필요한 것만 요청하기(로딩 성능 개선)에 대한 내용을 다룹니다. 소스코드(.js)를 줄임으로써 로딩 성능을 개선해봅니다.
![[우테코] level-4 / 성능 최적화 (로딩성능 / 렌더링 성능)](/assets/images/thumbnail/woowa-performance-optimization-1.png)
[우테코] level-4 / 성능 최적화 (로딩성능 / 렌더링 성능)
요약 성능 최적화란 어떤 것인지, 어떻게 접근해야 하는지에 대한 생각을 담았습니다. 로딩 성능 최적화, 렌더링 성능 최적화에 대해 공부한 내용을 정리하고, 공유합니다.
![[우테코] level-4 / React-Query와의 인연 (1)](/assets/images/thumbnail/woowa-level4-react-query1.png)
[우테코] level-4 / React-Query와의 인연 (1)
요약 apiClient를 사용하다 React-Query를 도입하게 된 내용을 다룹니다. React-Query의 캐싱 기능과 동기화 기능을 사용하고자 도입하게 되었습니다.
![[우테코] level-4 / kangoll & hailey's English class](/assets/images/thumbnail/woowa-level4-kangoll-hailey-english-class.png)
[우테코] level-4 / kangoll & hailey's English class
요약 헤일리와 함께하는 10분 영어 클래스 내용을 정리했습니다. 각자 발표하고 싶은 주제를 찾아와서 약 10분간 영어로 설명해줍니다. 모르는 내용이 있거나 궁금한 내용이 있다면 영어로 대화합니다 💬
![[우테코] level-4 / 크롬 디버거로 진단한 타입 단언 오류](/assets/images/thumbnail/woowa-level4-return-type.png)
[우테코] level-4 / 크롬 디버거로 진단한 타입 단언 오류
요약 개발자의 타입 정의 실수로 인해 chrome 디버깅 툴과 함께 원인을 분석했던 과정을 정리합니다 타입스크립트는 눈감아 .. 아무잘못 없어 ..
![[우테코] level-4 / chrome 개발자 도구 디버깅 팁](/assets/images/thumbnail/woowa-level4-debugger.png)
[우테코] level-4 / chrome 개발자 도구 디버깅 팁
요약 최근들어 chrome 개발자 도구가 정말 많은 기능을 포함하고 있다는 생각을 합니다. 그중 chrome 개발자 디버깅 탭을 사용하여 디버깅 하는 저만의 방법을 소개하려 합니다.
![[우테코] level-3 / 401 권한 리다이렉트 리렌더링 이슈](/assets/images/thumbnail/woowa-level3-401.png)
[우테코] level-3 / 401 권한 리다이렉트 리렌더링 이슈
요약 401 권한 에러가 생겼을 때 유저 정보를 초기화 시키고 로그인 페이지로 리다이렉트 시키는 과정에서 겪었던 짧은 트러블슈팅 내용입니다. 절대로 router 안에서 함수 실행 결과를 넣어선 안돼..
![[우테코] level-3 / 로그인 페이지 제작기](/assets/images/thumbnail/woowa-level3-form.png)
![[우테코] level-3 / S3·CloudFront 트러블슈팅](/assets/images/thumbnail/woowa-level3-aws.png)
![[우테코] level-2 / 기술 회고-1](/assets/images/thumbnail/woowa-level2-mission2.png)
![[우테코] level2 / 나를 돌아보는 글쓰기](/assets/images/thumbnail/woowa-level2-reflection-writing.png)
[우테코] level2 / 나를 돌아보는 글쓰기
요약 ‘레벨 2 나를 돌아보는 글쓰기’ 미션입니다. 지금까지 우아한테크코스에서의 경험, 고민, 배움, 성찰을 돌아보고 앞으로의 방향을 생각해보는 이야기를 다룹니다.
![[우테코] level-2 / 나만의 학습 노트 제작기](/assets/images/thumbnail/woowa-level2-study-note.png)
[우테코] level-2 / 나만의 학습 노트 제작기
요약 ‘레벨 2 나만의 학습 방법 찾기 수업’에서 진행한 내용입니다 나의 학습 패턴을 분석하고, AI를 활용하여 개선 방향을 찾아 정리했습니다.
![[우테코] level-1 / mission3 기술 회고](/assets/images/thumbnail/woowa-lunch.png)
![[우테코] level-1 / mission2 기술 회고](/assets/images/thumbnail/woowa-lotto.png)
![[우테코] level-1 / mission1 기술 회고](/assets/images/thumbnail/woowa-racingCar.png)
[우테코] level-1 / mission1 기술 회고
요약 우테코 1주차 RacingCar 미션을 수행하며 배운 내용을 정리했습니다. 페어프로그래밍 후기 및 test 코드 작성에 대한 소감을 작성했습니다.
![[우테코] 2025 7기 프론트엔드 프리코스 / 최종코테](/assets/images/thumbnail/woowa-pre-course.png)
[우테코] 2025 7기 프론트엔드 프리코스 / 최종코테
요약 [ 우아한 테크코스 ] 7기 프론트엔드 최종 합격 과정 및 회고글입니다. 프리코스와 최종코테를 진행하며 겪었던 과정들과 생각을 정리했습니다. 이전 우테코 지원서 작성 부분의 다음 이야기를 다룹니다.
[우테코] 2025 7기 프론트엔드 지원동기 지원서 작성
요약 > [ 우아한 테크코스 ] 7기 프론트엔드 최종 합격 과정 및 회고글입니다. 우테코 지원 동기 및 지원서 작성에 대한 제 이야기를 담았습니다.
Category tech-reflection
[우테코] level-4 / 우아한 에러바운더리
요약 대시보드 UI 깨짐 문제의 근본 원인을 해결하기 위해 전역 에러 처리 구조를 재설계했습니다. Toast와 Fallback UI로 에러 유형을 분리하고, React Query와 ErrorBoundary를 결합해 사용자 경험을 해치지 않는 안정적인 에러...
[우테코] Lv.4 / 성능 최적화 : 요청 우선순위를 조정하자
요약 로딩 성능 개선 중 요청 우선순위 조절에 대한 내용을 다룹니다. 자원을 미리 받아오기 위한 preload, prefetch, preconnect와 자원을 나중으로 미루기 위한 defer,async를 다룹니다.
[우테코] Lv.4 / 성능 최적화 : 네트워크 요청 우선순위를 조절하자
요약 로딩 성능 개선 중 코드 레벨의 로딩 최적화에 대한 내용을 다룹니다. 빌드/런타임 단계에서 JS 코드(컴포넌트)를 어떻게 분리하고 불러올지를 결정하는 애플리케이션 레벨의 최적화 기법입니다.
[우테코] Lv.4 / 성능 최적화 : 이미지 요청 크기 줄이기
요약 성능 최적화를 위한 4가지 섹션 증 첫번째인 필요한 것만 요청하기(로딩 성능 개선)에 대한 내용을 다룹니다. 이미지 크기를 줄임으로써 로딩 성능을 개선해봅니다.
[우테코] Lv.4 / 성능 최적화 : 소스코드(.js) 줄이기
요약 성능 최적화를 위한 4가지 섹션 증 첫번째인 필요한 것만 요청하기(로딩 성능 개선)에 대한 내용을 다룹니다. 소스코드(.js)를 줄임으로써 로딩 성능을 개선해봅니다.
[우테코] level-4 / 성능 최적화 (로딩성능 / 렌더링 성능)
요약 성능 최적화란 어떤 것인지, 어떻게 접근해야 하는지에 대한 생각을 담았습니다. 로딩 성능 최적화, 렌더링 성능 최적화에 대해 공부한 내용을 정리하고, 공유합니다.
[우테코] level-4 / React-Query와의 인연 (1)
요약 apiClient를 사용하다 React-Query를 도입하게 된 내용을 다룹니다. React-Query의 캐싱 기능과 동기화 기능을 사용하고자 도입하게 되었습니다.
[우테코] level-4 / kangoll & hailey's English class
요약 헤일리와 함께하는 10분 영어 클래스 내용을 정리했습니다. 각자 발표하고 싶은 주제를 찾아와서 약 10분간 영어로 설명해줍니다. 모르는 내용이 있거나 궁금한 내용이 있다면 영어로 대화합니다 💬
[우테코] level-4 / 크롬 디버거로 진단한 타입 단언 오류
요약 개발자의 타입 정의 실수로 인해 chrome 디버깅 툴과 함께 원인을 분석했던 과정을 정리합니다 타입스크립트는 눈감아 .. 아무잘못 없어 ..
[우테코] level-4 / chrome 개발자 도구 디버깅 팁
요약 최근들어 chrome 개발자 도구가 정말 많은 기능을 포함하고 있다는 생각을 합니다. 그중 chrome 개발자 디버깅 탭을 사용하여 디버깅 하는 저만의 방법을 소개하려 합니다.
[우테코] level-3 / 401 권한 리다이렉트 리렌더링 이슈
요약 401 권한 에러가 생겼을 때 유저 정보를 초기화 시키고 로그인 페이지로 리다이렉트 시키는 과정에서 겪었던 짧은 트러블슈팅 내용입니다. 절대로 router 안에서 함수 실행 결과를 넣어선 안돼..
[우테코] level-1 / mission1 기술 회고
요약 우테코 1주차 RacingCar 미션을 수행하며 배운 내용을 정리했습니다. 페어프로그래밍 후기 및 test 코드 작성에 대한 소감을 작성했습니다.
Category wikipedia
Category reflection
Never miss a story from us, subscribe to our
newsletter