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

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

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

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

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

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

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

개요 두번째 프리코스 미션 후기! 첫번째 프리코스에서는 단순한 구현과 객체 분리에 집중을 두었다. 그러나 이번 주차에서는 테스트 코드 작성에 대한 요구사항이 추가되었고, 이에 따라 어떻게 효과적인 테스트 코드를 작성할지에 대한 고민이 더해졌다. 효과적인 테스트 코드를 작성하기 위해, 각 객체의 역할을 명확...

SSR의 부상, 현대 웹사이트가 바뀌는 이유

1. 개요 최근 웹 개발의 채용시장을 살펴보면, SSR(Server-Side Rendering) 기반의 Next.js와 같은 프레임워크의 사용 케이스가 두드러지게 많아졌습니다. 그렇다면 왜 이러한 변화와 추세가 현재에 와서 특히 두드러지게 됐을까요? 이를 알기 위해서는 웹의 변천사와 함께 CSR(Client-S...