윤인성 모던 웹을 위한 JavaScript + jQuery 입문 3판 3강 - 코딩 전용 폰트 설정 > javascript

윤인성 | 모던 웹을 위한 JavaScript + jQuery 입문 3판 3강 - 코딩 전용 폰트 설정

페이지 정보

조회: 481

본문

※ 영상을 선명하게 보기 안내

유튜브 영상에서 오른쪽하단에 톱니바퀴를 클릭합니다.
팝업목록에서 "품질" 선택하세요.
원하는 해상도를 선택해주세요.

※ 모바일에서 Wifi가 아니라면 데이타가 소진될 수 있으니 주의바랍니다.

윤인성님의 javascript강의 청각장애인을 위한 자막

안녕하세요 모든 앱을 위한 자바스크립트 제이쿼리 입만 3탄 3강 되겠구요

이번 강의 부터는 이제 본격적으로 코드를 입력할 시작하는 34페이지
2.3 절 문자를 자룡 에 대해서 나가도록 됩니다
그런데 일단 코드를 입력할 때 뭐 사실 책 내용만 진행하게 되면 인터넷
강의가 사실 저는 큰 의미가 없다고 생각을 하거든요 그래서 요 텍스트
에디터와 관련된 설정 몇가지에 대해서 설명하도록 하겠습니다
일단 설명을 위해 저도 컴퓨터를 완전히 포맷한 상태이구요
비쥬얼 스튜디오를 깔고 곧바로 강의를 찍고 있습니다
일단 지난번에 언급했던 것처럼 파일을 하나 만들어 보도록 할게요
파일 새로만들기 파일에서 파일을 눌러 주신 다음에 html 페이지를
만들어 주시면 지금 화면과 같이 html 페이지가 나오게 되는데요
한국어 비주얼 스튜디오를 사용하시게 되면 기본 폰트가 정말 아쉽게도
돋움체 라는 폰트로 되어 있습니다
돋움체 라는 것은 우리가 일반적으로 사용하는 폰트 내용
그렇게 일반적으로 사용하는 폰트 의 경우는 뭐 알파벳 대문자 i 와 소문
짜리 전혀 9분되지 않는 다던가 하는 문자가 있습니다
추가적으로 자주 사용하는 우울 기후가 있는데 요 올 기호도 사실 대충
보았을 때는 요게 아이인지 l 인지 뭐 소 문자의 렌즈에 모음 올 기호
인지 전혀 9분이 안 되게 보이기 때문에 우리가 프로그래밍을 개발을 할
때는 요런 일반 적인 콘 트가 아니라 코딩 전용 폰트를 사용하게 됩니다
굉장히 다양한 코딩 전용 폰트 가 있는데요 한국어를 지원하는 코딩 전용
폰트 난 사실 우리나라에서 만든 것 밖에 없겠죠
그래서 가장 대표적인 코딩 전용 폰트 는 현재 2017년 를 기준으로
네이버에서 제공하는 d2 코딩 폰트 라고 할 수 있습니다
네이버 d2 코딩 폰트 라고 검색을 해 주시면
네이버에서 제공하는 d2 코딩 폰트 페이지가 나올 텐데요
여기에 들어가 주시면 d2 코딩 글꼴을 받으실 수 있습니다
다운로드 라는 버튼 아래에 있는 버전 1.2 같은것을 눌러주시면 다운로드
가 되는데요
기 탑에서 제공하기 때문에 네이버 에서 따온 받는 그런 속도 보다는
느리지만 용량이 적기 때문에 꽤 금방 따온 이 됩니다 다운이 모두 되면
열어주시면 되겠구요
열어 주신 다음에 각각의 있는 녀석을 클릭을 해서
요 코딩 화면을
열어 주신 다음에 설치버튼을 차례차례 눌러주시면 네이버 d2 코딩 폰트
가 설치가 됩니다
그래서 뭐 간단하게 계속 설치해 보도록 할게요
뭐 얇은 글씨 중간 글씨
뭐 그런 것들이 설치가 되는데요
설치를 완료하시면 이제 적용을 하면 되는데요
비주얼 드디어 위쪽에 도구에서 옵션을 클릭해주셔서 옵션 창을 띄운 다음에
왼쪽에 환경 아래의 글꼴 및 세계에서 오른쪽에 글꼴을 d2 코딩 폰트 로
변경을 해주시면 좋겠습니다
참고적으로 굵은 글씨로 표시 되는 게 대부분 코딩 폰트 인데요
물 약간의 예외도 있기 때문에 직접 설치를 해서 사용을 하시거나 콘솔
아스 같은 유명한 것들 사용하시는 것을 추천드립니다
어쨌거나 확인을 누르면 뒤 2 코딩 폰트 가 적용이 되는데요
대문자 i 와 소문자 일과 올 기어가 확실하게 9분되는 것을 확인할 수
있습니다
또한 요런 코딩 폰트 는 우리가 뭐 노스페이스 폰트 라고 불러서 고정폭
을 가지게 되거든요 그래서 글자들의 개수가 몇 개인지 탭을 제대로
입력했는지 등도 제대로 확인할 수 있기 때문에
코딩 전용 폰트 를 사용하시는 것을 추천드립니다
참고적으로 코딩 폰트가 제대로 적용이 되지 않는다면 저장을 한 번 해
주신 다음에 비주얼 스튜디오를 거다 키시고 다시 적용을 해 주시면
되겠습니다
이외에도 에디터에 는 굉장히 다양한 설정이 있는데
위쪽에 도구에서 옵션에서 왼쪽에 텍스트 편집기 항목을 누르시고 되면
오른쪽에 표시가 나오는데요
뭐 현재 줄이 강조되어 있는 다든지 하는 것을 켜거나 끌 수 있습니다
주거나 강의를 진행할 때는 요게 오른쪽으로 밀려서 보이면 좋지 않기
때문에 모두 체크를 해제 를 해서 왼쪽으로 붙여서 사용 하도록 하겠습니다
참고적으로 요 비주얼 스튜디오에 있는 옵션들은 다른 대부분의 id 남
텍스트 에디터에서 도 모두 적용이 되기 때문에 한번쯤 뭐가 있는지
읽어보시면 은 나중에 다른 프로그래밍 언어를 접하실 때도 큰 도움이 될
거라고 생각을 합니다 저쨌거나 오늘 강의는 요 에디터에 대해서 간단하게
설명을 하는 부분이 없기 때문에 여기에서 마치도록 하겠구요
다음 강의 부터 본격적으로 문자를 자료형에 대해서 진행해 보도록
하겠습니다.