[HTML+CSS]5. 웹페이지 만들기 완성

김예진·2020년 8월 17일
3

HTML+CSS

목록 보기
5/5
post-thumbnail

드디어 내 소개가 담긴 웹 페이지를 완성했다! 야매가.. 있었기는 했지만 완성했다는 것에 큰 기쁨을 느꼈다.

팀원들과 화상으로 서로의 웹페이지 화면과 코드를 함께 확인해보는 시간을 가졌다.
우리 팀원들 모두 다 멋진 웹페이지를 만들어서 구경하는 재미도 있었고, 또 다른 배움을 얻은 시간이었다.
스터디 시간을 통해서 배운 것들과 앞으로 내 코드 중에서 수정해야할 부분을 나눠보았다.


1. 배운 것들

  • css에 본인이 자주 사용할 것 같은 컬러나 스타일을 주석으로 메모하듯 저장해놓으면 일관성있는 스타일의 페이지를 만들 수 있다.
  • @media 쿼리를 적용해서 반응형 웹 만들기
  • 이미지 크기를 width= 퍼센트% 로 했더니 화면 비율이 자동으로 변경되는 것 같음.
  • 깃에서 폴더! 만들기! 이거 진짜 엄청 찾고있었는데 은선님이 알려주셨다.. 진짜.. 왕갬덩...박수 백 번 쳤다.

2. 코드 수정할 것들

  • @media 쿼리 적용하기
  • title 오타 수정하기
    : 왜 header 윗 부분에 내가 title로 쓴 문구가 뜨는건지 계속 의아했는데 스터디하면서 팀원분이 찾아주셨다. 나는 왜 오타가 보이지 않았을까!... 매의 눈인 우리 팀원님 덕분에 진짜 또 박수 백 번 쳤다.
  • div image 비율로 수정해주기
    : like 페이지 부분에 야매로 만들었던 이미지의 좌우 비율.. 창 크기가 달라지면 좌우 비율도 달라지기 때문에 꼭 수정해줄것!
profile
Backend Developer 🌱 벨로그 내용을 티스토리로 이사중~!

0개의 댓글