profile
Junior Frontend Developer

7월5일(수) git Error 해결

Node.js 공부하며 처음으로 Node.js파일 생성 및 git 업데이트를 하려고 하였다. 무슨 이유에서인지 계속 에러가 났다. 그 중 아래 에러에서 계속 막혔다. 처음 readme파일 pull을 안 당기고 임의로 파일 업로드를 해서 에러가 난 것 같았다.Can't

2023년 7월 4일
·
0개의 댓글
·
post-thumbnail

7월3일(월) Node.js 공부 (Node.js 노드 빠르게 훑어보기 - 제주코딩베이스캠프)

목차1\. Node.js 이해2\. Node.js 설치3\. 실습 - 서버 구현4\. 실습 - Express5\. 실습 - Template EngineNode.js 이해0) Node.js 란 무엇인가? Node.js는 Chrome V8 JavaScript 엔진으로 빌드

2023년 7월 3일
·
0개의 댓글
·

5월11일(목) MapMidPoint.js 카테고리 코드 리팩토링

지도중첩으로 안 되던거. 콘솔찍어보니 5번 혹은 3번이나 실행이 된다. 그러니 마커찍혔다 빠지지... 원래 되던 코드 찍어보면 1번씩 찍힘. 근데 왜? 대체 ㅇ왜???

2023년 5월 10일
·
0개의 댓글
·

5월4일(목) MapAppoinment.js에서 SelectedDate값 밀리는 버그 해결.

MapAppoinment.js에서 SelectedDate값 밀리는 버그 해결.문제의 원인은 useState와 useEffect의 비동기적인 특성 때문. useState로 설정된 값을 바로 가져오는 것이 아니라, useState가 실행된 후 useEffect가 실행되기

2023년 5월 4일
·
0개의 댓글
·

5월3일(수) 드디어! 마커 버그 해결

드디어 정확한 마커 지워지고 주소값 바꿔도 기존 마커 지워지며 정확한 마커 이동 된다. 정말..... 너무 기뻤다.. 이게 얼마만에 뚫는 버그인가..샤워하다가 문득 떠올랐다. 지금까지 너무 어렵게 생각하고 있었던 거 같다. 카카오 API이용하려하고 어려운 조건문들 추가

2023년 5월 2일
·
0개의 댓글
·

4월30일(일)

<Map탐색페이지(SearchKeywordModalPortal.jsx)>달력위치 변경(타이틀 바로 아래에 위치하도록)주소 입력창 값에 키워드 및 주소 같이 입력(도로명 주소 없을 시 지번 주소로 나옴)주소 입력창 값 입력되면 input 박스의 border 나오기주

2023년 4월 30일
·
0개의 댓글
·
post-thumbnail

4월29일(토) Pagination(with DB에서 받아온 kakaoAPI)

결론적으로 얘기하면 pagination 실패다. 우선 카카오 map API에서는 Pagination이라는 큰 데이터를 보내주고 거기서 다양한 정보와 함수들이 있다. 그걸 활용해서 그 전에는 pagination구현을 했다. 그런데 이번에는 우리 DB에서 값을 보내주기에

2023년 4월 28일
·
0개의 댓글
·
post-thumbnail

4월28일(금) Pagination 에러(with DB에서 받아온 kakaoAPI값).

다중 마커찍기까지는 구현, 리스트도 뽑힘. 근데 pagination이 안되고 해당 오류 계속뜬다.Unhandled Runtime ErrorTypeError: Cannot read properties of undefined (reading 'last')Sourcesrc/

2023년 4월 28일
·
0개의 댓글
·

4월28일(금) kakaoAPI DB저장 및 받아온 값으로 지도에 마커찍기.

전에 모달창에서 썼던 로직 이용하기로.그런데 계속해서 오류. 우선 kakao undefined 에러. 많이 봤던건데, 지도를 처음 불러올 때 다른 방법 시도. 원래는 return값에 <'Map>태그 사용했는데 하나하니씩 불러오기로.이런 식으로 하니까 에러 해결되었

2023년 4월 27일
·
0개의 댓글
·

4월27일(목) contextAPI사용불가, react-query활용하여 props 전달

B 컴포넌트가 페이지로 이동될 때, 이전 컴포넌트에서 전달된 props가 undefined가 되는 이유는 페이지 이동 시 B 컴포넌트가 새로 mount되면서 PassPropsWithContextAPI 컴포넌트가 다시 실행되기 때문입니다. 따라서 이전 컴포넌트에서 전달된

2023년 4월 26일
·
0개의 댓글
·

4월26일(수) useQuery가 계속 실행됨. 문제해결

지금 contextAPI를 활용해서 중간값을 가지고 페이지를 이동함. 근데 여기서 계속해서 useQuery가 실행됨. 처음에는 중간값 가지고 왔는데 2번째 실행부터 값이 undefined되면서 에러. 왜 이 부분 계속 실행되는지 생각해보니 전에 예상기 매니저님 Reac

2023년 4월 26일
·
0개의 댓글
·

4월26일(수) A컴포넌트에서 C컴포넌트로 props전달 (B거치지 않고)

해당 코드에서 midPoint의 lat, lng 값을 C 컴포넌트로 전달하고자 할 때, C 컴포넌트에서 값을 받을 수 있는 구조를 구성해야 합니다.보통 React 애플리케이션에서 데이터는 상위 컴포넌트에서 하위 컴포넌트로 전달됩니다. 하지만 중간 지점을 구하는 페이지가

2023년 4월 26일
·
0개의 댓글
·
post-thumbnail

4월26일(수)서버통신오류

bad request kakaoApi 서버 DB 통신 오류 계속 400 에러.

2023년 4월 25일
·
0개의 댓글
·

4월24일(월)

다중 마커가 안 찍힌다. 계속 하나만 찍힌다. 아무리 코드 수정해보고 이것저것 추가해보고 삭제해보고 해도 안 된다. 마커를 찍는 부분이 어떤건지 콘솔찍어보고 하나하나 실행해보며 알아내었다.이 부분에서 마커를 찍어주는 로직이 있다. 그 중에서 checkedPlace의 s

2023년 4월 24일
·
0개의 댓글
·

4월21일(금) props받아 온 값을 지도위에 마커찍기 오류

지도에 마커찍는 부분은 구현을 다 했고 여러개 마커찍기, 위치기반 마커찍기 등 다양한 기능들로 구현을 연습해 보았다. 그래서 사실 크게 걱정하지 않았는데, 이것 또한 발목을 잡았다. 전에 구현해 놓은 코드를 사용하여 쉽게 구현하려 했지만, props를 받아온 값을 다른

2023년 4월 21일
·
0개의 댓글
·

4월21일(금) 자식->부모컴포넌트 props 전달

정말 너무너무 돌아왔다. 처음에는 아무 생각 없이 부모 자식 컴포넌트 관계를 잊고 단순히 props를 전달하려고 몇날을 노력했다. 근데 도저히 되지 않아 chatGPT로 찾아보니 역시나 된다고 얘기를 계속해서 내가 못하나보다 해서 정말 코드를 수도 없이 바꾸고 추가하고

2023년 4월 20일
·
0개의 댓글
·

4월20일(목) 배포 백엔드 서버연결

환경변수는 vercel에서 따로 설정. 그래도 동작 안 함. 계속 변경해보고 확인해보고 해쓴ㄴ데 백엔드 연결 안 됌. 근데 환경변수 바꿨으면 다시 재배포 필요. 그래서 다시 재배포 하고 보니 연결. 근데 카카오 지도는 못 불러오는 중.카카오 키 환경변수도 몇번이나 확인

2023년 4월 20일
·
0개의 댓글
·

4월19일(수) 배포 및 오류 해결

vercel로 배포. 왜 vercel?그런데 deploy 할 때 계속 오류.Build and Output Settings 계속 수정Build Command를 yarn build로도 next build로도 설정Install Command 역시 yarn install 그리

2023년 4월 19일
·
0개의 댓글
·

4월19일(수)모달창에 키워드 검색 로직 및 랜딩페이지 구축 안됌.

도저히 모달창에 키워드 검색 로직 및 랜딩페이지 구축 안됌. 6시간동안 하였지만 도저히 안 됌.우선 모달창 파일에 랜딩페이지로 만들고 검색값을 Props로 줌. 그리고 KeywordSearch 로직 컴포넌트에서 props 받았는데. 화면이 뜨지 않음. 다양한 오류들을

2023년 4월 18일
·
0개의 댓글
·

4월18일(화) 모달창 닫기 버튼 버그

모달창 닫기 버튼이 안됌. 프롭스도 바꿔보고, 포탈.jsx를 따로 만들어 그걸 임포트해와서 사용하기도, state값을 true줘 보기도아무리 하여도 안됌..showModal 붙이니 됌.showModal을 붙이니 해결.showModal 변수는 해당 모달을 보여주는지 여부

2023년 4월 17일
·
0개의 댓글
·