프론트엔드 지망생

- 프론트엔드 공부 42일차 - 타입 스크립트 Typescript- 자바 스크립트의 타입을 강제시키는 언어 ex)파일명 : aaa.tslet aaa: string = “안녕하세요”aaa = 123오류 발생 let aaa: string = “안녕하세요”let bbb: number = 1234let ccc: boolean = true Interface IProfile{ name: string; age: number;}let profile: IProfile = { name: “철수”, age: 13 } import { stringify } from "querystring";export default function TypeScriptPage() { // 타입 추론 let aaa = "안녕하세요"; aaa..

- 프론트엔드 공부 41일차 -  export default function GraphqlMutationPage() { return ;}export default function GraphqlMutationPage() {  return BoardWrite isEdit={false} />;}게시글 등록하기 전이기에 isEdit에 false 값을 넣어준다.버튼에 '등록하기' 버튼으로 노출시키기 위해서 import { useQuery, gql } from "@apollo/client";import { useRouter } from "next/router";const FETCH_BOARD = gql` query fetchBoard($number: Int) { fetchBoard(number: $numb..

- 프론트엔드 공부 41일차 -등록된 게시글 목록을 DB로부터 가져오고 게시글 목록에서 게시글 상세 정보로 가기 위한 페이지를 만들어 볼 것이다.   export const getDate = (date) => {  const _date = new Date(date);  const yyyy = _date.getFullYear();  const mm = String(_date.getMonth() + 1).padStart(2, "0");  const dd = String(_date.getDate()).padStart(2, "0");  return `${yyyy}.${mm}.${dd}`;}; DB에 저장된 날짜를 우리가 보는 날짜 형식으로 바꿔주는 코드