[240925 TIL] 사전캠프 3일차

어제에 이어 오늘도 과제를 수행하면서 직접 코딩을 해보는 시간을 가지기로 했다.

 

---

Today 1. [로또 번호 생성기 만들기] 과제

행운의 넘버 버튼 클릭 시 1~45 사이 숫자 6개 무작위로 보여주기 번호를 오름차순으로 정렬하기 이전 결과를 저장하고 새 결과와 비교하기

 

numbers.sort((a, b) => a - b)

 

무작위로 선정된 6개의 숫자를 오름차순으로 정렬하기 위해 sort 함수를 사용하였다. sort 함수의 경우 코드 한 줄로 간편하게 정렬을 구현할 수 있기 때문에 사용하게 되었지만 시간이 날 때 버블 정렬, 삽입 정렬 등 정렬 알고리즘을 사용해서 구현해보는 것도 좋은 경험이 될 것이라는 생각이 들었다.

 

 

Today 2. [MBTI 테스트 만들기] 과제

각 질문 당 하나의 답변만 선택하기 답변 완료 전까지는 결과 영역 숨기기 답변 내용에 따라 결과 도출하여 보여주기

 

const formData = new FormData(form)

 

모든 항목에 답변을 해야 결과를 확인할 수 있도록 구현하고자 했는데, 아무리 고민해보고 구글링 해봐도 FormData의 length를 확인하는 방법을 알아내지 못했다. 계속 해서 방법을 찾아보거나 내일 있을 라이브 코딩 세션 혹은 개인적으로 튜터님께 도움을 요청해서 해결법을 기록하는 날이 오기를 바래본다.

 

 

Today 3. [스타벅스 주문 시스템 만들기] 과제

배열 형태로 주어진 데이터를 화면에 보여주기 주문 추가 버튼 클릭 시 주문 내역에 메뉴 추가하고 총 가격 수정하기 삭제 버튼 클릭 시 주문 내역에서 메뉴 지우기 주문 제출 버튼 클릭 시 주문 제출 후 주문 내역 초기화하기

 

order = [
	{ name: '아메리카노', price: 4100, quantity: 3 },
    { name: '카푸치노', price: 4600, quantity: 1 }
]

order = {
	'아메리카노' : { price: 4100, quantity: 3 },
    '카푸치노' : { price: 4600, quantity: 1 }
}

 

처음에는 order 객체 내부 데이터의 형태가 name, price, quantity 속성을 가진 dictionary인 줄 알았는데 만약 그렇다면 order 객체가 dictionary가 아닌 array 형태여야 한다는 것을 깨달았다. 이러한 과정을 거쳐서 최종적으로 order 객체 내부 데이터는  key 값이 메뉴 이름이고 value 값이 price, quantity 속성을 가진 dictionary인 형태라는 것을 알 수 있었다.

---

 

하루 마무리

어제와 달리 오늘 진행한 과제는 일정 부분 완성되어 있는 코드를 보완해서 최종적으로 완성을 하는 것이었다. 그동안은 항상 혼자서 공부하고 혼자서 개발을 했었기 때문에 내 코드는 괜찮은 코드인지, 다른 사람들은 어떻게 코드를 작성하는지에 대해서 알고 싶다는 생각을 많이 했었는데 오늘 과제를 하면서 그동안 갈망했던 부분에 대해서 조금이나마 경험해볼 수 있었어서 좋았던 것 같다. 앞으로 여러 프로젝트도 진행하고 튜터 분들께 피드백도 받으면서 점차 내 코드에 확신을 가지는 개발자가 되고 싶다는 생각이 들었다.