Giter VIP home page Giter VIP logo

wanted-pre-onboarding-10-fe-quest's Introduction

10월 원티드 프리온보딩 프론트엔드 사전과제

수강생 여러분 안녕하세요 :)

10월 프론트엔드 프리온보딩 과정 진행을 위해, 아래의 내용을 읽고 사전 과제를 수행해 주세요.

사전 과제는 해당 레포지토리를 포크하여 시작하시면 되며, Pull Request를 생성해 제출해 주세요.

제출을 위해 PR을 머지하실 필요는 없습니다.

PR을 생성하신 후, 구글 설문지(https://forms.gle/Y4xBHGSgCMdfEA3M6 )를 통해 PR 링크를 제출해 주시면 제출이 완료됩니다.

만들어야 할 것

이번 프리온보딩에서는 로그인과 API 호출 등에 대해 다룹니다.

과정 진행 전 관련 지식의 워밍업을 위해, 아래의 요구사항을 충족하는 페이지를 만들어 주세요.

페이지 1

  • 아이디, 비밀번호를 입력할 수 있는 폼이 있는 페이지
  • 클릭해서 아이디, 비밀번호를 콘솔에 출력할 수 있는 버튼

페이지 2

  • Mock API를 이용해 화면에 호출 결과를 출력하는 페이지
    • 아무 API나 호출하여도 상관 없으며, 포매팅도 아무렇게나 해도 괜찮습니다. API 호출 구문을 작성해 보는 경험을 위한 과제입니다.
    • 만약 호출할 API가 마땅치 않으면, 'GET', https://64f732e69d775408495348ae.mockapi.io/api/v1/authmock 를 호출하세요. 혹시 정상적으로 호출되지 않는다면 mockapi.io 에서 새 API를 생성해 주세요.

페이지의 스타일은 신경쓰지 않아도 괜찮습니다. 생각나는 적절한 로그인 페이지를 모방하여 만들어 주세요.

곧 강의에서 뵙겠습니다 :)

wanted-pre-onboarding-10-fe-quest's People

Contributors

bluestragglr avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.