본문 바로가기
반응형

TIL/코드스테이츠 TIL106

코드스테이츠 소프트웨어엔지지어링 부트캠프 +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.
코드스테이츠 소프트웨어엔지지어링 부트캠프 +20일 CSS연습했다. 기본기의 필요성이 느껴진다 DOM Node와 Element의 차이 Node는 태그 노드와 텍스트 노드 전체를 가리키고, Element는 텍스트 노드를 제외하고, 흔히 생각하는 태그( 같은)만 가리킨다. 즉 Node는 Element의 상위개념인 것이다. 태그만 검색하고 싶을 때는 Element가 붙은 메소드를 선택해야 한다. childNode와 children의 차이 childNodes는 노드를 선택한다. 태그노드 ,텍스트노드를 모두 가리킨다. children은 텍스트 노드를 제외한 태그만 가리킨다. remove와 removeChild의 차이 remove()는 노드를 메모리에서 삭제하고 종료한다. removeChild()는 노드를 삭제하는 것이 아니라 DOM트리에서 해제 시킨다. 메모리에 .. 2021. 8. 8.
코드스테이츠 소프트웨어엔지지어링 부트캠프 +19일 오늘한 것. DOM DOM을 이용하여 회원가입 Form 제작 및 CSS 연습 DOM(Document Object Model) : HTML을 바라보는 또 다른 관점이다. DOM을 이해하고 조작할 수 있으면, HTML을 단순한 문서에서 웹 앱으로 업그레이드 할 수 있다. 브라우저 환경에서 자바스크립트를 이용해 HTML을 조작할 수 있다. DOM은 프로그래밍 언어는 아니지만 DOM이 없다면 자바스크립트는 웹 또는 XML 페이지 및 요소들과 관련된 모델이나 개념들에 대한 정보를 다룰 수 없게 된다. CRUD Creat : creatElement() , document객체를 통해 HTML 엘리먼트를 만든다. Read : querySelector(), HTML 엘리먼트를 조회한다. Update : textConte.. 2021. 8. 7.
반응형