리액트 (2) 썸네일형 리스트형 AWS S3 - React app 배포하기 어떻게 배포할까 문득 react 로 만든 앱을 어떻게 배포했었지?.. 기억을 잃은 듯한 느낌을 받았다. 오늘은 AWS S3 를 활용해서 웹호스팅을 해보자! 1. Create react app & build 1 2 3 4 5 # react app 만들기 $ npx create-react-app react-app # /react-app $ npm run build cs React app 을 만들고 build 해주면 build 폴더가 생성되고 그 안에 static 폴더와 index.html 을 포함해 필요한 파일들이 생성된다. 2. AWS S3 버킷 만들기 AWS S3 콘솔에서 Create bucket 을 클릭해서 새로운 버킷을 만들어준다. 3. S3 설정하기 생성된 버킷을 클릭하고 상단의 Properties.. React.js_리액트 React.js 란? " 사용자 인터베이스를 만들기 위한 JavaScript 라이브러리 " 현재와 같이 유저들과 수많은 인터액션이 일어나는 인터넷 페이지에서 불편한 부분을 줄이고 훨씬 더 효율적으로 운영하고 관리하기 위해서 만들어진 프론트엔드 라이브러리다. 웹상에서 돔의 상태변화가 주기적으로 또는 셀 수 있을 만큼 일어난다면 리액트를 쓰지 않고도 자바스크립트만을 이용해 인터페이스를 만들어 줄 수있다. 하지만 무수히 많은 클릭과 동적인 상태변화를 요구하는 지금은 그 많은 상태들을 관리하기 쉬운 상태로 쪼개놓고 필요한 부분만을 쉽고 편하게 관리하게 만들어 주는게 바로 리액트다. 우리가 많이 사용하는 페이스북의 개발자들이 만든 라이브러리이고 굵직굵직한 기업에서도 많이 사용하고 있어 넓은 생태계속에서 빠르게 성.. 이전 1 다음