프론트엔드 4

WiniLogis 블로그의 가독성 문제 해결 React-Quill을 활용한 텍스트 에디터 적용

WiniLogis는 글로벌 무역 부킹 서비스를 제공하는 플랫폼으로, 블로그를 운영하고 있습니다.현재 블로그의 콘텐츠는 WiniLogis 관리자 사이트를 통해 관리되지만, 단순 텍스트만 입력할 수 있다는 문제가 있어 다른 플랫폼에서 운영하는 블로그에 비해 가독성이 떨어지는 문제가 있었습니다. WiniLogis 관리자의 블로그 글 작성 시 가독성 문제를 해결하기 위해, 텍스트 에디터를 도입하여 글을 편집할 수 있도록 개선한 방법에 대해 작성하려고 합니다.먼저 React 프로젝트와 잘 어울리는 텍스트 에디터를 찾기 위해 여러 정보를 조사했습니다. 아래 글을 통해 다양한 텍스트 에디터의 종류를 확인하고, 각 에디터의 장단점을 비교하여 최종적으로 적용할 에디터를 결정했습니다.https://code-b.dev/bl..

지식 정리 📝 2024.09.25

원티드 프리온보딩 프론트엔드 - 선발 과제

CRA를 활용해서 프로젝트를 생성하였고 CSS는 Tailwind CSS를 사용했다. 라우팅 방식은 React-Router-Dom을 활용했다. 진행하면서 가장 시간을 들였던 부분은 수정 버튼을 눌렀을 때 버튼이 바뀌고 수정 이후 TodoList의 state를 변경하는 과정이었던 것 같다. const handleUpdateTodo = async ( id: number, checked: boolean, changeTodo: string ) => { if (!token) return; const responseTodo = await fetchUpdateToDoApi( token, id, checked, changeTodo ); const updateTodoList = todoList.map((todo) => {..

카테고리 없음 2023.06.10

원티드 프리온보딩 프론트엔드 인턴십 (6월)

원티드 프리온보딩 프론트엔드 인턴십 (6월) 과정에 지원할까 라는 생각이 들어서 사전과제를 접하게 되었다. 사전 과제는 다음과 같다. https://github.com/walking-sunset/selection-task#api GitHub - walking-sunset/selection-task: 원티드 프리온보딩 선발과제입니다. 원티드 프리온보딩 선발과제입니다. Contribute to walking-sunset/selection-task development by creating an account on GitHub. github.com 오늘 밤에 11시쯤 시작해서 현재 회원가입, 로그인 쪽은 구현을 다 한 것 같다. 토큰이 있을 경우에 리다이렉트 처리도 해두었고 로그인과 회원가입에 대한 예외처리 ..

카테고리 없음 2023.06.10