React에서 Next.js로, 마이그레이션 경험기

1. 마이그레이션 배경 현재 진행 중인 프로젝트는 커뮤니티 기반의 서비스로, 사용자들이 다양한 정보와 지식을 공유하는 플랫폼입니다. 하나의 페이지에서 글 작성, 조회, 댓글 작성 등 핵심 상호작용 요소를 처리 이러한 특성상, 사용자의 참여와 콘텐츠의 가시성은 핵심 요소라고 생각했으며 SEO 성능의 향...

2023 우테코 프리코스 4주차 후기

개요 마지막 프리코스 후기! 이번 주차에서는 “내 코드가 그렇게 이상한가요?” 라는 책을 읽은 후, 해당 내용을 최대한 의식하며 코드에 적용하고자 했다. 특히 지난 1~3주차의 내용을 집대성하는 최종 연습과도 같았는데 이를 통해 책에서 배운 이론을 실제 코딩에 어떻게 적용할 수 있는지 깊이 있게 탐색하는 기...

TOAST UI - 이미지 다중 업로드 구현

1. 개요 TOAST UI는 마크다운과 위지윅(WYSIWYG) 에디터를 지원하는 편리한 도구입니다. 이를 통해 사용자는 쉽게 텍스트 정보를 마크다운 형식으로 변환하여 표현할 수 있습니다. 공식 홈페이지 하지만 TOAST UI의 기본 이미지 업로드 기능에는 한계가 있습니다. 이미지가 base64로 인코...

초기 로딩속도 및 사용자 경험 개선시키기

1. 개요 아래 영상은, 현재 진행중인 프로젝트의 메인페이지에 접근했을때 표현되는 UI입니다. 실제 로딩시간을 표현하기 위한 “Click! & Loading 텍스트 삽입” (영상편집) 그런데, 너무 느립니다.. 특히, 데이터를 가져오는 동안 시작 페이지가 정지해 있는 듯한 인상을 주어 사용자...

내 코드가 그렇게 이상한가요?

내 코드가 그렇게 이상한가요 독서 및 공부내용 정리 1. 잘못된 구조의 문제 깨닫기 1 2 3 4 class Class001 { void method001(); void method002(); } 기술 중심 명명 및 일련번호 명명을 피하자 기술 중심 명명 : 기술을 기...