[디자인 부트캠프]디자이너를 위한 웹개발_DAY 46

프로덕트 디자이너 캠프 Day 46
디자이너를 위한 개발 지식

💡 HTML / CSS / JS

✅ HTML
➡️ 웹사이트의 뼈대 및 구조
➡️ HTML 태그를 사용해서 웹사이트 뼈대를 만듦

✅ CSS
➡️ HTML을 꾸며줌
➡️ 뼈대에 색깔을 칠해주는 요소
➡️ 글자 크기 변경, 간격 조정 등
➡️ '사용자에게 어떻게 보여줄까?'를 정함

✅ JS
➡️ Java Script
➡️ 웹페이지의 움직임을 줌
➡️ 글자를 자동으로 바꾸기, 장바구니에 물건을 담기, 버튼을 누르면 창이 뜨는 등의 움직임
➡️ 어떻게 동작할지를 알려줌

📌 웹사이트는 HTML / CSS / JS 3가지 요소로 웹사이트가 구현이 됨

💡 개발환경 셋팅

1️⃣ 크롬 브라우저 설치
2️⃣ Visual Studio code 설치
3️⃣ 실습할 프로젝트 폴더 생성
4️⃣ Vs code 확장 프로그램 설치
📍 korean language pack for vosco
📍 bracket pair colorizer
📍 indent rename tag
📍 css peek
📍 html to css autocompletion
📍 live server
📍 prettier - code formatter

💡 HTML 태그 실습

📌 오늘 배운 html태그 사용해서 '내가좋아하는 것' 주제로 작성 해보기