본문 바로가기

뉴렉처 과정 기록 (Frontend)73

04/23 HTML/CSS 모바일 페이지 구현하기2 검색버튼을 누르면 어사이드가 나올 수 있게 해보기 click이 출력되었다가 사라짐 -> a태그 때문에 reload되는 것 -> 링크가 클릭되도 reload 안되게 해야겠다 -> 자바스크립트에서 배울 것~ 2021. 4. 23.
04/22 Javascript 이벤트 버블링과 Event.target 속성(toggle) 지난 시간까지 배운 것.. 언어(ES5 without OOJavascript/ES6) 플랫폼(window/document/...) window -alert/prompt/confirm -setTimeout/setInterval/clear.... document -write() -선택 --getElementById/getElementsByClassName/getElementByName/.. --querySelector/querySelectorAll -객체의 속성 / 타일 사용 --set/get -객체를 조작하는 것 --appendChild/removeChild/... 이벤트 객체를 이용하기 이 방법은 사용하지 않을 것 클릭하면 이미지가 나오는 이벤트인데 / 이미지가 많다면 그 이미지들마다 로직을 써줘야 함 .. 2021. 4. 22.
04/22 HTML/CSS 모바일 페이지 구현하기 자바스크립트를 활용해서 모바일 페이지를 구현해보자 모바일페이지의 헤더부분은 이런 모양으로 만들 것이다 오른쪽의 햄버거 버튼을 누르면 목록을 보여주게 되는데 , 직관적으로 보여지는 것이 좋다 2021. 4. 22.
04/21 Javascript 노드 바꾸기(replaceChild, insertBefore, insertAdjacentElement) / 이벤트 객체와 target 속성(Closer) 저번시간에 노드 바꾸기 하려다가 끝났다 노드 바꾸기 insert할때는 insertBefore로 써줌 (전 자리에 인서트 해준다) -> insertAdjacentElement( ) -> insertBefore처럼 before에 한정하지 않고 순서를 맘대로 정해서 삽입할 수 있고 , 자식으로도 삽입할 수 있음 이걸 쓰면 더 자유롭게 인서트 해줄 수 있겠다 ex6. 이벤트 객체 target 속성 이벤트가 발생하면 그 이벤트에 대한 부가적인 정보를 제공하는 클릭이벤트 체인지 이벤트..가 있다 회색 컨테이너 안에 세 가지 동그라미 들이 있고 동그라미를 누르고 삭제하면 선택한 동그라미가 삭제하도록 하는 예제 그러니까 내가 선택한 (클릭한) 원을 삭제/바꾸는 작업을 어떻게 할 것인가? 선택한 것을 지우거나 바꿀 수 .. 2021. 4. 21.

티스토리툴바