미니프로젝트

1. 깃허브로 협업하기

• 깃허브를 하나 만들어 그안에 재료들을 app File을 하고 다운받기를해서 재료들을 공유한게 불편해서 팀원들이 각자의 지식을 공유해 클론복사하는법과 터미널을 통해 깃허브를 연결하는방법에 대해 지식공유 하는시간을 가졌다.
• 깃허브에 대해 더 많이 알아둬야할게 많다.

2. 미디어쿼리

• 미디어쿼리를 팀소개페이지에 적용하려다가 실패했다 2시간을 머리를 싸맸지만 결국실패했고 팀원중 다른분이 적용하셨는데 웹페이지 디자인 학원을 3개월 다니셨다고한다. 3개월정도공부하면 그정도가 될수 있을까..?

• 화면너비가 0~1024px (모니터크기)일때 1024이하의 px일때 작동함

  @media (max-width:1024px){
  body {background: wheat; color: #333;}
  body h1{color: white;}}

• *화면너비가 0~960px (노트북크기)일때 960px이하일때 작동함

  @media (max-width:960px){
  body {background: #555; color: white;}
  body h1{color: white;}
  }

• *화면너비가 0~768px (타블렛크기)일때 768px이하일때 작동

  @media (max-width:768px){
  body {background: rgb(219, 234, 147); color: rgb(9, 0, 0); }
  body h1{color: white;}
  }

• *화면너비가 0~576px (핸드폰크기)일때 575px이하일때 작동

  @media (max-width:576px){
  body {background: rgb(242, 71, 202); color: rgb(192, 238, 85);}
  body h1{color: white;}
  }

• 미디어쿼리를 더 잘 활용해야함

3. 깃허브랑 VS코드 연동

• 깃허브의 주소를 VS코드로 불러와서 연동하면 그때그때마다 깃허브에 올리고 다운받을수 있음 이내용은 깃허브에 따로 적어놓았음

4. 오늘의 회고

• 깃과 깃허브 연습

• 미디어 쿼리를 좀더 잘사용할수 있도록 연습할것