FE&BE(2)
-
[수면TI 프로젝트] AWS를 이용하여 웹 사이트 호스팅해보기
정적웹사이트 호스팅하게 된 배경.. 최근에 친구 프로젝트를 도와주게 되었는데 제가 맡은 역할은 정적 웹사이트를 AWS를 이용해서 호스팅하여 배포 하는 것이었습니다. 요새 굉장히 많이 쓰이는 리액트, 뷰, 노드 등 여러 프레임워크들과는 다르게 정적 웹사이트는 html, css, js로만 이루어져 있고 이를 어떤 서버에 올리고 어떻게 돌리지? 라는 생각이 들었고 구글링부터 시작하였습니다. 왜냐하면 정적 웹사이트는 index.html에 접속하면 실행되는 형식으로 되어있고, 제가 잘 아는 AWS EC2 인스턴스를 빌려 그곳에 올려두어도 어떤 형식으로 웹 사이트를 돌리는지, index.html에 접근하게 하는지 문제가 많았기 때문입니다.. ㅠㅠ 아래부터는 구글링을 통해 알게 된 지식입니다. 따로 AWS 책을 공부..
2021.07.05 -
[React] 리액트 라우터(react-router-dom)로 컴포넌트에 객체 전달하기
오늘은 리액트로 개발 할 때 자주 사용되는 리액트 라우터로 컴포넌트에 데이터 전달하는 방법에 대해 알아볼게요! URL을 이용한 param과 query로 간단한 데이터 전달하는 방법은 알고 있었지만 객체를 전달할 수 있는 새로운 방법을 발견해 신기해서 글로 남겨봅니다 ㅎㅎ React에서 Routing을 하는 방법은 여러가지가 있겠지만 저는 페이스북에서 제공해주는 react-router-dom라이브러리를 사용합니다. 이 글은 이 라이브러리를 써보았다는 가정하에 작성되었습니다. 페이지 간 데이터 전달 방법은 제가 사용해본 방식으론 총 3가지가 있습니다 Params Query location 내의 state 변수 ⭐️ Params, Query Params와 Query모두 URL을 이용하여 데이터를 전달합니다! ..
2020.10.25