전체 글 92

[FE][03] HTML 이미지 출력, 경로

※ 프로젝트의 최상위 경로에(root 경로에) 'index.html' 파일이 존재해야 한다.  이미지를 출력하는 두 가지 방법alt : 대체텍스트 1) 파일  img src="./images/마시.png" alt="마시 그림">  2) 이미지 링크  img src="https://pbs.twimg.com/profile_images/1796687739087446016/jt7bgGhd_400x400.jpghttps://pbs.twimg.com/profile_images/1791247395365511168/QcmZ5kF-_400x400.jpg" alt="마시 그림">   경로1) 상대 경로- - ./- ../    ※ 상위 폴더로 이동 2) 절대 경로- http- https- /     ※ 최상위 경로(roo..

FE 2024.07.06

[FE][02] HTML 기본 태그

범위: Ch3-04 ※ 필기 위주로 하지 말기 (예쁘게 X, 알아보기 쉽게O)※ 머릿속에 집어넣는 것 우선 (암기 ★ ★ ★ ★ ★)※ 일단 쭉 1회독※ 모르는 건 돌려보고 자주 나오는 건 적기HTML해당 파일 어디서부터 어디까지 해석할 것인지 지정 HEAD 탭 이름 외부 문서를 가져와 연결할 때 사용(대부분 CSS 파일)  rel: 가져올 문서와의 관계href: 가져올 문서의 경로href   ./  Favicon(파비콘) : Favorite IconHTML Favicon을 적용할 때에는 이름을 'favicon'이러고 지정할 것 - favicon.ico - favicon.png - -     와 같이 JS 파일을 가져오기  - 외부에서 파일을 가져오는 link 태그의 역할2) ~코드~ 와 같이 HTM..

FE 2024.07.06

[FE][01] Visual Code 기본 세팅 및 단축키

1) Beauify정리된 코드 만들기 2) Auto Rename Tag태그 이름을 한 번에 변경 3) Live Server브라우저에 출력 No.단축키내용1  Ctrl + alt+ ; HookyQR.beautify 단축키(코드 예쁘게 정리)2  Ctrl + alt + S 프로젝트 내 전체 파일 저장3  Ctrl + B 사이드바(탐색기) 닫기4  Ctrl + P 이름으로 파일 검색 메뉴5  Ctrl + Shift + P 모든 명령 표시(에디터의 모든 명령에 접근)6  Ctrl + W 편집기 현재 탭 닫기7  Ctrl + H 찾기+바꾸기8 Alt + ↑코드 해당 줄을 윗줄과 바꿔치기(윗줄로 이동)9 Alt + ↓코드 해당 줄을 아랫줄과 바꿔치기(아랫줄로 이동)10  Alt + Shift + ↓ 코드를 아랫줄에..

FE 2024.07.06