[RESAT] 2일차 미션 - 미니인턴 클론코딩
오늘은 RESAT 파밍 챌린지 2일 차다.
오늘부터 본격적으로 코드를 통해 미션을 해결하고 결과물을 제출해야 한다.
오늘 미션은 [클론 코딩]이다.
미션 내용
- HTML, CSS를 활용해 미니인턴 메인 페이지 클론하기
- 이미지 슬라이드 (캐러셀) 기능은 구현하지 않음
프론트엔드 개발자라면 해봐야 하는 UI 라길래 뭘까 했었는데 시작부터 클론코딩이다
사실 이게 제일 힘든 거 같다.
나는 React를 주로 사용했기에, React로 만들면 되지 않을까 싶었는데
혹시나 해서 어떤 스택으로 작업해야 하는지를 물어보니
'가급적' HTML, CSS, Javascript만 사용해서 해달라고 하기에
내 나름의 고난의 길을 걸어가야 했었다...
진짜 React 익숙해지면 바닐라 자바스크립트는 진짜 어색해지는 것 같다.
구현 중점 사항
<body>
<nav> ... </nav>
<section> ... </section>
<section> ... </section>
<section> ... </section>
<section> ... </section>
<footer> ... </footer>
</body>클론 코딩이고, 쌩 HTML, CSS, JS를 사용하는 거라 날림으로 처리하긴 했지만
그래도 나름 중점을 잡고 간 건 시맨틱 태그들을 의미 있게 사용해서 구현하려고 했다.
페이지 구조가 복잡하지 않고 영역이 딱 딱 나눠져 있길래
그 구역에 맞는 태그들도 사용하고 해서 다 구현하고 나서 보니
섹션 별로 잘 나눠서 구현한 거 같다는 생각이 들었다.
구현 화면
페이지 클론 코딩 자체는 그리 어렵진 않았는데,
디테일한 부분들을 계속 신경 쓰다 보니 생각보다 너무 오래 걸렸었다..
심지어 디테일하게 잡았다고 생각했는데도 중간중간 부족한 부분이 보였었다.
클론 코딩 생각 외로 빡센거였다...
현재 상금 현황
12시간 지난 시점 이번 2일 차 미션에는 몇 명이 제출했고, 얼마만큼의 상금을 받을 수 있을지 계산해 봤다.
| 일차 | 제출 인원 (총 34명) | 현재 상금 | 1인당 상금 |
| 1 | 31 | 15,000원 | 약 500원 |
| 2 | 12 | 110,000원 | 약 9천원 |
역시 나만 어려웠던 게 아니었나 보다.
이번 클론 코딩 미션에서는 총 34명 중 12명이 제출을 했다..!
이래서 누적된 총 상금은 11만 원이 됐고, 이거를 n빵 해보니 한 명당 약 9천 원의 상금을 받을 수 있었다.
물론 보증금으로 걸었던 5천 원을 더하면 14000원인데, 이게 상금 구조가 딱 이렇게 떨어지는지는 몰라서
일단은 계산만 해보고 있다 ㅋㅋㅋㅋ
이렇게 기하급수적으로 제출 인원이 뚝뚝 떨어지면 나중에는 혼자 독식하는 경우가 생길지도..?ㅎㅎㅎ