커리까지

cost export service 내가 쓴 비용 탐색해서 비용을 계산하자 RDS 여기서 인스턴스는 컴퓨터 한 대라고 생각해도 된다. mysql 5.6.x 버전과 프리티어 버전, 그리고 가장 저렴한 버전들을 사용 4 :16 utf-8로 설정하기 파라미터 그룹으로 가서 하나 만들고 편집에서 char과 collation을 검색하여 utf-8이 적용 가능한 것들은 다 바꿔준다. HeidiSQL 데이터 베이스가 재부팅중일 때 접속 가능하게 해줌 보안그룹에 가서 0.0.0.0/0을 추가해서 모든 접속 허용가능하게 한다.

yarn dev 서버와 클라이언트가 설치된다. 윈도우가 한글이름이면 오류가 발생할 수 있다. yarn의 환경변수를 등록해줘도 오류를 해결할 수 있다. 데이터를 클라이언트가 가지고 있는게 아니라 필요할 때마다 불러와서 써야한다. 제이슨 형태로 보낸다. 5000 포트가 열리지 않을 때 yarn add http-proxy-middleware cilent > src에 setupProxy.js를 생성하고 아래의 내용을 넣어준다. const { createProxyMiddleware } = require('http-proxy-middleware'); module.exports = function(app) { app.use( '/api', createProxyMiddleware({ tar..

state 내부적으로 변경될 수 있는 데이터를 처리할 때 효율적으로 사용 class Clock extends React.Component { constructor(props){ super(props); this.state= } render(){ return ( 현재 시각은 [{this.props.date.toLocaleTimeString()}] 입니다. ); } } function tick() { ReactDOM.render(, document.getElementById('root')); } setInterval(tick, 1000) this.props. : class를 사용하면 안에 props가 있어서 this를 붙여줘야 한다. super(props) : constructor를 사용해서 ..

리액트는 자바스크립트 문법의 확장판 항상 render를 해서 명시적으로 알려준다. function formatInfo(student) { return student.name + "["+ student.id +"]" } const student = { id: "201520000", name:'펭하', color:'blue' } const element = ( {formatInfo(student)} ); ReactDOM.render(element, document.getElementById('root')); dom에서 element 를 root에 그려주겠다. 함수를 생성하고 이 함수를 불러와서 보여준다. element의 중괄호가 jsx다. 어떤게 자바스크립트인지 명..