문제점 특수문자 때문에 같은 경우는 query에서 문제가 생길 수 있다. ex) ?keyword=SN7/asdsad 일 경우, 웹은 쿼리를 url로 받아들일 수 있다. 따라서 제대로된 request값을 보내지 못할 수가 있는데, 특수문자와 상관없이 원하는 쿼리를 보내야 한다. 해결방법 request를 날리때 검색 키워드를 base64로 인코딩해서 보낸다. 서버쪽에는 base64를 디코드로 키워드값을 인식한다. 그러면 특수문자 상관없이 데이터를 받을 수 있다.

이런식으로 상세페이지를 구성하고싶을때 1 폴더와 파일을 만든다 2 import { useRouter } from "next/router"; function home(){ const router = useRouter(); const { code } = router.query; } react에서 code를 확인하면 상세페이지 번호를 가져온 것을 확인할 수 있다.

문제 Kakao.init() 기능을 활용하고 싶은데, undefined 이라고 뜨면서 기능실행이 안된다. react에서는 sdk api를 불러올때 script로 불러와야만 한다. (카카오가 리액트 배려를 안해서) 해결방법 componentDidMount() { const script = document.createElement('script'); script.async = true; script.src = "https://developers.kakao.com/sdk/js/kakao.js"; document.head.appendChild(script); } 이렇게 코드를 적으면 kakao sdk api를 무사히 가져올 수 있다.

solution Number(any).toLocaleString() result 1,000, 355,333 무족건 숫자여야 한다. 따라서 숫자가 아닌 경우, Number 로 타입 변환을 해줘야 한다.