Coder Social home page Coder Social logo

anti-frontend-newbie's Introduction

안티그래비티 프론트엔드 입사자 기술과제

이 프로젝트는 Typescript 언어를 사용하는 React 앱 입니다.

과제

소스코드를 분리하고 유사성격의 파일들을 폴더별로 재배치 하세요

필수 수행 항목

  1. any 를 사용하지 말고 Type을 지정해 주세요
  2. 컴포넌트를 분리하고, 적당한 폴더를 만들어 파일들을 배치하세요
  3. 유로화를 입력할 때마다 환율을 반영하여 원화로 표시해 주세요. (exchangeEurToKrw 함수를 사용하세요, 필요시 구현내용 변경 가능)
  4. 환율 정보 로딩중임을 사용자가 알 수 있도록 UI를 추가해 주세요.
  5. 금액은 세자리 마다 콤마(,) 를 표시하세요
  6. 유로화는 소수점 2자리까지 표시하고, 원화는 소수점을 표시하지 않습니다.
  7. 비니지스 로직을 분리하고 MVVM 구현패턴을 적용하세요.

옵션 수행 항목

  1. 비효율적으로 작성된 코드가 있다면 변경하세요
  2. 테스트 코드를 작성하세요

제출내용

  1. git 레포지토리를 fork하여 작성한 후 PR을 보내세요
  2. 리팩토링 의도와 구조에 대한 간략한 설명을 PR본문에 적어주세요

기타

  • 디자인은 마음대로 변경하셔도 됩니다.
  • 필요한 외부 라이브러리를 추가하여 사용하셔도 됩니다.
  • 환율조회 api는 하나은행 제공 API를 사용하고 있습니다.

anti-frontend-newbie's People

Contributors

rogerantigravity 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.