React)React에서 kakao sdk 불러오기(next js, react 에서 kakao is not defined) 카카오 채팅
2022. 1. 25. 17:44
Frontend/React & React.Native &Next.js
문제 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를 무사히 가져올 수 있다.
React) Html 데이터를 text만 추출하기
2022. 1. 4. 14:13
Frontend/React & React.Native &Next.js
dangerouslySetInnerHTML 이런 데이터를 받을때 "안녕하세요, 이번에 학교 후불결제로 아래 제품을 구매하고자 하는데 견적서를 받을 수 있다면 감사하겠습니다. - 내용만 추출해서 렌더리하기 위해서
Next.js) 상세페이지 만들기 (query 받기)
2022. 1. 4. 12:04
Frontend/React & React.Native &Next.js
상세페이지 누루기 전 {/* 상세페이지 */} {e.wr_subject} 링크에서 전달값을 /board/view?no=${e.wr_id}&type=qa 으로 전달 상세페이지 안 hooks 경우 import { useRouter } from 'next/router' export default function Home() { const router = useRouter() const { query } = router useEffect(()=>{ // Index() console.log('query',query) },[]) return ( ) 클래스 경우 export default class View extends React.Component { static getInitialProps({ query }) {..
React) 날짜 연산( 더하기 뺴기)
2021. 12. 31. 09:12
Frontend/React & React.Native &Next.js
15일, 30일, 90일, 180일 나눠서 계산 const [startDate, setStartDate] = useState(new Date()) const [endDate, setsEndDate] = useState(new Date()) // 날짜 연산 함수 const _handle15day = () =>{ const today = new Date(); const newDay = new Date(); return setStartDate(newDay.setDate(today.getDate() - 15 )) } const _handle30day = () =>{ const today = new Date(); const newDay = new Date(); return setStartDate(newDay.se..