마!내가바로왕만두다

베이직반 11회차  async await  async await 는 비동기 작업을 처리할때 사용하는 자바스트립트 문법이다   async 는 자동으로 promise 를 반환 한다  함수안에 비동기 작업이 있을 때 사용   await 는 promise 가 처리 될때까지 기다리게 도와준다  await 는 async 함수 안에서만 사용이 가능하다  예시  async function fetchData() {  const response = await fetch('https://api.example.com/data'); // 비동기 작업을 기다림  const data = await response.json(); // 데이터를 기다림  console.log(data);}  fetch 함수는 데이터를 가져오는시간이 필..

TIL 2024. 10. 23. 20:04

React는 단일 페이지 애플리케이션(SPA)을 구축하기에 매우 유용한 프레임워크 . 사용자가 클릭하는 링크를 통해 페이지를 이동하거나, 특정 이벤트 이후에 프로그래밍적으로 경로를 변경해야 할 때, React Router라이브러리가 강력한 도구로 작동합니다.    `Link` 컴포넌트란? `Link` 컴포넌트는 React Router에서 HTML의 `` 태그와 유사하게 동작,React Router의 `Link` 컴포넌트는 브라우저의 주소만 바꾸면서 페이지 리프레시 없이 애플리케이션의 상태를 유지 하면서도 경로를 바꾸는 방식으로 동작Link`의 예```jsx import { Link } from "react-router-dom"; function HomePage() {   return (          ..

TIL 2024. 10. 22. 23:13

mbti 과제 제출 하기 부분에서  예 / 아니오를 다 클릭 하고 제출해도  제출하기가 안되서  어디가 에러인지  확인을해보니  axios error 라고 나오는데  어디가 잘못된지 몰라서 튜터님께 여쭤보러갔다 알고보니 json server 를 안켜서  안됬던 것이였다  yarn dev 와 , json server 를 동시에 켜야  제출이된다는것을확인했다   Node 옆에 + 를 클릭해서 yarn json-sever 를 쳐서 서버를 켜주고  다시 제출 하기를 누루니  제출이 되고 테스트 결과가 나왔다   ㅋㅋㅋㅋ  테스트 결과가 잘 나왔다 .   css 는 아직 부족한 부분이라 주말에 조금 더 손을 대 보기로 했다 .  오늘 부터 롤 챔피언 과제를 하기로했는데  mbti 과제에서 다 잡아먹어서  아직 시..

TIL 2024. 10. 21. 19:30