fullstack-study

# Sass ( SCSS ) 작성법 SCSS와 Sass는 둘 다 CSS의 전처리기로, CSS를 더 쉽게 작성하고 관리할 수 있도록 도와줍니다. 문법: Sass (Syntactically Awesome Style Sheets): 들여쓰기를 사용하여 CSS와 다르게 보이게 만들어줍니다. 중괄호 {}와 세미콜론 ;을 사용하지 않습니다.SCSS (Sassy CSS): CSS와 유사한 문법을 가지고 있습니다. 중괄호 {}와 세미콜론 ;을 사용하여 CSS와 거의 동일한 구조를 가지고 있습니다.호환성:SCSS는 CSS와 거의 동일한 문법을 사용하기 때문에 기존 CSS 파일을 쉽게 가져와서 수정할 수 있습니다.Sass 는 기존 CSS 파일과 호환성이 떨어질 수 있습니다. 기존 CSS를 Sass 로 변환하기 위해서는..

window, 스크롤, 마우스 좌표, getBoundingClientRect  # windowwindow.open(url, windowName, [windowFeatures]);window.open(url, 창이름,옵션);옵션의 이름설명width창 너비height창 높이location주소 표시줄 표시 여부 (yes 또는 no)scrollbars스크롤 막대 표시 여부resizable창 크기의 변경 기능 여부toolbar도구 모음 표시 여부status상태 표시줄 표시 여부menubar메뉴 막대 표시 여부 let w = window.open( 'http://www.naver.com', 'naver', 'height=600,width=600');setTimeout(() => { w.clos..

createElement , append, prepend , video , table 1. 요소 생성 : createElement2. appendChild3. append , prepend4. video5. 테이블 추가,삭제 설명mdnappendChild()상위 노드의 하위 노드 목록 끝에 노드를 추가바로가기append()상위 노드의 하위 노드 목록 끝에 노드를 추가바로가기prepend()상위 노드의 하위 노드 목록 앞에 노드를 추가바로가기createElement ()새로운 노드 생성바로가기 # appendChild , createElementcreateElement () : document.createElement() 새 태그를 반환appendChild() : 지정된 상위 노드의 하위 노드 목록 끝..