미디어 쿼리는 스타일 시트의 조건문이라고 보면 됨 @media(조건){ css속성 } // 조건에 해당하는 경우 속성 적용 @media(max-width: 800px){ .data { display: none; } } // 너비가 800px 이하일 때 data 클래스 html 숨기기 vp(viewport)에 따라 적용하기 max-width: 800px : 최대 너비로 제한. 너비가 800px 이하인 경우 min-width: 800px : 최소 너비로 제한. 너비가 800px 이상인 경우 다크 모드 적용하기 - 웹에서 선택한 모드를 감지하여 해당 모드로 렌더링 - 웹에서 선택한 모드가 없다면, OS의 모드를 감지해 렌더링 - 사용자가 모드를 변경할 때마다 렌더링 => 사용자가 선택할 수 있도록 토글 요소를..
toLocaleString은 Date 객체의 메서드라서 문자열로 이루어진 날짜에는 사용할 수 없음 Date()를 사용하면 날짜가 문자열로 만들어짐 let strDate = '2022-05-16T02:09:52Z' let resultStr = Date(strDate) // 'Mon Nov 14 2022 22:15:51 GMT+0900 (한국 표준시)' console.log(typeof resultStr) // 'string' resultStr = resultStr.toLocaleString() console.log(resultStr) // Mon Nov 14 2022 23:05:35 GMT+0900 (한국 표준시) new Date()로 Date 객체 형식으로 만들어야 함 let strDate = '2022..
[CLI] GIT 사용
Local Repository(로컬저장소) Remote Repository(원격저장소) push & pull request : public 프로젝트에 버그 수정, 기능 추가 요청 pull : public 프로젝트에서 새로 업데이트된 내용을 받음 깃헙 푸시 과정 요약 (init > )add > commit > (remote 확인(-v) >) push 1. 깃 저장소 만들기 git init : 코드를 저장할 디렉토리 내부에 GIT repository를 생성 ls -al를 입력하여 숨겨진 git폴더를 확인할 수 있음 2. 깃 저장소(staging area)에 파일 추가하기 git add : 코드가 변경된, 해당 파일 혹은 해당 위치에 있는 모든 파일을 staging area에 추가 git status : st..
노드 복사/이동 Document.adoptNode(이동할노드) : 외부 문서에서 현재문서로 노드 이동, 트리 연결 해줘야함 Document.importNode(복사할노드, deep) : 다른 문서에 추가하기 위해 노드 복제. 트리에 연결돼있지 않아야 함 - deep: true 노드의 자식까지 복제, false 해당 노드만 복제 템플릿 요소를 붙일 때 사용 Node.cloneNode(deep) : 노드 복사 - id 중복이 있을 수 있음 - 트리 연결 해줘야함 Event Event.target : 이벤트가 발생한 대상 객체(요소) this도 함수 내부에서 같은 값을 가리킴. 발생한 이벤트(포인터, 제스처, 키보드 등) onsubmit : 제출버튼 클릭 onmouseover: 포인팅장치(마우스)가 타겟요소나..