국비 86일차

React/Node.js

1. api란?

Application Programming Interface(애플리케이션 프로그램 인터페이스)

(나의) 쉬운 이해를 위해 설명하자면
리액트(클라이언트)쪽에서 요청하고 노드(서버)쪽에서 응답을 받는 것
그러므로 클라이언트 요청 중심이다!!(백엔드보다는 프론트엔드와 관련)

api -----{get} 방식으로 요청-----> 서버

axios.get('요청주소')
=> 노드(서버)에 요청주소와 동일한 라우터 세팅 완료 router.get('',()=>{})

axios.get('요청주소').then((res)=>{ try{ } catch(err){ } })

2. 워크벤치

Cafe24의 node.js 호스팅에서는 워크벤치 사용이 안 된다 ㅠㅠㅠ

https://help.cafe24.com/cs/cs_faq_view.php?idx=1880&page=1&mode=&s_value=&faq_list=36&categoryIdx=36&select_os=&contentNum=110

고객센터 안내에 따라 heidisql을 설치하여 연결해야 한다

React Form

이렇게 직접 집어넣는 것보다

콜백 함수를 이용하여 쓰는 것이 더욱 가볍다!!

한 번만 렌더링 칠 거면
onChange={ () => { return changeSubject(); } }
이런 식으로 하는 게 리프레쉬 되어서 좋다구 합니다

참고 : 별코딩 (https://www.youtube.com/watch?v=G3qglTF-fFI)