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

[오늘 공부한 것] 1. 유효성 검사 결국 완료하지 못함 - 함수 및 기능 구현을 시도해보았으나 적절한 메세지가 뜨지 않음. - 오류원인을 1시간 가량 찾아보았으나 발견하지 못해 결국 help-desk로 올림 2. 기타 - 학교 과제 등으로 인해 추가 공부는 하지 못함. [내일 공부할 것] 1. 해커톤 준비위해 css position 및 layout 공부해가기

DOM(Document Object Model) : HTML 요소들을 JavaScript 객체로 표현하는 문서 DOM =JavaScript 는 아니며 HTML의 트리 구조를 JS의 객체 형식으로 표현한 것. Document라는 전역변수로 접근 가능 Console.dir을 통해 HTML의 내용을 JS의 객체처럼 확인할 수 있음. 1. 활용 용도 JS를 통해 HTML 문서 중 해당 사항을 검색 혹은 수집하여 묶거나, 수정하는 것도 가능함. 아래와 같은 내용을 주로 확인함. 1) 태그이름(tagName), id(id), class 목록(classList), class 문자열(className) classList : 해당 태그의 속한 class들의 목록을 '객체 형식'으로 보여줌 Ex) $0.classList...