Programming/JavaScript10 [JS] 글자 클릭하면 글자색이 바뀌는 자바 스크립트 / 클릭 이벤트 - 토끼는 개발자 1. onclick 이벤트 자바스크립트 소스 작성 마우스 클릭을 하고 나면 발생하게 할 이벤트가 있을 때 사용 예: 글자 클릭했을 때 다른 글자로 바뀌거나 글자색이 바뀌게 할 때 *작성코드 예시 토끼는 개발자 글자 클릭하면 글자색이 바뀌는 자바 스크립트 2. 마우스 오른쪽 클릭 후 Open with Live Server 3. 마우스로 '토끼는 개발자' 클릭 4. 글자 색이 변경된 것을 확인 2021. 8. 16. [JS] 5. HTML 자동 완성 기능 / HTML Snippets - 토끼는 개발자 매번 새 파일에 html 구조를 복사하고 붙여넣기를 하면 번거롭습니다. 작업 효율을 높이기 위해 빠르고 편리한 HTML 자동 완성 기능 스닙펫에 대해 소개합니다. 한 줄 요약 : html:5 만 기억하셔도 됩니다. 1. 새 파일을 열어줍니다.(단축키: Ctrl+N) 2. ht를 작성하면 하단에 3개의 리스트가 뜨는데 그 중 html:5를 선택합니다. *리스트가 뜨지 않을 경우 아래 참고1 내용 확인 3. 이 곳에 소스 반영 *참고1 만약 html 리스트가 나타나지 않을 경우 1. 작업 중인 파일이 저장되었는지 확인(저장해도 안 될 경우 2번 확인) 2. 저장된 파일의 확장자가 .html이 맞는지 확인(아니라면 확장자를 .html로 수정) 파일명 수정 예시: Untitled-1.txt > .html로 수정.. 2021. 8. 14. [JS] 4. 비주얼 스튜디오 코드 라이브 서버 확장 기능 설정 / 수정한 코드 바로 확인하는 방법 - 토끼는 개발자 1. 확장 기능 추가 : Live Server 설치 비주얼 스튜디오 코드 확장 기능 중 Live Server을 사용하면 코드를 수정할 때마다 웹 브라우저에서 바로 확인할 수 있기 때문에 편리한 개발 기능 중 하나입니다. 확장 기능은 설치하고 비주얼 스튜디오 코드를 다시 시작해야 적용이 됩니다. 버전에 따라 설치 후 '활성화하려면 다시 로드' 라는 버튼이 나오는 경우도 있으니 해당 버튼을 누르면 재시작 하는 것과 동일합니다. 2. 확장 기능 사용하기 : 마우스 오른쪽 클릭 - Open with Live Server 선택 *작성코드 예시 토끼는 개발자의 Java Script *오류 : Open with Live Server가 뜨지 않을 경우 1) 작업 중인 파일 저장 여부 확인 2) 저장했는데도 나타나지 않.. 2021. 8. 14. [JS] 3. 비주얼 스튜디오 코드 한글판 설정 방법 - 토끼는 개발자 Visual Studio Code 한글로 이용하고 싶을 때 설정하는 방법입니다. 비주얼 스튜디오 코드에 다양한 확장 기능이 있으니 이 외에도 필요한 기능이 있을 경우 동일한 방법대로 진행하면 됩니다. 1. 왼쪽 Extension 탭(단축키: Ctrl+Shift+X) - 검색창에 korean 입력 2. Korean Language Pack for Visual Studio Code 선택 - Install 클릭 3. 오른쪽 하단 Restart 클릭(뜨지 않으면 프로그램을 껐다가 다시 시작해도 무방) 4. 한글로 바뀐 것 확인하면 완료 2021. 8. 12. 이전 1 2 3 다음 반응형
