Javascript39 Javascript - 콘솔(Console), 주석(Comments) 처리 인프런 자바스크립트 입문 수업을 듣고 중요한 내용을 정리했습니다. 개인 공부 후 자료를 남기기 위한 목적이므로 내용 상에 오류가 있을 수 있습니다. 콘솔(Console) 크롬 개발자도구에서 콘솔 사용하기 크롬에서는 개발자가 개발을 할 때 도움을 주는 개발자도구를 제공한다. (ex. 분석, 디버깅 등) 콘솔(Console)은 크롬이 제공하는 개발자도구 중 한 가지 기능이며, 구현하는 코드가 정상 동작하는지를 점검하고 에러를 확인하는 등의 목적으로 많은 개발자들이 사용하고 있다. 개발자도구는 윈도우의 경우 단축키 F12를 누르고, 맥의 경우 단축키 (Option + Cmd + I)를 눌러서 실행한다. 사용 예시 콘솔창에 출력 에러 확인 주석(Comments) 처리 주석의 사용 용도 1. 내가 구현한 코드의 .. 2021. 9. 16. Javascript - 자바스크립트 작성위치 인프런 자바스크립트 입문 수업을 듣고 중요한 내용을 정리했습니다. 개인 공부 후 자료를 남기기 위한 목적이므로 내용 상에 오류가 있을 수 있습니다. 자바스크립트 작성위치 나만의 HTML Snippet 만들기 앞서 작성한 글에서 개발에 유용한 Visual Studio 확장 프로그램을 설치했기 때문에 HTML 코드 작성 시 Snippet이 뜬다. 하지만 각자 선호하는 HTML 코드 구조가 다르기 때문에 나만의 HTML 유저 Snippet을 만드는 방법을 소개하고자 한다. 1. VS code의 상단 메뉴바에서 Code > Preferences > User Snippets를 선택한다. 2. 'Select Snippets File or Create Snippets'라는 검색란이 뜨는데, 해당 검색란에 Html을 .. 2021. 9. 16. Javascript - 개발환경 준비 인프런 자바스크립트 입문 수업을 듣고 중요한 내용을 정리했습니다. 개인 공부 후 자료를 남기기 위한 목적이므로 내용 상에 오류가 있을 수 있습니다. 개발환경 준비 - Mac OS Visual Studio Code 다운로드 및 설치 선호하는 웹브라우저에서 'Visual Studio Code'를 검색하고 https://code.visualstudio.com로 들어간 후 Visual Studio Code를 다운로드 한다. 이후 다운로드된 압축파일을 해제하여 Visual Studio Code 설치를 진행한다. Visual Studio 확장 프로그램 설치 Visual Studio 확장 프로그램은 개발하는데 도움이 되는 도구(프로그램)들이다. 1. HTML CSS supprot 2. HTML Snippets 3. .. 2021. 9. 16. 이전 1 ··· 4 5 6 7 다음
