[Develop] 23.04.11 개발공부일지

요약: 학원 첫날, 개발 환경 구축 및 HTML 태그 학습

일시: 23.04.11

장소: 경기도 수원시 팔달구 갓매산로 38 다성빌딩 3층 더휴먼컴퓨터아트아카데미

배운 점

1. 개발환경 구축

- Auto Rename Tag, html tag wrapper htmltagwrap, Live Server 등 개발에 유용한 vscode 확장 프로그램

2. HTML

- 블록요소와 인라인요소의 특징

• <addr> 약어
• <address> 주소
• <strong> 강조
• <sub> 아래첨자
• <sup> 윗첨자
• <blockquote cite=””(출처)> 긴 인용문
• <q> 짧은 인용문
• <del> 삭제선
• <ins> 밑줄
• <em> 기울기(강조)
• <i> 기울기(폰트 스타일)
• <mark> 형광펜
• <meter> 바 형태로 퍼센트 표현
• <progress> 진행상태바
• <ruby>글자 위의 작은 글자 표현
• <rt> 작은글자
• <details>토글 생성
• <summary>토글 제목
• <ol>: 정렬된 리스트
• <li>: 리스트
• dl(definition list)
• dt(definition term)
• dd(definition description)

3. 단축키

쉬프트 + 알트 + 방향키 같은 문장 복붙

홈: 문장 맨앞

엔드: 문장 맨뒤

태그입력 후 탭: 자동 괄호

ul>li*n

알트 + W: 자동 괄호 닫음

쉬프트 + 문장 맨 앞 클릭 → 맨 뒤 클릭: 전체선택

 

부족한 점: 없음.