[1주차 회고] HTML, CSS, 기초 웹페이지 생성 배운점, 어려웠던점

HTML, CSS 기초

• 배운점:
  • HTML, CSS과 Bootstrap 활용을 빠르게 복습
• 어려운 점:
  • 태그 내의 여러 속성값을 지정하는 방법에 대해서 익숙해지고 검색을 생활화해야 한다.
• 블로그 링크 :
  • https://ohnyong.tistory.com/3
  • https://ohnyong.tistory.com/4

---

CSS 활용

• 배운점:
  • linear-gradient 를 사용하여 이미지를 어둡게 보정
  • division태그 내부의 콘텐츠 (Text, Input, Button 등) 을 가운데 정렬
  • 백그라운드 색상 제거 (투명화) transprent
  • 추가적으로 "hover"(마우스 커서가 올라간 경우) 테두리 강조 이벤트를 추가
• 어려운 점:
  • 기초적인 CSS 꾸미는 태그, 속성 사용법 익혀야 한다.
  • 부트스트랩을 활용하더라도 속성을 변경하면서 어떤것들이 변경되는지 확인 필요
  • 기초적인 CSS 꾸미는 태그, 속성 사용법 익혀야 한다.
• 블로그 링크 :
  • https://ohnyong.tistory.com/10
  • https://ohnyong.tistory.com/15
  • https://ohnyong.tistory.com/16

---

웹 페이지 만들기

• 배운점:
  • 아이디와 패스워드 input 속성인 type="text"와 type="password"를 활용
  • 추후에 form태그로 감싸고 method 속성을 통해 통신해야 한다.
  • head태그에서 style태그를 통해 클래스, 아이디 등 선택자를 지정하여 다양한 style을 적용 시킬 수 있다.
• 어려운 점:
  • css 선택자에 대해서 더 공부해야한다 부모자식관계, 특정 속성을 선택하는 등 더 많은 방법
• 블로그 링크 :
  • https://ohnyong.tistory.com/4

---

웹 페이지 배포(git page) 활용

• 배운점:
  • github>repo>settings 에서 깃 페이지를 배포 할 수 있다.
• 어려운 점:
  • github, jekyll를 활용한 블로그 제작을 해보려했는데 시간이없다!
  • 나중에 도전해보자 좀 더 천천히 연습할 필요가 있다.
• 블로그 링크 :
  • https://ohnyong.tistory.com/17

---

별점 넣기

• 배운점:
  • 과제는 부트스트랩의 셀렉트 박스를 사용하는것을 추가하는 것이다.
  • 설명서를 보고 잘 따라하면 된다.
  • https://getbootstrap.com/docs/5.0/forms/input-group/
• 어려운 점:
  • 부트스트랩에서 다양한 인풋, 박스, 다이얼 등 요소를 눈으로 확인하고 필요한 것을 가져다 사용할 수 있다.
  • 생각보다 자주 활용되는 것은 모아서 정리할 필요가 있어보인다.
• 블로그 링크 :
  • https://ohnyong.tistory.com/3