souvenir

지난번 글에 이어 filtering 기능 구현을 하면서 겪었던 에러를 정리해보고자 한다. filtered 함수 수도 코드 username(div.divName)에 클릭 이벤트 주기 클릭 이벤트를 받은 username의 li 외에 다른 li는 지우기 가능하다면 GoBack 버튼을 만들어 filtering전의 모습으로 복구 1. username(div.divName)에 클릭 이벤트 주기 let cilck = document.querySelecor('.read-username').oncilck; cilck = filtered; //filtered()로 입력하면 클릭할 때 되는 것이 아니라 바로 함수가 실행되게 됨 click; //밖에서 한번 실행을 해주어야 적용되기 때문에 한번 더 선언해줌. 위와같이 작성했을..

[이번주 공부한 것] twittler 함수형 프로그래밍으로 다시 작성하기 타임 스탬프 형식 수정 filtering 기능 구현 [세부 내용] 1. twittler 함수형 프로그래밍으로 다시 작성하기 : 해커톤 때 배운 방식대로 다시 코드를 리팩토링하였다. https://s-realstory.tistory.com/38 2. 타임 스탬프 형식 수정 1) Date.now() 구현해야 하는 기능 중, 새로운 메세지를 입력할 때 입력했던 실제 시간을 출력할 수 있는 기능을 만들어야 했다. 기본적으로 실제 시간을 구현하는 메소드는 Date.now()가 있다. https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Date/now..

[오늘 공부한 것] 1. POS기 백엔드 기능 구현 : 아래 목록 중 1-4번, 6번을 구현하였다. 메뉴를 누르면 구매 목록에 추가하는 함수 (백엔드) => addItemToList 장바구니에 담긴 총 금액 계산하는 함수 => calculateList 장바구니에서 메뉴 삭제하는 함수 (백엔드) => deleteItemFromList 탭 클릭 시 해당하는 카테고리 메뉴들을 출력해주는 함수 => handleCategorySelect Pay 버튼을 눌렀을 때 팝업창을 띄워주는 함수 => handlePayPressed Cancel 버튼을 눌렀을 때 장바구니 전체를 비워주는 함수 (백엔드) => handleCancelPressed Quit 버튼을 눌렀을 때 윈도우를 닫아주는 함수 => handleQuitPress..

[공부한 것] 1. Udemy HTML/CSS 초급 강의 완료 2. twittler 새 트윗 입력 기능 구현 완료 [피드백] 사실 갑자기 폭풍같이 블로깅을 올린 것이 14,15일에 느꼈던 생각, 감정들을 기록하는 것이 앞으로 무엇이 되었던 나의 앞길에 영향을 줄 수 있을 것 같다는 생각 때문이었다. 지금도 그렇지만 저 때는 정말 자괴감이 심각할 때였다. 같이 공부하는 모든 사람들보다 뒤쳐지는 것 같고, 짐이 되는 것처럼 느껴졌기 때문이다. 벌써 프론트 부분을 공부한지 2주가 넘었음에도 나는 css position과 layout을 어려워하고, DOM은 겨우 겨우 기능구현만 할 수 있다. 그러나 다른 사람들은 나도 모르는 개념으로 문제들을 풀고, 해결하고, 말하지 않은 advanced한 문제들까지 풀어가고 ..

[오늘 공부한 것] : POS기 만들기 중 프론트 작업 - 내가 맡은 역할 : 프론트엔드로서 HTML 하드코딩하기 - 진행상황 : MVP 설정, 와이어프레임 만들기, 프로토타이핑, HTML 구조 하드코딩까지. 대략적인 css로 위치조정은 마침 MVP 설정 및 와이어프레임 기획 특정 메뉴를 누르면 구매 목록에 추가되고 해당 가격이 총 금액 화면에 출력되도록 하는 기능 (가격 및 갯수 포함) 추가한 순서대로 구매 목록에 추가 되도록 하는 함수 구현 추가한 구매 목록에서 삭제할 수 있는 기능 추가 상품 카테고리에 따른 탭 추가 추가한 구매 목록에서 수량 변경할 수 있는 셀렉터 추가 음료 탭을 선택했을 때 HOT/ICE 선택할 수 있는 메뉴 추가로 띄워주기 관리자 메뉴 추가 상품 추가 ( 금액, 카테고리, 사진..