일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | |||
5 | 6 | 7 | 8 | 9 | 10 | 11 |
12 | 13 | 14 | 15 | 16 | 17 | 18 |
19 | 20 | 21 | 22 | 23 | 24 | 25 |
26 | 27 | 28 | 29 | 30 | 31 |
- 개발
- react
- vscode
- this
- 알고리즘
- nqueens
- underscores
- 공부
- 연습
- 취업
- 해커톤
- 코딩
- JavaScript
- 제일어려워
- Instantiation Patterns
- DOM
- 일상
- method
- 코드스테이츠
- JS
- 초보
- 포스기
- 리액트
- 클라이언트
- 자바스크립트
- underbar
- 엔퀸즈
- ftech
- grpahQL
- array
- Today
- Total
목록DOM (2)
analogcoding
과제 발표 당일 발표 전까지 약 2시간 정도 여유시간이 있었다. 미처 수정하지 못한 코드나 오류를 수정하고 우리는 마지막으로 객체에 새 메뉴를 추가하면 메뉴 버튼이 자동적으로 생성되고 그 버튼 역시 기존 버튼과 똑같이 작동하게 만드는 것을 구현하기로 했다. 기존 버튼들 모두 메뉴이름과 가격이 적혀 있었는데 그 값 역시 객체에서 받아오고 객체에 수에 따라서 반복문을 이용해 모든 객체의 요소를 불러올 수 있게 설정하고 마무리 지었다. function makeMenu() { for(let i = 0; i < coffees.length; i++){ let makeMenuBtn = document.createElement('button'); makeMenuBtn.setAttribute('id' , coffees[..
그렇게 다시 일상으로 돌아와 수업과 함께 짬날 때마다 조금씩 진행이 되어가고 우리는 다시 뭉쳐서 지금까지의 진행 결과를 합쳤다. 참고로 우리 조 이름은 .. 그랑조였다. 물론 내 맘대로 그냥 지어버린 이름이지만 각자 역할을 맡고 합체시키는 게 마치 로봇 그랑죠 처럼.. 이라고 되지도 않는 핑곗거리가 하나 있다. (이런 느낌으로 조 이름을 지은거임) 다시 본론으로 돌아와서 포스기의 작동원리를 생각하면서 코드를 작성하면서 부딪힌 문제들이 꽤나 있었다. 먼저 수량이 증가하면 기존 div 밑에 동일한 메뉴가 주문창에 담겼다. 메뉴의 중복이 가장 먼저 극복해야할 문제였고 다른 우리 조의 가장 큰 문제는 메뉴 하나 당 함수가 엄청나게 길었다. 처음에 설계할 때 메뉴를 변수로 두지 않은 채 코드를 작성해서 메뉴 하나..