본문 바로가기

Web Development

(89)
[WEB] MERN STACK APP 배포 1. Client 배포 A. EC2를 가동한다. B. 보안규칙을 다음과 같이 설정한다. 80= Internet 22= SSH Key 3000= React 443= HTTPS C. EC2 기본 셋팅 및 Nginx 설치 #APT-GET UPDATE sudo apt-get update #Install Nginx sudo apt-get install nginx #Install Nginx in Amazon Linux sudo amazon-linux-extras install -y nginx1 #NGINX 명령어 sudo service nginx start sudo service nginx stop sudo service nginx reload sudo service nginx status D. nginx 설정 n..
[형변환] Golang ([]byte -> big.Int) func MakeByteToBigint(data []byte) *big.Int{ result := new(big.Int) result.SetBytes(data) fmt.Println("바이트슬라이스 -> 빅인트 :", result) return result }
[Error] Cannot set headers after they are sent to the client (클라이언트로 보내진 헤더를 다시 조정할 수 없다는 의미) 원인 : 즉, 응답값 (Nodejs에서는 res.send 혹은 res.json 등을 의미한다)이 중복되어 클라이언트에 전달되어 생겨나는 문제. 내 애플리케이션 사례 : 미들웨어에서 s3버킷에 있는 객체를 삭제하고 -> Post Delete Controller에서 글을 삭제하는 로직을 수행함. 그런데, s3를 삭제하는 미들웨어에서 res.json으로 프론트엔드에 삭제성공 데이터를 보내고, Delete Controller에서 다시 res.json으로 프론트엔드에 삭제성공 메세지를 중복되게 보내는 실수. 해결방안 : 미들웨어에서는 응답값을 삭제하고, 단순히 next()를 통해 다음 컨트롤러로 이동시켜줄 수 있도록 수정함.
[Error, React-Hook] props.history가 없어요! (useHistory) 리액트 개발을 하던 중, props.history가 자식 컴포넌트에서 동작하지 않는 상황에 마주했습니다. App.js에서 { withRouter } from "react-router"로 묶어주고, App을 withRouter로 감싸줍니다. 그리고, index.js에서 { BrowserRouter } from "react-router-dom"으로 묶어주면, props에 history 객체가 생성되는데요. 이를 이용해서, 뒤로가기, Link걸기 등의 작업을 할 수 있습니다. 그런데, App.js -> Home -> Header -> Menu 이런식으로 자식의 자식의 자식 컴포넌트로 이어지면, props.hisotry객체가 전달되지 않았습니다. 이런 경우 해결할 수 있는 방법으로 useHistory를 이용하면..