▶ 다른 HTML 페이지를 현재 페이지에 삽입해 중첩된 브라우저 컨텍스트(프레임)를 표시. - 하나의 페이지에는 기본적으로 브라우저가 가지는 컨텍스트라는 개념이 있는데, 한 페이지 안에 다른 페이지를 삽입해 페이지가 중첩되기 때문에 브라우저 컨텍스트가 중첩되었다고 표현하는 것. 일반적으로 브라우저를 통해 볼 수 있는 사이트의 페이지는 하나지만, 을 통해 사이트의 페이지 안에 또 다른 사이트 페이지를 넣어 활용할 수 있다는 것. Youtube 등의 동영상 콘텐츠를 가져와 삽입 시 활용되는 경우가 많음. 속성 - name : 프레임의 이름 명시. 페이지에 여러 이 들어가는 경우 name 속성을 고유하게 설정하는 것을 권장. - src : 포함할 문서의 URL 명시. - width : 프레임의 가로 너비. -..

▶ 소리 콘텐츠(MP3) 삽입. 속성 - autoplay : 페이지에 접근해서 오디오가 준비되면(사이트 진입 시) 바로 오디오 콘텐츠 재생. boolean 값. autoplay 속성 지정 시 preload는 무시됨. - controls : 제어 메뉴를 표시. 재생, 소리 음량 조절, 정지 버튼 등 제어하는 메뉴. boolean 값. - loop : 재생이 끝나면 다시 처음부터 재생 반복. boolean 값. - preload : 페이지가 로드될 때 파일을 로드할지 지정(힌트 제공). 기본값은 metadata. none: 로드하지 않음. 플레이되면 오디오 파일 로드. metadata: 메타데이터만 로드. 기본적인 정보만 가지고 있겠다는 것. auto: 전체 파일을 미리 로드. - src : Contents..

해당 예시 실행을 위해서는 Express가 추가 되어 있어야 합니다. 혹시 설치가 되어있지 않거나, 설치법을 모르시는 분은 이전 포스트의 npm install을 보고 오시면 됩니다. 예시 작성을 위한 새폴더 생성 및 새 파일(app.js) 생성 새로 생성한 app.js 파일에 다음과 같이 코딩 const express = require('express'); const app = express(); // 익스프레스 가져오기 const port = 3000; // 포트 번호 app.get('/', (req, res) => { res.send('hello express'); //화면에 표출될 부분 }); app.listen(port, () => { console.log('Express listening on ..

https://www.npmjs.com/ npm | build amazing things Build amazing things We're npm, Inc., the company behind Node package manager, the npm Registry, and npm CLI. We offer those to the community for free, but our day job is building and selling useful tools for developers like you. Take your JavaScript devel www.npmjs.com 해당 URL에 접속하면 원하는 npm을 검색하고 다운로드 할 수 있다. 우선 npm install을 위해 신규 폴더를 생성한다. cmd창을..

※ File > Preferences > Keyboard Shortcuts(Ctrl+K Ctrl+S)에서 현재 활성화된 키보드 단축키를 확인 또는 변경 가능. 명령 설명 Windows macOS 행 삭제 - 커서가 위치한 행 삭제. - 이후 Ctrl+V 시 삭제된 행이 붙여넣기됨. - 블록 지정 사용 시 영역이 지정된 부분만 오려두기 기능. Ctrl+X Cmd+X 행 삭제 - 커서가 위치한 행 삭제. 이후 Ctrl+V 시 삭제된 행이 아닌 이전에 복사된 항목이 붙여넣기 됨. - 블록 지정 후 사용 시 블록 영역이 걸친 행 삭제. Ctrl+Shift+K Cmd+Shift+K 행 복사 Ctrl+C Cmd+C 행 위로 이동 Alt+Up Option+Up 행 아래로 이동 Alt+Down Option+Down 스..

ALT + Left(Right) : 이전, 이후 작업 화면 Alt + Shift + A : 세로 블럭 지정이 가능한 모드로 변경 된다. Ctrl + Space : 입력 보조장치(Content Assistance) 강제 호출 → 입력하는 도중엔 언제라도 강제 호출 가능함 Ctrl + L : 특정 줄 번호로 이동 Ctrl + D : 한 줄 삭제 Ctrl + W : 파일 닫기 Ctrl + I : 들여쓰기 자동 수정 Ctrl + M : 전체화면 토글 Ctrl + K : 찾고자 하는 문자열을 블럭으로 설정한 후 키를 누른다 Ctrl + Shift + K : 역으로 찾고자 하는 문자열을 찾아간다 Ctrl + Shift + G : 특정 메소드나 필드를 Reference하고 있는 곳을 검색 Ctrl + Shift + ..