8/9 개발일지

1. 학습한 내용

파트 합치기 및 미디어 쿼리 적용

다른 팀원이 작성 한 파트와 저의 파트를 합치는 작업을 하였습니다.

스크롤 위치 지정

원하는 부분에 스크롤을 시키려하니 이미지 더보기 등으로 인해 위치 좌표가 바뀌는 바람에 직접 그 영역의 id값으로 이동하게 수정하였습니다.

     var location = document.querySelector('#certi').offsetTop;
      $('html,body').animate({scrollTop:location},800);

참고사이트 : https://enai.tistory.com/33

display 속성을 이용한 위치 지정

display의 속성을 이용해 위치조정을 하였습니다.
block과 inline-block을 사용하여 텍스트를 여러 줄로 만들거나 한 줄에 모두 나오게 하였습니다.

.map-text-sub2 p{
  display: inline-block;
}

768px의 경우

.map-text-sub2 p{
  display: block;
}

2. 학습내용 중 어려웠던 점

x

3. 해결방법

x

4. 학습소감

생각보다 쉽다면 쉽지만 어려울 수 있는 것이 협업인 것 같습니다. 혼자 작성한 것을 남이 이해하기 쉽게 쓰는 것이 이래서 필요하다는 것을 절실히 깨닫게 되는 작업이었습니다.