제주여행 소개 webpage를 만들어보았습니다.
데모 동영상 link: https://drive.google.com/file/d/1Kvrb8Non-_dvL7uKyLzZ4Da7RdR1j2ZD/view?usp=sharing
![image](https://private-user-images.githubusercontent.com/52192706/266000743-66816de2-8f41-4ce2-9b9a-74c76f31891d.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjQ1NTI4NzcsIm5iZiI6MTcyNDU1MjU3NywicGF0aCI6Ii81MjE5MjcwNi8yNjYwMDA3NDMtNjY4MTZkZTItOGY0MS00Y2UyLTliOWEtNzRjNzZmMzE4OTFkLnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA4MjUlMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwODI1VDAyMjI1N1omWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPTQ5ZTI5NGZjYTM1MzU1MWQ4ZWFkZmQzM2U1MWNhYjg2OGM4Y2VlNjI3MjNmMWUxZGIyZjE3YmE1MjVmMTYzMjAmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.RiTWRlKeFCPGHq7YsEZCPdmYnDae7xUyzYacIa5O68E)
- HTML
- CSS
- Javascript
- 5초에 한번 씩 상단의 배경사진 변화
- 배경 음악 컨트롤러 추가
- 타 웹사이트로 link
- 사진에 Hover시 정보 표시
- Top으로 가기 버튼 추가
기본적인 html에 대하여 배우고 간단한 웹사이트를 만듦
기본적인 CSS에 대하여 배우고 0310에 만들었던 웹사이트를 변형함
심화된 CSS(margin, padding, <div>태그, grid 등 display modes)에 대하여 배우고 0317에 만들었던 웹사이트를 변형함
css를 배운 마지막 시간, table,opacity, transparency, shadow 등을 배우고 이전에 만든 웹사이트를 responsive하게 최종 변형함.
javascript의 기초를 배우고 이전에 만들었던 사이트를 js를 통해 만들어보는 실습을 함.
javascript를 이용해 loop, array를 구현해보는 실습을 함
javascript의 object 개념을 배우고 그래프를 그리는 방법, 여러 input type을 사용하는 방법을 배움