Skip to content

wanted-pre-onboarding-Team-13/Wirebarley-Redbrick

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

51 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

와이어바알리/레드브릭 환율계산기 구현과제

🏠 배포 URL

http://andrevile-wirebarley-redbrick.s3-website.ap-northeast-2.amazonaws.com/

❗ 설치방법

1. npm install
2. npm start

프로젝트 구조도

├── App.js
├── components
│   ├── Currency.js
│   ├── Currency2.js
│   └── Tabs.js
├── index.css
├── index.js
├── tree.txt
└── utils
    ├── constants
    │   └── nation.js
    ├── functions
    │   ├── fetchData.js
    │   ├── getFloatNumber.js
    │   ├── numberWithCommas.js
    │   ├── numberWithoutCommas.js
    │   └── validInput.js
    └── styles
        ├── Currency.scss
        ├── Currency2.scss
        └── Tabs.scss


🎬 기능별 영상 및 구현내용

2022-01-25 23 43 52

- 수취국가 선택시 환율 즉각 반영

- 송금액에 오직 숫자만 적을 수 있도록, 정규식을 사용하여 유효성을 검사하고, 
  0부터 10000까지 입력할 수 있도록 처리
  
- submit 버튼을 누르면 환율이 반영된 수취금액이 표시되며, 송금액에 올바른 값이
  입력되지 않았다면, 경고 문구 출력



두번째기능

- 인풋박스에 숫자만 기입가능하도록 구현

- 인풋박스에 1미만의 숫자 입력시 "1원 이상의 금액을 입력해주세요." 팝업 뜨도록 구현

- A 드롭다운 메뉴를 B로 선택할 경우, 화면 예시에 제시된 탭 A는 제거되고 B로 생성되도록 구현

Skills

HTML JS React


협업 Tool

Git

GitHub

Slack

AWS

Visual Studio Code

About

와이어바알리 / 레드브릭 기업과제

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Contributors 4

  •  
  •  
  •  
  •