1. 미니프로젝트: 개인 소개 페이지 작성
- show() 태크와 window.scrollTo() 태그를 활용하여 페이지 열기를 진행할 때 보이지 않던 페이지가 버튼을 누르면 자동으로 스크롤 되며 보이도록 설정하였다.
- 정확한 스크롤 양이 어느정도인지 측정할 수 있으면 좋았겠지만 눈대중으로 반복 작업을 진행하며 스크롤 양을 설정하였다. Window에서는 거의 딱 맞게 진행이 되는 것으로 보이는데 Mac에서는 화면 화질에 따라 다르게 보이는 것 같아 아쉽다. 모바일로는 시도도 해보지 못했다.
<script>
function open_box_1() {
$('#1').show()
window.scrollTo({ top: 940, behavior: "smooth" })
}
function open_box_2() {
$('#2').show()
window.scrollTo({ top: 1880, behavior: "smooth" })
}
function open_box_3() {
$('#3').show()
window.scrollTo({ top: 2820, behavior: "smooth" })
}
function open_box_4() {
$('#4').show()
window.scrollTo({ top: 3760, behavior: "smooth" })
}
function open_box_5() {
$('#5').show()
window.scrollTo({ top: 4700, behavior: "smooth" })
}
function open_box_6() {
$('#6').show()
$('#7').show()
window.scrollTo({ top: 5640, behavior: "smooth" })
}
function open_box_7() {
window.scrollTo({ top: 0, behavior: "smooth" })
}
</script>
- 밤 늦게까지 남아서 공부하고 있는데 발전이 별로 없는 것 같아 아쉽다. 엉덩이를 오래 붙이는 연습이라고 생각하고 하루하루 진행하다보면 그래도 나중에는 어느정도 쓸만한 개발자가 되어있지 않을까..?
<img alt="image">