본문 바로가기
반응형

전체 글601

코드스테이츠 소프트웨어엔지지어링 부트캠프 +22일,카페 키오스크 우선 카페키오스크 만든것 스프린트리뷰때 크루님이 얘기해주신것들, 질문대답 DOM : 그냥 JS인데 면접대비로 정석대답 외워야함 HTML문서에 접근하기 위한 일종의 인터페이스, 문서 객체 모델인 DOM은 문서내의 모든 요소를 정의하고 각각의 요소에 접근하는 방식을 제공한다. JS를 브라우저에서 DOM을 기준으로 읽는다. NODE hello 위 코드에서 태그는 , , 텍스트가 hello 이다. Element는 태그+ 텍스트 라고 하셨다. 나는 노드가 태그+텍스트라고 알고있었는데 뭐지?? 라고 여쭤보니 '그것도 맞는말인데 흐음.. 이라고 하시며 설명해주셨다.' 요약하면 노드=엘리먼트(태그+텍스트)+등등등 이다. 등등등에는 화면에 보이지 않는 내용들도 많다고 하셨다. ㅇㅋ 해결 innerHTML과 textCon.. 2021. 8. 9.
코드스테이츠 소프트웨어엔지지어링 부트캠프 +21일 오늘한것 DOM공부 CSS연습 CSS공부 position static : 기본값이다. 항상 페이지의 흐름에 따라 배치된다 relative : top, bottom, left, right로 요소의 위치를 조정할 수 있다. fixed : 스크롤 해도 항상 같은 위치이다. top, bottom, left, right로 요소의 위치를 조정할 수 있음. absolute : 요소의 위치를 문서의 흐름에서 제거하고 부모 요소를 기준으로 위치를 지정한다. top, bottom, left, right로 요소의 위치를 조정할 수 있음. sticky : 요소를 문서 흐름에 따라 배치한다. 스크롤 할 때, 사라지지 않고 fixed처럼 화면에 고정된다. https://github.com/ryu9663/loginAndSignup.. 2021. 8. 9.
JS : 배열과 유사배열 배열과 유사배열 유사배열: []로 감싸져있지만 배열이 아닌것들. 배열의 메서드를 활용할 수 없다. ex) forEach를 사용하면 에러가 난다. 위의 콘솔창에서 els는 배열이 아니다. 때문에 forEach메서드를 활용할 수 없다. 유사배열에서 배열의 메서드를 사용하고 싶을때는 어떻게 해야할까?? Array.from을 이용하여 유사배열을 얕게 복사해 새로운 배열을 만든다. 배열 프로토타입에서 forEach메서드를 빌려온다. 1. Array.from 이용 Array.from은 유사배열을 새로운 배열로 만들어주는 메서드이다. 다음과 같은 HTML의 경우를 생각해보자. blue green red 유사배열인 상태로 forEach를 활용 const els = document.body.children // body.. 2021. 8. 9.
코드스테이츠 소프트웨어엔지지어링 부트캠프 +20일 CSS연습했다. 기본기의 필요성이 느껴진다 DOM Node와 Element의 차이 Node는 태그 노드와 텍스트 노드 전체를 가리키고, Element는 텍스트 노드를 제외하고, 흔히 생각하는 태그( 같은)만 가리킨다. 즉 Node는 Element의 상위개념인 것이다. 태그만 검색하고 싶을 때는 Element가 붙은 메소드를 선택해야 한다. childNode와 children의 차이 childNodes는 노드를 선택한다. 태그노드 ,텍스트노드를 모두 가리킨다. children은 텍스트 노드를 제외한 태그만 가리킨다. remove와 removeChild의 차이 remove()는 노드를 메모리에서 삭제하고 종료한다. removeChild()는 노드를 삭제하는 것이 아니라 DOM트리에서 해제 시킨다. 메모리에 .. 2021. 8. 8.
반응형

티스토리툴바