Minwook’s portfolio

next.js로 쿠키세션을 구현하는 중 브라우저에서 쿠키를 확인할 수 없는 문제가 있다. 서버 터미널에서 console.log(req.cookies) 찍으면 쿠키내용이 콘솔창에서 보였지만 크롬 브라우저 개발자도구 - 쿠키 - localhost:3000에서는 쿠키가 확인되지않았고 localhost의 모든 쿠키를 지워도 쿠키가 삭제되지 않았다. 시도 1. 마이크로 소프트 edge브라우저로 바꿔본다. 2. 모든 쿠키를 전부 삭제해본다. 결과 1. 에서도 쿠키는 확인되지 않았다. 2. 모두 삭제하니 localhost:3000 쿠키가 삭제 되었다. 마지막으로 구글링을 하면서 Next.js가 서버리스라는 것을 떠올리게 되었다. localhost:3000/api path로 이동하니 쿠키를 찾을 수 있었다. Next...

사용스택 next.JS, typeScript, sass, axios, formidable 추가. multer, next-connect 1. 프론트에서 file input으로 data 받기 이미지 구현방식은 useRef로 DOM에 접근해서 이미지파일을 가져오고 onChange를 걸어서 이미지 미리보기가 자동으로 바뀌게 구현할 것 이다. 1) useRef로 DOM에 접근하여 file 데이터 받아오기 const imgRef = useRef(null); const imgReset = () => { if (imgRef.current) { imgRef.current.value = ""; } }; return ( ... file 삭제하기 ... ) 삭제하기를 누를시에 e.current.value를 삭제시켜서 파일 이..