내일배움캠프(TIL-3일차 팀프로젝트)

그냥차차·2022년 11월 2일
0

내일배움캠프

목록 보기
11/106
post-custom-banner

미니프로젝트 -팀원소개사이트 만들기

깃과 깃허브

  • 처음써본 깃과 깃써브 어렵다 할줄모르겟다. 도통모르겠다 하지만 깃허보를 통해 공유폴더를 만들고 그안에 각자 작성한 파일들과 이미지 재료들을 모았다.
  • 깃허브 더 연습해야겠다. 실시간 vscode랑 연동도 가능하다는데 해봐야겠다

과연영상없이 페이지를 만들수 있을까에대한 의문

  • 그동안 영상을보고 페이지를 보고 따라서 페이지를 만들수 있었지만
    과연 영상없이 만들수 있을지 의문이 들어 도전을해봤지만
  • 이미지 넣는거조차 css연동하는거조차 링크거는거조차 쉽지않다.
  • 연습해야겠다 영상없이 레이아웃 만들기

혼자해보니 애먹었던 코드들

  • 링크이동 코드 <a href ="./폴더명/파일명">링크이동</a>

  • 이미지링크 코드<a href= "./폴더명/파일명">이미지링크<class"클래스명"></a>

새로배운 코드

  • 카드애니효과를 가운데를 중심으로해줌.team{align-items:center;}

  • 100px짜리 이미지를 전부 부드럽게.team-item{flex-basis100px; transition:all,4s;}

  • hover기능으로 140px로 띄워줌 .team-item:hover{flex-basis:140px;}

회고

  • 깃과 깃허브 관심가져서 배울것
  • 기본실력 키울것(html,css)
  • 영상없이 혼자 레이아웃 잡을정도 되볼것.
profile
개발작
post-custom-banner

0개의 댓글