미니프로젝트: 개인 소개 페이지 작성

mil nil·2022년 11월 4일
0

TIL (Today I Learned)

목록 보기
4/74

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">
  • 이미지 안 나올 때 대체 텍스트
profile
자바 배우는 사람

0개의 댓글