ReactJS) get 검색할때 queryString # 뒤에 내용 못가져올때
2022. 3. 15. 14:53
Frontend/React & React.Native &Next.js
" encodeURIComponent"와 "decodeURIComponent" 사용 get으로 보낼때는 encodeURIComponent "/search/lists?keyword=" + encodeURIComponent(inputKeyword); qeurystring 가져올때는 decodeURIComponent defaultInputValue={keyword ? decodeURIComponent(keyword) :''}
ReactJS) 게시판 작성시 띄어쓰기 안될때 nl2br 적용
2022. 3. 11. 17:55
Frontend/React & React.Native &Next.js
디비에 저장할때는 텍스트로 저장되는데, hmtl로 보여질때는 br 등이 없으면 적용이 안된다. 따라서 저장할 때 html 에 맞게 저장시켜야 한다. nl2br 프론트 백엔드 $payload = json_decode(request()->getContent(), true)["contents"]; //nl2br 적용 $payload = nl2br($payload); //링크는 링크기능적용 $payload = preg_replace('/((http|ftp|https):\/\/[\w-]+(\.[\w-]+)+([\w.,@?^=%&:\/~+#-]*[\w@?^=%&\/~+#-])?)/', '\1', $payload);
NextJS) 모바일웹(mobile) 접속시 리다이렉트(redirect) 2가지 방법
2022. 2. 7. 19:51
Frontend/React & React.Native &Next.js
1. user-agent를 확인하고, useEffect로 모바일페이지 리다이렉트 import "../styles/globals.css"; import React, { useEffect } from "react"; import App, { AppContext, AppInitialProps } from 'next/app' // 밑에서 mobile props 받기 function MyApp({ Component, pageProps, mobile }) { // 현재 접속을 mobile 인지 확인하고 mobile이면 리다이렉트 // 뒤에 path와 쿼리는 javascript 문법으로 가져와서, 조건문 사용해서 뒤에 추가하기 useEffect(()=>{ if(mobile == -1){ console.log('asd..
NextJs) 상세페이지 만들기
2022. 1. 26. 16:47
Frontend/React & React.Native &Next.js
이런식으로 상세페이지를 구성하고싶을때 1 폴더와 파일을 만든다 2 import { useRouter } from "next/router"; function home(){ const router = useRouter(); const { code } = router.query; } react에서 code를 확인하면 상세페이지 번호를 가져온 것을 확인할 수 있다.