본문 바로가기
반응형

코드스테이츠 소프트웨어 엔지니어링 부트캠프72

코드스테이츠 소프트웨어엔지지어링 부트캠프 +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.
코드스테이츠 소프트웨어엔지지어링 부트캠프 +18일 오늘 배운 것 Spread/Rest 구조분해 (Destructing) 1. Spread/Rest 문법 Spread 문법 주로 배열을 풀어서 인자로 전달하거나, 배열을 풀어서 각각의 요소로 넣을 때에 사용한다. function sum(x,y,z){ return x+y+z; } const numbers = [1,2,3] sum(...numbers) // 6 // //배열을 풀어서 각각의 요소로 들어간다. //sum(1,2,3) 이 된다. Rest 문법 파라미터를 배열의 형태로 받아서 사용할 수 있다. 파라미터 개수가 가변적일 때 유용하다. function sum(...the Args){ return theArgs.reduce((previous, current) => { return previous + cur.. 2021. 8. 6.
반응형

티스토리툴바