HomeAboutMeBlogGuest
© 2025 Sejin Cha. All rights reserved.
Built with Next.js, deployed on Vercel
📝
학습 TIL
/
🌱
[TIL] 데브코스 22일차
🌱

[TIL] 데브코스 22일차

Date
Apr 19, 2022
대주제
TIL
주제
노션클로닝
디바운스
활동 기록

오늘 배운 것

👨🏽‍💻
노션 클로닝
  • HTTP 요청에 대한 Error 처리
  • 토글기능 구현

어려웠던 내용

  • 디바운스 함수처리
  • Observer Pattern 이해하기

궁금한 내용 / 부족한내용 🤔

  • 404에러 처리를, 모든 api를 처리하고 있는 request.js에서 catch 하여 처리하는 것이 맞나?
    • 💡
      404에 대한 후속 처리( 404pag로 pushState)는 API 요청이 발생한 곳에서 해주는 것이 코드의 흐름을 파악하기에 더 용이하다고 생각했다. 따라서 response.status === 404 를 통해 404에러를 특정해내고, err.name을 지정하여 throw해준다. 이를 API 요청하는 곳 (Editor)에서 catch로 받아 후속처리를 해주도록 하였다.

느낀점

  • 노션 프로젝트를 할 때도 기능적인 욕심보다는 작은 기능이라도 실무에서 써도 될 만큼의 가독성, 흐름을 가져가고 싶었다. 황준일님의 VanillaJS시리즈 를 보면서 느끼는 것은 단순 TodoList라도 그에 대한 구현을 어떻게 하느냐에 따라서 난이도가 상당할 수 있으며, 퀄리티 자체가 달라질 수 있음을 보았다. 지금은 보고 애써서 이해하고 따라하는 정도이지만, 추후에는 내 스스로 생각해서 이와 같은 높은 퀄리티의 코드를 작성할 수 있다면 얼마나 좋을까.! 라는 생각이 들었다.

참고

Vanilla Javascript로 상태관리 시스템 만들기 | 개발자 황준일
Vanilla Javascript로 Vuex와 Redux 같은 상태관리 시스템을 만드는 방법에 대해 소개합니다.
Vanilla Javascript로 상태관리 시스템 만들기 | 개발자 황준일
https://junilhwang.github.io/TIL/Javascript/Design/Vanilla-JS-Store/
Vanilla Javascript로 상태관리 시스템 만들기 | 개발자 황준일
ZeroCho Blog
ZeroCho Blog
https://www.zerocho.com/category/JavaScript/post/5c1913622e014f001e827a89
ZeroCho Blog
HTTP 404 Status Code 에 대한 고찰
위에서 나온 결론을 조금 더 자세히 풀어보면 다음 내용이다. API 개발 시 사용할 법 직한 응답 코드를 정리해보았다. 200: OK (정상, 데이터 있음) 204: No Contents (정상, 데이터 없음) 301: Moved Permanently (리다이렉션) 400: Bad Request (실패, 클라이언트에서 넘어온 파라미터가 이상함) 401: Unauthorized (실패, 클라이언트에서 넘어온 보안 토큰이 이상함) 403: Forbidden (실패, 사용자의 권한으로 리소스를 사용할 수 없음) 404: Not Found (실패, 데이터가 있어야 하나 없음) 410: Gone (실패, 데이터가 있었으나 삭제됨.
HTTP 404 Status Code 에 대한 고찰
https://luckyyowu.tistory.com/377
HTTP 404 Status Code 에 대한 고찰