전체 글

[네이버 부스트캠프] 네이버 부스트캠프 웹・모바일 8기 그룹 프로젝트 6주차 회고 + 마무리

boostcampwm2023/web05-AlgoITNi: 동료와 함께 할 수 있는 플랫폼, 알고있니 (github.com) GitHub - boostcampwm2023/web05-AlgoITNi: 동료와 함께 할 수 있는 플랫폼, 알고있니 동료와 함께 할 수 있는 플랫폼, 알고있니. Contribute to boostcampwm2023/web05-AlgoITNi development by creating an account on GitHub. github.com 그룹 프로젝트가 모두 종료되었다. 그룹 프로젝트가 마무리 되며 부스트캠프의 모든 일정이 종료되었다. (물론 수료식이 남아있긴 하다) 정말 많은 것을 배울 수 있었던 활동이었고 후회없는 선택이었다. 잘한 점 우선, 이번 주에 꼭 한 번 해보고 싶었..

[네이버 부스트캠프] 네이버 부스트캠프 웹・모바일 8기 그룹 프로젝트 5주차 회고

5주차가 끝났다. 이제 다음 주면 그룹 프로젝트가 종료되고 부스트캠프의 모든 활동이 종료된다. 다음 주는 발표 준비를 하느라 바쁠 것 같다. 잘한 점 저번 주와 마찬가지로 UI/UX 등의 부분을 함께 신경쓸 수 있었다. 어떻게 해야 직관적으로 사용자가 기능을 사용하도록 유도할 수 있을지 고민했던 한 주가 됐던 것 같다. 예를 들어, 채팅에서 AI를 사용할 수 있도록 버튼을 제공하는데 현재 AI를 사용중인지 시각적으로 알 수 있도록 border를 파란색으로 바꾼다거나 버튼을 사용할 때 만족감을 줄 수 있도록 부드러운 애니메이션을 만들어 제공하는 등의 방법을 사용했다. 사소하지만 나름의 디테일을 신경쓸 수 있었던 것 같다. 또한, 카카오톡을 사용하는 사용자들이 많을 것으로 생각하여 카카오톡과 유사한 채팅 입..

[AlgoITNi] 홈 화면 성능 개선하기: 2. 코드 스플리팅 (1)

Home 화면의 성능을 개선하는 이유? 우리 서비스는 특성상 Room 페이지 안에 대부분의 기능이 위치하게 된다. 결론적으로 Room 페이지에서는 우리 서비스의 거의 모든 코드가 로드 되어서 실행되어야 한다. 하지만, 이와 반대로 Home에서는 특별한 기능이 없다. 단순히 uuid를 갖는 방을 생성하거나 이미 만들어진 방에 참여하는 기능밖에 없다. 또한, 사용자가 우리 서비스를 사용할 때 가장 먼저 마주하는 페이지가 Home 화면이기 때문에 Home 화면을 개선하고자 했다. 우리 서비스의 반응성이 좋고 좋은 UX를 제공하기 위해서는 Home 화면을 개선시켜 사용자에게 좋은 인식을 심어줘야 한다고 생각했기 때문이다. 따라서, 서비스의 Home 화면을 개선하고자 했으며 앞으로의 내용은 그 과정에 관한 것이다..

[AlgoITNi] 홈 화면 성능 개선하기: 1. 번들링 크기 줄이기

네이버 부스트캠프 8기 그룹 프로젝트로 AlgoITNi라는 프로젝트를 진행했다. boostcampwm2023/web05-AlgoITNi: 동료와 함께 할 수 있는 플랫폼, 알고있니 (github.com) GitHub - boostcampwm2023/web05-AlgoITNi: 동료와 함께 할 수 있는 플랫폼, 알고있니 동료와 함께 할 수 있는 플랫폼, 알고있니. Contribute to boostcampwm2023/web05-AlgoITNi development by creating an account on GitHub. github.com 동료들과 함께 소통하며 알고리즘 학습을 할 수 있는 플랫폼을 만들고자 했으며 이를 위해 WebRTC를 이용한 실시간 P2P 화상 채팅, Socket을 이용한 실시간 ..