-
REST(REpresentational State Transfer)
자원의 이름(HTTP URI)을 통해 자원을 구분하여 해당 자원의 상태를 주고 받는 기술 REST 3요소 구성요소 내용 표현방법 예 자원(Resource) 자원 HTTP URI /member/1 행위(Verb) 자원에 대한 행위 HTTP Method GET, POST, PUT, PATCH, DELETE 표현(Representation) 행위의 내용 JSON, XML 등 ...
-
django ajax 처리
Template <form action="." method="post"> <input id="point" name="point"> <button type="button" class="btn btn-primary" onclick="pointSave()">저장</button> </form> <script> function pointSave() { let point = $('#point').val(); $.ajax({ url: '.', type: 'POST', data: { 'point': point, 'c...
-
컴포넌트 맵핑(Component Mapping)
foreach문과 비슷 JavaScript의 map() 사용 arr.map((data) => ( # 콜백함수 구현 ))
-
React & ES6 Object Destructuring Assignment(구조분해할당)
State나 Props를 사용할 때 값에 접근을 용이하게 하기위해 구조분해할당을 사용 일반적으로 render() 안에서 분해함 const { info } = this.state // this.state.info → { info }를 사용하여 this.state.info 값에 접근할 수 있게함 class App extends React.Component { const { name, nickname } = this.props const { state1, state2 } = this.state render() { return ( <div>Hello {name}!! (ni...
-
HTML 커스텀 속성
data-* 으로 커스텀 속성 설정가능 하나의 태그에 커스텀 속성의 갯수 제한 X 무조건 소문자로 인식 (대문자도 소문자로 인식) =(이퀄) 다음부터 모두 문자로 인식 ex) data-id="1" : “1”로 인식 / data-id=1 : 1로 인식 <button type=”button” class=”btn btn-primary” data-name="update" data-id=1>수정하기</button> CSS 에서 사용 - 속성 Selector의 경우 button[data-id=1] { width: 400px; } JavaScript 에서 사용 - getAtt...