프론트엔드 지망생

- 프론트엔드 공부 37일차 - Router페이지 이동과 관련된 기능을 가지고 있는 객체 routing이란?페이지 이동 const router = useRouter()router.push(“이동할 페이지”) ex) 이동하기 전 페이 JSimport {useRouter} from 'next/router'export default function StaticRoutingPage(){ const router = useRouter() const onClickMove =() => { router.push("/day05/05-01-static-routing-moved") } return( 페이지 이동 )}이동할 페이지 JSexport default function..

- 프론트엔드 공부 36일차 -   이번 실습에서는 실제 데이터를 DB에 저장할 수 있도록 수정하였다. const CREATE_BOARD = gql`  mutation createBoard($createBoardInput: CreateBoardInput! ){    createBoard(createBoardInput: $createBoardInput ){    _id    }  }`  const OnclickRegist= async() => {    if (!writer) {      setWriterError("이름을 입력해주세요.");    }    if (!pw) {      setPwError("비밀번호를 입력해주세요.");    }    if (!title) {      setTitleError..

- 프론트엔드 공부 35일차 -동기 vs 비동기 동기  서버 컴퓨터가 작업이 끝날 때까지 기다리는 통신 비동기 서버 컴퓨터가 작업이 끝날 때까지 기다리지 않는 통신, 서버에 요청(등록, 수정, 삭제 등) 저장이 될 때까지 기다리지 않고 다른 작업 진행동기 통신을 위해서는 async 와 awiat를 사용해야한다.ex)async function 함수이름() { const data = await axios.get(url)console.log(data) } import axios from "axios";export default function RestGetPage() { function onClickAsync() { const result = axios.get("https://koreanjson.com..