프로젝트를 진행하면서 진행상황을 기록해 보고싶어서 블로그에 남깁니다. 게시판 글 작성하는 페이지에서 위즈윅에디터 중 react-quill을 사용해서 api통신을 진행했습니다. React-Quill 설치
Custom Selector 상황 게시판 글 쓰기 페이지 구현 중, 문제가 발견되었다. API요청을 보낼 때, main, sub 카테고리를 나눠서 보내야하는데, 기존에 를 사용하면, sub카테로리는 불러와지지만, main을 불러올 수 없는 문제가 발생했다. 그래서 직
useModal 🤜 기존의 Modal Component 👉 modal component선언 👉 modal-component 사용 👉 기존 modal-component의 문제점 사용할 때마다 사용하는 곳에서 상태를 정의해서 사용해야한다는 불편함도 있고, 모든
👉 react-quill 이 전에 포스트에서 react-quill을 이용해서 게시글을 작성했는데, 해당 게시글의 내용을 백엔드에 전달해주고, 그 값을 받아오는 과정에서 error가 발생해서 문제점을 찾고 해결하고자 한다. 👉 dangerouslySetInnerH
전역상태 관리 라이브러리 recoilrecoil를 사용해서 프로젝트를 구성하는 중에 로그인의 상태를 유지해야하는 상황이 발생했다. 기존 recoil을 사용하면, 값이 변경이 되긴 하지만, 새로고침을 하면 다시 default값으로 초기화 되는 문제가 발생했다.recoil
OAuth를 통한 로그인 중 ... 상황 OAuth를 사용해서 소셜로그인을 하는 도중 발생한 에러이다. authorization code를 소셜로그인하는 회사로부터 내려받아서 사용하는데, 문제점은 이 해당 코드는 1회성 이라는 것이다. 두 번 이상 사용하면 없는 적용이
상황 평화롭게(?) 프로젝트를 진행하던 도중, 문제가 발생하였다... 게시글 이미지를 수정하는 api통신을 하는 도중 나타난 404 error때문에 당황했다. 고민 무엇이 문제인가 해서 구글링 해보는게 나에게 쓸만한 정보는 찾지 못했다. 내 코드에서는 분명 end-
UserId가 읽히지 않는 문제가 발생했다.메인 페이지에서 게시물로 들어가는 로직에서 router를 통해서 값을 전달하고, 해당 값을 통해서 api요청을 보내는 로직을 짰다.여기서 문제점은, 분명 api요청도 잘 갔고, 실제 데이터도 잘 불러온다는 것이다.그래서 처음에
프로젝트 진행 중, 댓글을 생성, 삭제, 수정에 대해서 만들게 되었고, 해당 사항을 기록하고 싶어서 글을 쓰게 되었다. 현재 상황 댓글 수정을 하는 도중 발생한 문제, 수정 버튼을 눌렀지만, 수정장소로 커서가 이동이 되지 않는다는 것! 커스텀 모달 훅 구현 블로그
검색기능을 만드는 도중에 발생한 문제... 상황 검색기능을 완성시켰는데, 이게 왠걸 첫 값으로 받아오는 query가 undefined가 뜨는 바람에 내가 검색하고 싶은 단어를 담아서 api로 쏴줘야 하는데, 그러지 못해서 에러가 자꾸 떴다... 생각해보기 nextj
프로젝트 진행중 마이페이지 작업을 하는데 이미지 업로드에 대한 내용을 정리하려고 한다. 이미지 업로드 버튼을 누르면, 모달창이 뜨고, 해당 모달창 안에서 이미지 미리보기후 이미지를 업로드 하는 방식을 사용하려고 한다. 구현 모달사용하기 이전에 포스팅했던, 모달hoo
모킹데이터를 만들어서 api요청을 미리 만들어서 기능 구현해보기 이전 상황 프로젝트를 새롭게 들어가면서 백엔드가 작업을 들어갔고, 디자인팀에서도 디자인을 하는 중이라, 프론트엔드는 손가락 쭙쭙 빨고 있는 상황이었다. 그래서 뭐라도 해보자 해서 형태의 파일을 만들어서
우리 프로젝트에도 디자이너가 생겼다!디자이너 분들께서 figma를 통해서 디자인을 해주셨는데 평소에 디자인적으로 감각이 없어서 시도조차 잘 안해본 형태의 디자인을 주셨다. 그냥 html,csss코드여도 어려워 했을 것 같은데 styled-component를 사용해서 하
새로운 디자이너 분들이 들어온 후 기존에 게시글 생성 부분이 많이 달라지진 않았지만, react-quill에 css를 붙여야하는 디자인이 발생했다.위에서 짧게 언급했듯이, 디자인이 새롭게 뽑히면서 기존에 사용하던 react-quill형식은 그대로 사용을 하지만, 디자인
Pretendard가 적용 안돼서 사용한 next/local/font
nextjs에서 스크롤 복원 기능 구현하기