728x90
반응형
코딩 공부하기 일과(1)
오늘은 첫 오전 수업은 개인 수업시간 내용 정리 사이트 일부를 정리했습니다.
두번째로 위의 사이트에 있는 SITE1 / SITE 유형 완성의 페이지를 완성시켰습니다.
- https://dongjin6539.github.io/web2023/site/site1/index.html
- 코드는 기존에 홈페이지 만들기에서 사용했던 코드와 CSS를 가져왔습니다.
- 헤더 유형 : https://dongjin6539.tistory.com/44
- 슬라이드 유형 : https://dongjin6539.tistory.com/40
- 이미지 유형 : https://dongjin6539.tistory.com/28
- 이미지/텍스트 유형 : https://dongjin6539.tistory.com/39
- 카드 유형 : https://dongjin6539.tistory.com/31
- 배너 유형 : https://dongjin6539.tistory.com/62
- 텍스트 유형 : https://dongjin6539.tistory.com/35
- 푸터 유형 : https://dongjin6539.tistory.com/49
구성
- 이번에서 집중적으로 했던 부분은 슬라이드 유형 부분에 이미지 슬라이드가 자연스럽게 지나가는 방법을 사용했습니다.
- swiper 사이트를 사용했습니다.(https://swiperjs.com/get-started)
- 먼저 cdn 링크를 가져오고 코드 API도 가져왔고 사용방법을 API에서 찾아서 활용했습니다.
- 화살표랑 닷 버튼은 미리 만들어둔 유형이 있기 때문에 가져와서 사용했습니다. svg 폴더로 가져와서 css 파일에 background-img:url( )를 사용했습니다.
오후에는 조별 작업으로 사이트 제작에 열심히 해봤습니다. 혼자서 할때는 통합해야한다는 느낌이 없었는데 조별로 작업을 하는데 여러명이서 하다가 이제 합치려고 하니까 구역이나 css나 폴더명이 안맞아서 어떻게 통합을 해야 할지 막막했습니다. 하지만 나중에 실무에 가게 되면 여러명이서 작업을 할 수도 있으니 미리 경험을 해본다고 생각을 하긴 했습니다.
728x90
반응형