Time Gambit 블로그

utils.forEach(['delete', 'get', 'head', 'options'], function forEachMethodNoData(method) {
  Axios.prototype[method] = function(url, config) {
    return this.request(mergeConfig(config || {}, {
      method,
      url,
      data: (config || {}).data
    }));
  };
});

utils.forEach(['post', 'put', 'patch'], function forEachMethodWithData(method) {
  function generateHTTPMethod(isForm) {
    return function httpMethod(url, data, config) {
      return this.request(mergeConfig(config || {}, {
        method,
        headers: isForm ? {
          'Content-Type': 'multipart/form-data'
        } : {},
        url,
        data
      }));
    };
  }

  Axios.prototype[method] = generateHTTPMethod();
  Axios.prototype[method + 'Form'] = generateHTTPMethod(true);

  // code add, delete
+ console.log('add');
- console.log('delete');
});

const seriesData = {
  동작원리: {
    image: 'https://i.imgur.com/FKJ3GMT.png',
    slug: 'digging',
  },
  'HTTP 완벽 가이드': {
    image: 'https://i.imgur.com/FWceD2q.png',
    slug: 'http',
  },
  '블로그 제작일지': {
    image: 'https://i.imgur.com/Wigx54E.png',
    slug: 'blog-log',
  },
  '자바스크립트와 맞짱 뜨기': {
    image: 'https://i.imgur.com/zzh0DoW.png',
    slug: 'js'
  }
};

export default seriesData;

const projectData = [
  {
    title: 'Time Gambit 블로그',
    description: `공부한 내용을 기록하고 다른 개발자와 공유하기 위해 만든 블로그입니다.`,
    imgSrc: 'https://i.imgur.com/VIFO53Q.png',
    href: '/projects/timegambit-blog',
  },
  {
    title: '다크모드 vs 라이트모드',
    description:
      '다크모드와 라이트모드 중 더 적합한 모드를 찾아주는 사이트입니다.',
    imgSrc: 'https://i.imgur.com/4ZXZJCH.png',
    href: 'https://dark-vs-light.vercel.app/',
  },
  {
    title: '포도알 시뮬레이션',
    description:
      '모바일에서 버튼의 위치에 따라 사용자가 버튼의 어느 위치를 터치하는지 측정하기 위한 프로젝트입니다.',
    imgSrc: 'https://i.imgur.com/TXvd8r1.png',
    href: 'https://grape-simulation.vercel.app/',
  },
];

export default projectData;

const about = {
  ...,
  Contact: {
    Email: 'jintak0401@naver.com',
    GitHub: 'https://github.com/jintak0401',
    Blog: 'https://timegambit.com',
  },
  Skills: [
    {
      title: 'FrontEnd',
      info: ['Next JS', 'React', 'TypeScript', 'JavaScript', 'HTML/CSS'],
    },
    ...
  ],
  Experience: [
    {
      title: '우아한 테크캠프',
      date: '2022.07.04 ~ 2022.08.31',
      info: [
        '8주 동안 5개의 프로젝트 진행',
        '웹 프론트엔드 중심으로 백엔드를 함께 배우는 자기 주도형 풀스택 과정',
        '페어 프로그래밍, 팀 프로젝트를 통한 협업 경험',
        'Vanilla JS, TypeScript, React, Express, Nest JS, AWS 외 다수',
      ],
    },
    ...
  ],
  ...
};

export default about;

data
  ├── blog
  │     └── 블로그 포스트들
  │     └── ...
  │
  ├── logo
  │     └── 라이트모드 로고
  │     └── 다크모드 로고
  │     └── ...
  │
  ├── project
  │     └── 프로젝트 포스트들
  │     └── ...
  │
  ├── about.ts // About 페이지에서 사용할 데이터
  ├── navLinks.ts // 네비게이션 바에서 사용할 데이터
  ├── phrases.ts // 각 페이지들 문구
  ├── projectData.ts // Projects 페이지에서 사용할 데이터
  ├── seriesData.mjs // Series 페이지에서 사용할 데이터
  └── siteMetadata.mjs // 블로그 메타데이터