개인으로 이용하기

본 저장소를 Fork하신 뒤에 로컬로 clone하신 다음에 npm i && npm start로 실행할 수 있습니다.

데이터는 /data/interviews.js를 수정하시면 됩니다.

데이터 양식은 다음과 같습니다.

problems의 각 limit_second 제외한 나머지 키는 필수입니다. id는 1부터 시작해주세요.

    {
      "id": 1,
      "title": "프론트엔드 면접 문제 은행 시리즈1",
      "description": "프론트엔드 일반 문제를 풀어봅시다~",
      "image": {
        "id": 1,
        "url": "https://s3.amazonaws.com/media.skillcrush.com/skillcrush/wp-content/uploads/2016/02/Blog_Front-End-Dev.jpg.webp",
        "alt": "이미지"
      },
      "source": "https://h5bp.org/Front-end-Developer-Interview-Questions/translations/korean/",
      "tags": [
        {
          "id": 1,
          "title": "frontend"
        },
        {
          "id": 2,
          "title": "general"
        }
      ],
      "default_limit_second": 300,
      "problems": [
        {
          "id": 1,
          "title": "어제/이번 주에 무엇을 공부하셨나요?",
          "limit_second": 180
        },
        {
          "id": 2,
          "title": "코딩을 할 때 당신을 들뜨게 하거나 흥미를 끄는 것들은 무엇인가요?",
          "limit_second": 180
        },
        {
          "id": 3,
          "title": "최근에 당신이 경험한 기술적인 문제는 무엇이고 그것을 어떻게 해결했나요?"
        },
        {
          "id": 4,
          "title": "버전 관리 시스템은 어떤 것들을 사용해보셨습니까?",
          "limit_second": 120
        },
        {
          "id": 5,
          "title": "당신이 웹 페이지를 만들 때의 과정을 설명해주실 수 있을까요?"
        },
        {
          "id": 6,
          "title": "당신이 프로젝트에 합류했습니다. 근데 그들은 Tab을 이용하고, 당신은 Space를 사용했습니다. 어떻게 하실 건가요?"
        },
        {
          "id": 7,
          "title": "CSS 애니메이션과 JavaScript 애니메이션의 차이점에 관해 설명해주세요."
        }
      ]
    }