📌 상태(State)란?

간단히 말해, UI를 그리는 데 필요한 데이터 React에서는 상태가 변하면 화면이 다시 렌더링되기 때문에, 상태를 어떻게 관리하느냐가 성능과 가독성에 큰 영향을 미침.

Cursor는 Visual Studio Code를 포크해서 만들어진 통합 개발 환경으로, 개발 작업을 AI의 도움으로 효율화할 수 있는 툴이라고 하여 요즘 개발자들 사이에서 핫하다는 Cursor를 다운받아 사용해보았다.

• https://mobaxterm.mobatek.net/

개요

• 운영 중 사용자가 로그인 클릭 시 Application error a client-side exception has occurred (see the browser console for more information) 라는 오류 발생

다국어 번역기 사용

클라이언트 측에서 6가지 언어가 번역되기를 원했다. 무료로.
그래서 선택한 번역 API가 구글 번역 API, translate 이다. (현재는 중단 되었음)

배포 시, 개발하면서 디버깅을 위해 작성했던 모든 console 들을 제거하여 배포 한다.
console log 들이 남아있으면 성능 저하나 보안 문제가 될 수 있으니 제거해주는 것이 좋다.
모두 제거했다고 생각했지만, 미쳐 제거하지 못한 콘솔들도 있었고, 유지보수 시 다시 콘솔을 작성하고 제거하는 작업을 계속 했다.
이를 대비해서 배포 시 콘솔을 안보이게 해주는 설정이 있다.

개요 1.

• 사용자가 관리자 페이지에서 GNB 메뉴를 추가, 수정, 삭제하는 기능이 되기를 원하는 상황.
• 메뉴 추가에 따른 하위 페이지(게시판 형태의 페이지)들도 생성이 되고, 기능들이 되어야 함.

개요

• AI 모의면접 시간 중 예약 시간이 지난 시간을 선택하여 예약할 수 있는 이슈를 발견.

문제

배포가 끝났고, 페이지에서 새로고침하거나 주소 입력 시 404 페이지가 뜬다.
BOSE 배포 후 나왔던 문제와 비슷한 문제 발생

일정관리 및 습관관리를 작성하면서 동기부여를 위해 한달 간 가장 많이 작성한 말을 보여주고 싶었다.