프로그래밍 학습기록 12 ~ 아톰의 "불가시 문자 표시"가 좋다 ~

2094 단어 HTMLudemy

오늘 한 일


  • Udemy 「웹 개발 입문 완전 공략 코스 - 프로그래밍을 처음으로 배울 수 있는 사람에게! 미경험으로부터 현장에서 사용할 수 있는 개발 스킬을 습득!」섹션 3의 10~18 .

    이하, 섹션 파트마다 취한 메모입니다.

    섹션 3HTML 입문



    10. 소개 - HTML 입문 -



    섹션 3에서 할 일 확인.

    11. HTML의 역사



    HTML의 역사와 W3C에 대한 동영상.
    HTML5가 2014년부터 사용된 것을 알고, 의외로 최근에 생긴 것이라고 생각했습니다.

    12. HTML의 기본 구문



    시작 태그와 종료 태그로 둘러싸고 코드를 작성하는 HTML의 기본에 대해 확인.
    여기는 특히 문제없다는 느낌입니다.

    13.MDN



    HTML, CSS, JavaScript, HTTP 등의 프로그래밍 언어와 웹 기술에 관한 설명서와 같은 사이트.
    조사하고 싶은 것이 있으면, MDN을 사용해도 조사할 수 있다고 합니다.
    예를 들어 HTML의 a 태그에 대해 알아보고 싶다면 'MDN HTML a'와 구글 검색을 거는 느낌입니다.

    14. HTML 문서의 기본 구조



    HTML의 기본에 대해 확인.
    Progate를 한 사람에게는 상식이므로, 은근하게 싱싱 봐로 괜찮습니다.

    15. 처음 HTML



    Atom 편집기의 배경색을 Settings → thema → UI thema에서 변경할 수 있습니다. 흰색으로 변경할 수있는 것 같습니다.
    하지만 검은 쪽이 멋지네요.

    16. 보충:일본어가 문자 깨지는 경우


    <meta charset="utf-8"/>
    

    로 문자 코드를 utf-8로 하는 것으로 일본어의 깨짐을 막습니다.

    17. HTML 병아리 (템플릿)



    반드시 기술할 필요가 있는 부분(DOCTYPE 선언이나 문자 코드 지정 등)이 이미 기술된 파일이 첨부되고 있습니다.

    18.Atom의 설정 불가시 문자



    Atom 설정에서 "비가시 문자 표시"를 선택하면 들여 쓰기의 문자 수를 쉽게 알 수 있습니다.





    배경이 검은색이므로 이해하기 어렵지만, 들여쓰기의 빈 부분에 문자수의 분만큼 점이 있는 것과, 종료 태그의 뒤에 개행을 나타내는 마크가 나와 있습니다.

    이것에 의해, 들여쓰기의 공백을 알기 쉬워지므로, 「불가시 문자를 표시」의 설정으로 사용해 가려고 생각합니다.

    지금, 받고 있는 Udemy의 레슨은 281 파트까지 있어, 아직도 앞은 길지만, 한 걸음씩 확실히 진행해 가고 싶습니다.

    계속해서 내일부터도 프로그래밍 학습을 열심히 해 나갈 것입니다.

  • 좋은 웹페이지 즐겨찾기