React

강의를 듣던 중, useEffect안에서 console.log를 찍으면 콘솔창에 두 개가 찍혀나오는 것이 계속 목격되었다.실행자체에는 문제가 없지만, 찜찜해서 해당 정보를 찾아보기로 했다.이유인 즉, src/index.js 안에 있는이 문제가 됐던 것이다. 만 남기면

프로젝트를 구현하면서 많은 데이터 카드뷰들이 전달될 때 무한 스크롤이라는 기능을 사용해보기로 했다.개인적으로 페이지네이션으로 넘어가는 방식은 답답하다고 생각이 들었고, 사용자편의성에서 스크롤 하기만 하면, 쌓여있는 정보들이 노출되는 것이 좋은 방식이라고 생각해서 무한

처음에는 전체 리스트를 보여주고, 카테고리를 선택할 때 마다 관련 카테고리에 포함된 리스트를 보여줘야 하는 것을 구현해야 했다.생각이 잘 떠오르지 않아, 같은 프엔 팀원에게 물어보면서 혼자 답을 찾아내게 되었고(유레카!), 다음과 같이 적용할 수 있었다.로직은 cate

프로젝트를 진행하던 중, 공유목록을 공유중이 아닌 것만을 보여줄 기능이 필요했다.처음에는 radio나 checkbox식으로 하려다가, 예쁘지 않을 것 같아서 button방식으로 구현하고자 했다.그런데 막상 하려고 하니 button을 활용한 onClcik 로직을 어떻게

Uncaught TypeError: Cannot read properties of undefined (reading 'title')나를 오늘 미치게 만든 놈이다. share 라우터에서 -> ask 라우터로 이동 시에 api 요청이 빈 값으로 받아와지면서 DOM에 ren

생명주기란 참 어렵다.. 카테고리를 선택하고 해당 카테고리에 대한 리스트를 api를 통해 받아와 보여주는 작업 중에, 버그를 발견했다.카테고리를 바꾼 후, 스크롤 후에 다시 다른 카테고리를 선택하니, 이전 카테고리에서 받아와졌던 리스트가 그대로 위에 쌓여서 렌더링 되는

인증된 유저의 위도와 경도를 저장해서, 해당 유저가 있는 위치 근처의 게시물만 보여줘야 했다.user의 Id를 어떻게 받아올 것인가?받아온 userId의 토대로, 위도와 경도를 받아오자.위도와 경도를 초기화 값으로 recoil에 저장하자.이를 바탕으로 useEffect

recoil로 내 위도 경도 좌표를 받아온 상태에서 카카오 맵 API를 활용할 일이 있었다.located.areaLng + 0.03 에서 + 이면 값이 안 들어오고, -는 인식하는데에서 무슨 문제가 있는지 계속 고민했다. 남서쪽과 북동쪽의 좌표를 받아 사각형을 만들어주

수정 예정.

서로 예약으로 얽혀있는 유저 2명이 아니라면, 강제로 채팅 페이지에 들어와서 볼 수 있는 경우를 막기 위한 방법이 필요했다. 처음 팀원이 짠 코드도 접근을 막아줄 수 있었지만, 해당 컴포넌트의 버튼이 렌더링 상태로 alert가 떠서, 아예 흰 페이지를 보여주기 위한 로

비교구문 작성 예정

개발자 도구에서 작성한 코드를 보이지 않게 하기 위해서는다음과 같은 작업을 package.json에서 해주어야 한다.

이번 프로젝트에서는 내가 로그인, 회원정보수정, 마이페이지 부분을 담당하기로 했다.그러던 중 프로필 사진을 클릭하면 프로피사진을 수정할 수 있게 하기로 했는데, 어떻게 하는지 몰라서 찾아봤다.label의htmlFor와 input의 id 를 동일하게 해 주면 가능하다!

안 에서 localstorage.getItem()이 작동하지 않았다. 혹시 서버사이드에서 렌더링 돼서? 라고 생각했는데 추측한 대로였다. 해결방법은 다음과 같다Next.js는 서버 사이드 렌더링을 지원하는 프레임워크이기 때문에, 일반적인 React 애플리케이션과는 다른