1) 과제 요구사항
세이프홈즈 페이지를 CSS, JS로 반응형 웹페이지 도전(클론 코딩)
2) 코드작성
기존 작업물에서 중앙정렬을 하고 레이아웃 구분감을 조금 더 주었다. 또한 마지막 페이지의 이용자 후기 영역에 이미지 슬라이더 기능을 추가하여 이전/다음 버튼을 누르면 가려져 있던 후기를 마저 볼 수 있도록 구현하였다.
3) 과제 회고(느낀점)
display:flex라는 코드를 적용했을 때, 자식요소를 배치하는데 어려움을 겪었다. 이 경우에 자식요소가 마치 inline처럼 취급되기 때문에 특히 줄바꿈을 해야할 때 난항을 겪었다. 결과적으로 이 코드를 상위 레이아웃에 적용하는 것은 되도록 지양해야함을 깨닫게 되었다. 추가적으로 이번에 JS로 이미지 슬라이더를 추가했는데, 조금만 다듬어서 프로필 사이트에 적용을 하면 내용이 조금 더 깔끔해질 것 같다. 다만 버튼을 없애고 setTimeout에 따라 이미지가 자동적으로 슬라이드 되게끔 만들어야할 것 같다. 사담이지만 이번에는 개인사정으로 수업을 불참하게 되었다. 이번 주말에는 몸상태가 좋지 않아 공부를 많이 못했었는데, 생각보다 이번 1번의 일탈의 파급력이 큰 것 같다. 다음주부터는 새로운 마음으로 다시 시작해야겠다.
#프로젝트캠프 #프로젝트캠프후기 #유데미 #스나이퍼팩토리 #웅진씽크빅 #인사이드아웃
#IT개발캠프 #개발자부트캠프 #리액트 #react #부트캠프 #리액트캠프
————————————————————————————————————————
본 후기는 유데미 x 스나이퍼팩토리 10주 완성 프로젝트캠프 학습 일지(B-log) 리뷰로 작성
되었습니다.
