[VScode] 주석 Ctrl+/ 안 될 때 가능성

컴퓨터 작업 표시줄 오른쪽 아래 언어 설정에서 "한국어 Microsoft 입력기" 선택 또는 Ctrl+Shift 후 Shift키만 뗀 후 "한국어 Microsoft 입력기" 선택

• format_list_bulleted SW공부/VScode
• · 2023. 1. 8.
• textsms

[VScode] Live Server Crome으로 열리도록 설정

File → Preferences → Settings → "Settings: Custom Browser" 검색 → Crome으로 변경

• format_list_bulleted SW공부/VScode
• · 2023. 1. 8.
• textsms

[HTML] img 태그 속성과 상대경로

-img 태그 속성- src (이미지를 읽어올 경로) alt (이미지를 읽어올 수 없을 때 문구 표시) width, height loading (이미지를 읽어오는 방식) -src 상대경로- ./ (html문서 위치) ../ (상위 폴더) imeges 폴더 아래에 image-product.jpg 라는 파일이 있는 경우 예시 1. html문서 기준 상위 폴더에 이미지파일이 있을 때 or 상위 폴더에 바로 이미지 파일이 있는 경우와 상위 폴더의 다른 폴더에 이미지파일이 있는 경우 2. html문서 기준 하위 폴더에 이미지파일이 있을 때 ./은 생략 가능 3. html문서 기준 같은 폴더에 이미지파일이 있을 때 이미지파일명을 바로 적을 수 있음

• format_list_bulleted SW공부/HTML&CSS
• · 2023. 1. 5.
• textsms

[Toy Projects] 상품 프리뷰 카드

Frontend Mentor - Product preview card component Frontend Mentor에서 html과 css를 선택하면 가장 처음 나오는 challenge를 시도해봤다. 갓 기초문법을 땐 쪼렙이라 오래 걸리기도 했고, 코드도 전문가가 보기엔 엉망이겠지만 처음 해 본 프로젝트라 기쁜 마음으로 올려본다. 사용스택 : html, css 첫 시도 치고 거의 비슷하게 만든 것 같아 뿌듯하다. 사이즈가 조금 다르긴 한데 내려받은 이미지파일 속 컨텐츠 사이즈를 정확하게 알 수 있는 방법이 있는지 잘 모르겠다. (1/10 추가 : 사이즈를 정확하게 알기 위해서는 제공하는 경우에 한해 Sketch and Figma design files 를 내려받을 수 있다. 무료인 경우도 있고, fro를 ..

• format_list_bulleted ToyProject/Frontend Mentor
• · 2023. 1. 5.
• textsms