04.10

04월 10일 월요일

---

Rest API

**useEffect 안에서 비동기 함수를 쓰려면 따로 만들어야합니다.
GIT 주소 : https://github.com/PPisland/React-API

---

react-icons

• 사용방법 : npm i react-icons
• import 후 사용 tailwind처럼 수정가능
  GIT 주소 :

---

동기, 비동기

async(비동기) function checkPromise() {
 try{
  let promise = new Promise((resolve, reject) => {
    setTimeout(() => resolve("완료!"), 1000);
  });
  let result = await promise;
  console.log(result);
}}
catch{
  console.error(error);
}
checkPromise();
// **async** 와 **await**의 있고없고의 차이를 인지할 것
// try, catch 예외상황이 수도없이 많기때문에 일단 try,catch로 오류를 잡아낸다고 이해

---

POSTMAN

서버주소->키값->json형태로 post보내기

Node.js 를 이용해 가볍게 백엔드 만들어보기(?)

express 이용 - npm i express --save
Javascript 에서는 common JS를 통해 서버를 만들고
typescript 는 ES를 통해 서버 만들기 가능(?)으로 이해했다

• 오늘 배운것들

• 각종 팁
  자바문법 글자짜르기 substring(0,2)
  객체에서도 배열처럼 가져올수있음
  .env gitignore에 추가하기
  input-> submit // 엔터누르면 제출 //

const onSubmitChat = (e) => { e.preventDefault();};

을 통해 엔터눌러도 새로고침되지않게할 수 있음
question: ${question}, = question: question, = question, 세개 다 같은표현
(자바스크립트 안의 내용에서)