팀 프로젝트 로맨스가 필요해 사이트를 제작하면서 개선점이나 반성할 점에 대해 기록하기 위해 적었습니다. try-catch 의 고찰 기본적으로 스크립트가 실행될 때, 에러가 발생한다면 그 즉시 스크립트를 중단하고 콘솔에 에러를 출력시킨다. 여기서 try-catch는 스
채팅창 구현하기 프로젝트에서 chat-GPT 기능을 활용하여 채팅형식의 심리상담을 받을 수 있는 기능을 구현하였다. 여기서 적용한 내용과 개선해야 될 점에 대해서 정리하였다. UI UX를 고려한 채팅 페이지 UI는 카카오톡과 같은 채팅페이지를 비슷하게 벤치마킹하여
Image 컴포넌트 프로젝트에서 크게 사용한 부분은 메인페이지에 이미지들이 많이 사용되었는데, Image 컴포넌트의 디자인 에러나 반응형 크기 조절이 잘 안됐기 때문에 처음 목업 작업시에는 img 태그를 사용해서 적용시켰지만, next.js의 프레임워크를 사용하면서
이전에 AWS EC2를 활용하여 서버를 배포해 본 경험이 있었지만, 이번 프로젝트를 진행하면서 예상을 뛰어넘는 에러가 발생하여 고전했던 경험이 있었다. 이번 프로젝트를 경험으로 여러 문제를 겪고, 이를 해결한 과정에 대해서 기술하고자 한다. EC2 서버 성능 문제
REST-API & Axios를 통해서 서버에 데이터를 요청하는 방식을 사용하면서 일어났던 에러나 개선점에 대해 회고를 작성하였다. axios.create 위의 코드는 프로젝트에 적용시킨, axios를 사용해서 API요청을 할 때 default 설정을 적용시킨 것
프로젝트를 진행함에 따라 Figma를 사용해 프레임워크 디자인을 만들다 보니 공통적으로 사용하게 되는 버튼, input, 모달들이 있어 매번 새로운 모달을 각자가 만들기 보다는 재사용성이 가능한 컴포넌트를 만들고 사용하는 것이 더 빠르고 효율적이라 생각하여 제작하게 되