[08주_2024_12_09] 웹퍼블리싱 시작
2024년 12월 09일 ( Monday )
───────────⚪──────
◄◄⠀▐▐⠀►► 𝟸:𝟷𝟾 / 𝟹:𝟻𝟼⠀───○ 🔊
[개인]
🩶 웹퍼블리싱 실시간 강의듣기
🩶 웹퍼블리싱 과제하기
🩶 ch.3 개인 과제 디벨롭
🩶 튜터님 면담
🩶 TIL 작성 및 제출하기
[팀플]
🩶 팀명&팀장&약속 정하기
🩶 저녁 팀 스크럼(회고)
🤤오늘 진행한 부분!
ch.4가 되어서 팀이 바뀌었다. 발제가 끝나고 새로운 팀원들과 인사하고, 팀명, 팀장, 약속 등을 정하였다.팀을 바꿀 때마다 느끼는 거지만 비슷하지만 팀별로 다른 점이 많은 거 같다. 11시 30분에 강의를 들었다.
HTML-구조/뼈대
CSS-스타일(디자인)->UI랑 연관성 높음
react-도구
웹퍼블리싱을 배워야하는 이유
- 개발자가 얼마나 빠르게 구현 가능한지 디자이너가 스스로 견적내어 UI/UX를 설계할 수 있어, 효율적이고 생산성 높은 프로젝트로 이어짐
- 신입 디자이너 중에서도 차별화된 경재력을 갖출 수 있음
- 앱 개발에는 한계가 있는데 그 것을 이해하기 좋음
- 현실적이고 구현 가능한 디자인을 설계함으로써 사용자 경험(UX)을 더욱 효과적으로 개선 가능
HTML은 HyperText Markup Language의 약자
웹 페이지의 구조를 정의하는 마크업 언어를 사용-> 약속 방식의 특별한 언어
브라우저: 인터넷에 있는 자료를 찾아서 보여주는 프로그램
HTML은 블록을 쌓아서 웹 페이지를 구성함
<>을 태크라고 부름
- `<!DOCTYPE html>`: HTML5 문서를 선언->5가 HTML의 최신버전
- `<html>`: 이 문서 전체가 HTML이라는 표시
- `<head>`: 문서 정보를 포함 (메타데이터, 스타일, 스크립트 등)
- `<body>`: 실제로 화면에 표시되는 콘텐츠를 포함
메타 데이터를 잘 정리하면 검색이 잘 됨
스크립트->웹 페이지를 더 똑똑하고 재미있게 해주는 프로그램
<태그이름></태그이름>: 한 세트
예외: 이미지 태그<img>
ex.<img src:"사진 이름.jpg alt="사진이름"> (src:경로(주소) / alt: 사진이 없을 때 대신 보여줄 설명)
옆으로 붙는 태그는 <br>붙이기
*<br>:줄을 바꾸는 태그
<div>:구역을 나누는 상자 같은 태그->나누고 정리할 때 사용
💭내일 계획
🤍 데일리 회고
🤍 강의듣기
🤍 TIL 작성 및 제출하기
🤍 저녁 회고