항해 플러스: 제1회 코육대 후기

링크 : 항해 플러스: 제1회 코육대 (oopy.io)

이번에 새로 열린 코딩 대회인데

알고리즘 스터디에서 추천받아 참여해보게 되었다.

 

이것저것 일정이 많아서 제대로 집중해서 만들기는 어려웠지만

참가했다는거 자체에 의의를 두려 한다.

 

내가 선택한 종목은 세뱃돈 계산기였는데

선택한 이유는 디자인할 요소가 적어보여서

빠르게 만들 수 있을 것 같았기 때문이다.

 

실제로 레이아웃을 만드는 데는 얼마 안걸렸는데

계산기 로직을 구현하는게 헬이었다

그래도 테트리스보다는 쉬워보이긴 한데..

 

어쨋거나 마감일에 어느 정도 기능을 구현한 채로 제출을 했다.

사실 대회에 참가하면서 얻은 가장 큰 의의는

netlify를 발견한 거라 할 수 있는데

써보니까 아무것도 모르는 상태에서 회원가입하고 배포가 완료되기까지

1분이 안걸리는 기적같은 일이 일어났다.

 

직접 했으면 하루는 걸렸겠지

 

직접 프로젝트를 만들어본지가 꽤 오래되었는데

감이 어느정도 돌아오게 되어서 좋았고

 

대회에 참가하면서 큰 수확이 있었으니

앞으로 토이프로젝트 만드는 데 적극적으로 이용해야겠다.

 

3시간 만에 제작하고 1분 만에 배포된 계산기

가장 평면적으로 생긴 디자인을 찾아서 따라했다

 

레이아웃은 CSS만을 이용해서

grid로 간단하게 구현했다.

디스플레이 색을 azure로 했더니

매우 적절하게 보인다.

 

기능은...

숫자를 누르면 디스플레이에 표시되고

사칙연산을 수행할 수 있다.

그 외에 AC, CE, ±, ▶, √기능도 구현되었는데

 

모든 기능을

간단한 함수 하나로 useState에 있는 number 값을

바꾸어 가면서 구현했다.

 

현재는 계산이 여러 번 연속되면 오류가 생기는데

나중에 시간 될 때 수정하면서 메모리 기능까지 구현해야겠다.