저번과 이어서 마지막으로 클라이언트 배포를 끝으로 React Node MySQL 프로젝트 배포를 마무리하려합니다. s3 페이지에 들어가서 버킷을 생성합니다. 버킷 이름은 구별할 수 있게끔 적어주시고 권장되는 거 체크해주세요 퍼블릭 엑세스 차단 해제해주시고 나머지는 건들 필요 없이 넘어가줍니다. 다 되셨다면 생성을 눌러서 버킷을 생성해줍니다. 생성된 버킷에 들어가면 ARN(Amazon Resource Name)을 확인해주세요. 권한 부분에 퍼블릭으로 되있는지 다시 한번 체크해주시고 버킷 정책에 위와 같이 코드를 수정해줍니다. Resource 부분은 아까 arn을 복사해서 넣어주시면 됩니다. { "Version": "2012-10-17", "Statement": [ { "Sid": "PublicReadGet..

이전 RDS 포스팅 내용과 이어지기 때문에 먼저 보고 오시는게 흐름을 파악하기에 좋습니다. 서론은 거두절미하고 바로 들어가겠습니다. 인스턴스 시작을 눌러 새로운 인스턴스를 생성해줍니다. 인스턴스란게 뭐냐 쉽게 설명드리면 AWS의 컴퓨터 한대를 빌리는 것이라 생각하면 됩니다. 저는 우분투를 사용해서 진행할거라 다른 것을 사용하실분들은 다른 포스팅을 보시기 바랍니다. (프리티어인지 꼭 확인 부탁드립니다(돈 나가면 아깝잖아요)) 키페어는 이전까지는 잃어버리면 인스턴스를 연결을 못하였기에 눈물을 머금고 다시 인스턴스를 처음부터 생성해야하지만 지금은 잃어버려도 자체적으로 인스턴스에 연결할 수 있습니다. .pem으로 만드셔야합니다. 그 다음 네트워크 설정에서 서브넷에서 중요한게 ap-northeast-2a 아니면 ..

class TempComponent extends Component{ constructor(props){ super(props); } render(){ return(); } } React에서 Component를 생성할 때 state 값을 초기화하거나 메서드를 바인딩할 때 construcotr()를 사용합니다. React의 Component의 생성자는 해당 Component가 마운트 되기 전 호출됩니다. React.Component를 상속한 컴포넌트의 생성자를 구현할 때는 super(props)를 선언을 권고하고 있습니다. 이유는 this.props 사용 시 생성자 내에서 정의되지 않아 버그 발생 가능성이 생기기 때문입니다. class TempComponent extends Component{ constr..

◆자바스크립트(JavaScript) 자바스크립트는 정적인 HTML 콘텐츠를 프로그램 구현을 통해 동적으로 변경하거나 사용자와의 상호작용을 담당하게 됩니다. HTML이나 CSS와 달리 자바스크립트는 C언어, 자바와 같은 일반 프로그램언어와 비슷한 구조를 가지고 있습니다. 따라서 단순히 콘텐츠 제작만을 생각하는 프론트엔드 초보 개발자에게는 가장 어려운 부분이라 할 수 있습니다. 자바스크립트는 객체(Object) 기반의 스크립트 언어로 기본적으로는 웹 브라우저에서 해석되는 인터프리터 언어이며 Node.js와 같은 프레임워크를 사용하면 서버 프로그래밍에도 사용할 수 있습니다. 현재 컴퓨터나 스마트폰 등에 포함된 웹 브라우저에는 자바스크립트 인터프리터가 내장되어 있습니다. ●자바스크립트 특징 동적이며 타입을 명시..