실무프로젝트-1주차-3일차

학습한 내용

footer 섹션의 css 적용

/* footer */
.footer-wrap{
    background-image: url(../images/footer2.png);
    background-size: cover;
    margin: 0 auto;
    padding: 80px 50px;
    display: flex;
}
@media screen and (min-width:1300px){
    .footer-wrap .footer-logo {
        margin-left: 250px;
    }
}
.footer-wrap .footer-content{
    margin-left: 5%;
    width: 85%;
    display: inline-block;
}
.footer-content .footer-content-main{
    color: white;
    font-size: 19px;
    margin-bottom: 10px;
}
.footer-content .footer-info-wrap, .footer-info a{
    color: #b9b9b9;
    line-height: 25px;
}
.footer-info-wrap .footer-info{
    display: flex;
    flex-wrap: wrap;
}
.footer-info-wrap .footer-info p{
    margin: 0 !important;
    width: 50%;
}

.footer-info p:nth-of-type(5){
    width: 100%;
}
.footer-wrap .copyright{
    color: #828282;
}

• 미디어 쿼리를 사용하여 1300px이상이 되면 이미지의 왼쪽 마진이 250px 떨어지도록 설정

현재 참고사이트와 글씨 크기 및 사진 위치, 마진, 패딩이 조금씩 다른 부분이 있어 수정이 필요.

멘토링 회의

• 7월 8일까지였던 기한이 7월 15일까지로 연장
• 역할 분담을 하여 이때까지 진행한 결과를 점검
• 현재 구현하는 거 까지는 대부분 완성, 하지만 애니메이션 및 반응형 구현 부족
• 코드 합치는 작업이 필요
• git push, branch를 통해 합쳐보는 걸로 결정
• 합치는 과정 또는 수정 과정에서 문제가 발생할 수 있기에, 하루에 한, 두번 일정 시간 이후에는 반영하지 않으면서 그 사이에 백업을 해두도록 함(실제 협업에서도 사용하는 방법이라고 함)
• 웹 표준을 지키면서 코딩(로봇이 잘 읽어 검색에서 상위에 올라가기 위함, 유지보수)
• https://validator.w3.org/ 참고

검사 결과

• 내가 작성한 코드를 검사한 결과
  
• 한 개의 오류가 있었는데, 위 코드는 카카오 지도 api를 사용하기 위한 코드로써 왜 오류가 났는지 모르겠다. (조사해보기)

학습한 내용 중 어려웠던 점 또는 해결못한 것들

해결방법 작성

학습 소감

전체적인 중간 점검이 있었다. 조원 모두 맡은 역할에 대해 전반적으로 진행이 잘 되고 있었다. 현재까지는 큰 문제는 없었지만, 합치는 과정에서 문제가 발생할 것으로 예상된다. 그리고 git을 사용하기로 하였는데, 아직 git 사용법이 익숙하지 않아서 공부를 따로 해야할 것 같다.