[스파르타] 7일차_복습 및 JQuery 적용 (1-1 ~ 2-5)

SSAFY 적성진단 대비한다고 한동안 GSAT만 풀었다.

그랬더니 개발에 손 놓고, 스파르타 강의도 안 듣고...

2-5강부터 들으려고 하니까 거의 잊어버려서 처음부터 다시 듣는 중이다.

이번 주 안에 4주 차까지 완강하는 게 목표다.

파이팅!!

 

---

5. JQuery 적용하기(나홀로메모장)

이전에 만들었던 '나홀로메모장'에서 포스팅 박스 열기/닫기 기능을 구현했다.

<style>
    .posting-box {
                display: none;
            }
</style>

<script>
        function openclose() {
            let status = $('#post-box').css('display');
            if (status == 'block') {
                $('#post-box').hide();
                $('#btn-posting-box').text('포스팅박스 열기');
            } else {
                $('#post-box').show();
                $('#btn-posting-box').text('포스팅박스 닫기');
            }
        }
</script>

<a onclick="openclose()" id="btn-posting-box" class="btn btn-primary btn-lg" href="#" role="button">포스팅박스 열기</a>

 

JQuery는 아직 익숙하지도 않고, 어렵게 느껴진다.

아직 이해 안 되는 부분이 많지만 계속 연습하고, 사용하면 익숙해지겠지!!