1. 시작 페이지 아래 화면은 시작 시 열린다. 안 열리면 아래 그림의 '시작시 시작페이지 표시'에 체크하면 시작시 아래 화면이 뜬다. 이 화면을 이용하여 새 파일, 최근 항목 등 빠른 실행이 가능하다. 2. 활동 표시줄(Activity Bar) 1. 탐색기(익스플로러): 단축키는 ctrl+shift+E 2. 검색: 단축키는 ctrl+shift+F 3. 소스 제어: 단축키는 ctrl+shift+G : 추후 버전 컨트롤 4. 실행 및 디버그: 단축키는 ctrl+shift+D : 문제 찾기, 코드 디버깅에 사용 5. 확장프로그램(Exetention): 단축키는 ctrl+shift+X : 추가 기능 설치 3. 설정 명령 팔레트: ctrl+ shift+P (맥은 cmd+shift+P): 비주얼 스튜디오 코드에서..

1. 자바스크립트의 역할 자바스크립트는 브라우저 화면에 랜더링 된 웹 콘텐츠를 조작하는 역할을 한다. 렌더링 된 페이지에 어떤 동작을 추가한다. html이 웹 페이지에 표시될 웹 콘텐츠들을 정의하는 역할을 하고, css가 콘텐츠들의 크기나 색상, 레이아웃 등을 정의한다면, 자바스크립트는 웹사이트의 동작과 상호작용을 정의한다. 동작에는 움직이는 시계나 이미지 슬라이더 등이 있고, 사용자가 버튼을 누르면 반응을 한다거나, 마우스를 올리면 메뉴가 펼쳐진다거나 하는 상호작용이 있다. 자바스크립트는 프로그래밍 언어이며, 여러 기능이 있지만 주로 웹 개발을 위해서 사용되는 언어이다. 1. HTML: 웹 페이지의 내용을 구조화 2. CSS: 웹 페이지의 레이아웃을 스타일화 3. JavaScript: 웹 페이지의 동작..

자바스크립트에서 스크립트 태그 추가 4가지 방법 가장 효율적인 방법은 무엇인가? 스크립트 태그를 head 안에 사용하는 것은 좋은 방법이 아니다. 그래서 쓰는 방법이 body 닫는 태그 위에 사용하는데 역시 단점이 있다. async 속성과 defer 속성을 사용하는 방법도 있다. 결론은 어떤 방법이 가장 좋을까 목차 스크립트를 head에 포함하는 방법 스크립트를 body에 포함하는 방법 async 속성 defer 속성 결론 1. 스크립트를 head에 포함하는 방법 사용자가 html 파일을 다운로드할 때 브라우저는 한 줄 한 줄 분석(parse)한다 그렇게 분석한 것을 css와 병합해서 돔 요소로 변환한다. html을 분석하는 과정에서 스크립트 태그를 만나게 되면 html 분석하는 것을 멈추고 js파일(s..

Daum의 검색 원칙, 좋은 정보의 조건 좋은 문서의 조건 Daum 저품질에 걸려서 이 내용을 찾아서 한번 읽어본다. 자세히 읽으니 3시간 걸린다. 왜 나를 시험하는가, Daum 고객센터에 물으니 Daum에 '저품질'이라는 용어는 없다고 한다. 반성하면서 읽으면 좀 더 걸린다. 목차 데이터의 수집 및 구축 원칙 좋은 정보의 4가지 조건: 유사성, 문서품질, 최신성, 이용자의 반응 문서 품질 판단 기준의 5가지 요소 적합도 방해 요소 좋은 문서의 조건 1. 공정한 데이터의 수집 및 구축 원칙 1) 인터넷상에 존재하는 가능한 모든 자료를 수집하거나 새롭게 구성한 결과물을 검색 서비스로 제공하기 위해 노력한다. 특히 국내 이용자들을 위한 한글 콘텐츠의 수집과 서비스에 주력한다. 인터넷 데이터 수집 방법: 검색..

저작권이란 무엇인가? 저작권 저작권법 저작권은 언제부터 시작되었는가, 모든 저작물에는 저작권이 있는가, 저작권이 없는 저작물은 없는가, 저작물의 종류에는 어떤 것이 있는가에 대한 글 저작권이란 무엇인가? 저작권법은 무엇인가? 저작물을 보호하는 법이다. 왜 보호하는가? 저작자를 보호하고 저작물의 공정한 이용을 도모함으로써 문화 및 관련 산업의 향상과 발전을 도모한다. 저작물이란 무엇인가? “인간의 사상 또는 감정을 표현한 창작물”이다 저작권법 제2조의 정의에 의한 저작물이란 무엇인가?(definition) (저작권법 제2조(정의) 1. “저작물”은 ‘인간의 사상 또는 감정을 표현한 창작물’을 말한다. 저작권법의 목적: 저작권법 제1조 이 법은 저작자의 권리와 이에 인접하는 권리를 보호하고 저작물의 공정한 ..

비주얼 스튜디오 코드(Visual Studio Code) 설치 및 사용 방법 목차 Visual Studio Code(비주얼 스튜디오) 코드 설치 방법 비주얼 스튜디오 코드 인터페이스 비주얼 스튜디오 코드 확장 프로그램 설치 Visual Studio Code 사용 방법 1. 비주얼 스튜디오 코드 설치 방법 비주얼 스튜디오 코드는 무료 코드 편집기이다. windows , MacOS, Linux 모두 지원된다. 1) 비주얼 스튜디오 코드(Visual Studio Code) 접속 및 다운로드 비주얼 스튜디오 코드, Visual Studio Code 공식 홈페이지(이곳)에서 다운로드하면 된다. 아래 그림처럼 윈도우의 경우 Download for Windows를 선택한다. 두 번째 그림처럼 MacOS, Linux도..

Node.js 설치, Node.js 다운로드 및 설치 방법 1. Node.js 사이트(https://nodejs.org/)에 접속한다. 2. Node.js 설치 2-1. 윈도우의 경우 LTS, 64bit를 선택한다.(혹은 선택의 자유) LTS 버전에는 '안정적, 신뢰도 높음'(stable and reliable)이라고 적혀 있다. 현재(Current) 버전에서는 '최신 기능'(Latest Features)이라고 적혀 있다. LTS 버전은 Long Term Support의 약자이다. 긴 기간 지원이 가능하다는 말이며, '지원'이란, 패치를 의미하며 '기간'은 2년이다. 현재 버전은 개발이 진행 중인 버전이다. 해당 버전의 기능이 개선되거나 변경될 가능성이 있는 버전이다. 두 버전 중 선택은 자유이다. 2-..

HTMLG 편집기 설정 및 기본 설정 HTMLG - HTML 편집기의 특정 기능을 활성화하거나 비활성화할 수 있다. 연결된 라이브 편집자(Linked live editors) 비주얼 편집기와 소스 편집기는 기본적으로 함께 연결되어 있고 함께 움직인다. 그러므로 변경 사항이 다른 편집기에 즉시 영향을 미친다. 이 기능을 끄면(Turning off this feature) 아래 그림처럼 중간에 왼쪽-오른쪽 화살표가 생긴다. 이 왼쪽-오른쪽 화살표를 사용하여(using the left-right arrows in the middle) 한 영역에서 다른 영역으로(from one area to the other) 변경 사항을 수동으로 적용(manually apply the changes)할 수 있다. 함께 스크롤..

HTML-G의 HTML 정리 옵션(HTML Cleaning Options) (그림 1) HTML 정리 옵션(HTML Cleaning Options) (그림 2) HTML 청소 옵션(HTML Cleaning) HTML 청소 옵션(HTML Cleaning Options) 선택 방법은 2가지이다. 1. 위 그림의 왼쪽 체크 옵션 선택 2. 위 그림의 오른쪽 삼각형 아이콘 실행 (1) Check the options you want to perform when you press the main Clean button (2) execute them one by one with the triangle icons. 1. 인라인 스타일(Inline styles) 청소(cleaner) style="..."의 모든 항목을..

카카오 인증서 2020년 12월 10일 전자서명법 개정 이후부터 기존 공인인증서는 공동 인증서로 바뀌었다. 민간인증서로는 금융인증서 혹은 카카오 인증서 등이 많이 사용된다. 카카오 인증서는 카카오톡으로 무료로 편리하게 발급받을 수 있다. 카카오 인증서는 카카오톡에 편리하게 보관되며, 인증서 유효기간은 발급일로부터 3년이다. 카카오 인증서 발급 방법 1. 카카오톡 화면 우측 하단 삼선 클릭 2. 지갑 또는 인증서 클릭 3. '안전하고 간편한 카카오 인증서 발급받기' 클릭 4. 이용약관 동의 5. 개인정보 수집 및 이용 동의 인증사 본인 확인 이용, 고유 식별정보처리 등 필수 항목에 체크 6. 본인 명의 휴대폰 번호로 본인 확인 진행 이름, 주민등록번호, 휴대폰 번호 입력 후 인증 요청 통신사 선택, 인증 ..