일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
- this
- method
- 일상
- 코드스테이츠
- 취업
- 코딩
- DOM
- 제일어려워
- JS
- vscode
- 초보
- 연습
- ftech
- Instantiation Patterns
- array
- nqueens
- grpahQL
- 클라이언트
- 알고리즘
- JavaScript
- 리액트
- 해커톤
- underscores
- 포스기
- 공부
- 자바스크립트
- 개발
- 엔퀸즈
- underbar
- react
- Today
- Total
목록포스기 (2)
analogcoding
그렇게 다시 일상으로 돌아와 수업과 함께 짬날 때마다 조금씩 진행이 되어가고 우리는 다시 뭉쳐서 지금까지의 진행 결과를 합쳤다. 참고로 우리 조 이름은 .. 그랑조였다. 물론 내 맘대로 그냥 지어버린 이름이지만 각자 역할을 맡고 합체시키는 게 마치 로봇 그랑죠 처럼.. 이라고 되지도 않는 핑곗거리가 하나 있다. (이런 느낌으로 조 이름을 지은거임) 다시 본론으로 돌아와서 포스기의 작동원리를 생각하면서 코드를 작성하면서 부딪힌 문제들이 꽤나 있었다. 먼저 수량이 증가하면 기존 div 밑에 동일한 메뉴가 주문창에 담겼다. 메뉴의 중복이 가장 먼저 극복해야할 문제였고 다른 우리 조의 가장 큰 문제는 메뉴 하나 당 함수가 엄청나게 길었다. 처음에 설계할 때 메뉴를 변수로 두지 않은 채 코드를 작성해서 메뉴 하나..
학원에서 함께 공부하는 동기분들과 3인 1조로 조를 꾸려서 함께 포스기를 만들어보는 작은 과제를 진행했다. 처음엔 "뭐야 쉽겠는데? 덧셈만 있는거잖아" 라고 생각했지만.. 아주 큰 오산이었다.. 간단하게만 보았던 진행 주제를 막상 백지에서 맞닥뜨리니 호락호락하지 않았다. javascript만으로도 벅찬 상태였지만 기본적인 html , css 지식조차 없던 나에게는 DOM 역시 큰 시련이었지만 훌륭한 동기분들을 믿고 과제를 시작했다. 정확히 전부를 기억하지는 않지만 조가 정해지고 시작된 건 설계와 목업 작업이었다. 여기서 목업이란? 우리는 먼저 어느 부분에 메뉴가 들어갈지 , 가격이 들어갈지 기본적인 틀을 잡으면서 화면을 간단하게 선으로 나누면서 이런 모습의 첫 화면을 완성했다. 왼쪽에는 메뉴가 오른쪽에는..