JSX 1. 바벨이 필요함 2. HTML 태그처럼 만들 수 있게함 3. 태그 첫번째를 대문자로 해야 HTML 태그랑 구별해서 인식 4. 애로우 함수실행으로 처리해줘야 그 안에 부분을 해석함

자손 자손들 div span{ } 직계자손만 div > span{} 형제 바로 옆에 div + span {} 건녀편 형제도 선택 div ~ span{} property, optional optional :required property 그것들만 [placeholder="name"] 포함하는 (include 같은 개념) [placeholder~="name"] 기타 span:first-child, last-child span:nth-child(3) span:nth-child(odd, even) span:nth-child(2n+1) 시작하는 a[href^="www"] 끝나는 a[href$=".org"] name 포함하면 선택됨

메인은 주황색 박스이다 주황색 박스에 아래에 코드를 주면 센터로 잡힌다 main{ background-color: #F4DDB2; border: 1px solid black; width:35vw; height:35vh; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }

문제 모달창에 열때 이미지 주소를 디비에서 가져와야 한다. 이미지 주소를 가져오는 것보다 모달창 열리는 속도가 빨라서 이미지 없이 모달창 켜진다. class Template extends React.Component { constructor(props) { super(props); this.state = { modalVisible: false, imgUrl:'' }; } 함수 toggleModal(rowData) { if( this.state.modalVisible === true ) { this.setState({ modalVisible: false }); } else{ this.setState({ imgUrl : `/static${rowData.cont_val}` },()=>{ this.setStat..