본문 바로가기

전체 글69

[JS] 자바스크립트 파일 외부에서 연결하기 - 토끼는 개발자 이전 글에서 글자를 클릭하면 글자 색이 바뀌는 HTML 문서를 작성했다. HTML 문서에서 자바스크립트를 같이 작성했다면 이번에는 HTML 문서와 JavaScript 문서를 따로 분리 후 HTML 문서에 JavaScript 문서를 불러오는 방법을 알아보려고 한다. 지금이야 소스 양이 적어서 분리하는 것에 의의를 두는 것이 이해하기 어려울 수 있지만, 대규모 프로젝트를 진행하거나 역할을 나눠 소스를 작성하게 되면 기능별로 구분해야 할 일이 생기기 마련이고 그 때 외부에서 자바스크립트 파일을 연결하여 사용하는 방법을 숙지하고 사용한다면 가독성이 좋은 소스를 작성할 수 있다. 이전 글 참고 : [JS] 글자 클릭하면 글자색이 바뀌는 자바 스크립트 / 클릭 이벤트 - 토끼는 개발자 1. onclick 이벤트 자.. 2021. 8. 17.
[JS] 글자 클릭하면 글자색이 바뀌는 자바 스크립트 / 클릭 이벤트 - 토끼는 개발자 1. onclick 이벤트 자바스크립트 소스 작성 마우스 클릭을 하고 나면 발생하게 할 이벤트가 있을 때 사용 예: 글자 클릭했을 때 다른 글자로 바뀌거나 글자색이 바뀌게 할 때 *작성코드 예시 토끼는 개발자 글자 클릭하면 글자색이 바뀌는 자바 스크립트 2. 마우스 오른쪽 클릭 후 Open with Live Server 3. 마우스로 '토끼는 개발자' 클릭 4. 글자 색이 변경된 것을 확인 2021. 8. 16.
[MS/PowerPoint] 파워포인트 글꼴 포함 저장 / 폰트 깨짐 해결 방법 - 토끼는 개발자 파워포인트에 원하는 글꼴에 맞춰 글자 크기, 위치까지 조정했는데 다른 PC에서 파일을 열었더니 내가 적용했던 글꼴, 크기, 위치 깨져있을 때 해결 방법이 있습니다. 1. 파워포인트 파일 자체를 저장할 때 PDF 형식으로 저장하는 방법 2. 사용하려는 PC에 내가 적용했던 글꼴 다운로드해서 사용하는 방법 3. 저장할 때 내가 사용했던 새로운 글꼴까지 포함해서 저장하는 방법 *이 글의 내용 학교나 회사에서 여러 사람들이 내가 작성한 파워포인트 받아서 볼 때마다 글꼴을 적용하기는 번거롭습니다. 내가 보낸 파일을 보기만 할건데 매번 글꼴을 적용할 필요가 없습니다. 파일을 저장할 때 내가 적용한 글꼴을 함께 저장할 수 있는 효율적인 방법 소개합니다. 1. 파워포인트에 새로운 글꼴을 적용합니다. *테스트 용으로 네.. 2021. 8. 15.
[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.
반응형

티스토리툴바