2024 4회차 웹 디자인 기능사 실기 대구 후기/공부법/쉬운 제이쿼리 (에밋 설치 돼 있었음!)

시험은 아주 잘 치고 온것같습니다

후기는 아주 간략하게 정리하여 적겠습니당!

 

📌시험장소
대구 계명대학교  (6실의 1번자리 였습니다)

 

📌사용프로그램  (일러스트라던가 다른것도 많았습니다만 굳이 안써도 될 난이도)

포토샵,VScode 

* 적지 않은 분들이 emmet 기능이 없을까봐.. 자동완성이 안될까봐..
!tab 눌렀을때 나오는 기본폼들을 외워가시던데 제가 친 장소에서는 모두 잘 동작했네요!

 

📌 시험문제 주제 

철길마을 

*공개문제와 똑같이! 나왔습니다

 

📌시험진행 과정

1. 8시 30분(시험 시작시간)에 입실가능

2. 좌석번호 뽑기 (비번호 폴더명이 이렇게 정해집니다)

3. 휴대폰 및 워치등의 전자기기 반납 (PASS로 신분증인증 할 분들은 이 과정에서 인증)

4. 시험문제 배부 후, 설명듣기

5. 9시쯤에 시험시작

6. 다 치고나서, 전송하기 버튼 누른 후 감독관 자리에서 확인 및 퇴실. (이때 슬라이드 안되면 실격)

 

 

 

📌시험공부 방법

https://www.youtube.com/watch?v=3Bky0BjCoqw&list=PL4UVBBIc6giIpzhQ4UWVCs64UzLQpdO5B&index=13

- 웹스토리 보이

 

https://www.youtube.com/watch?v=TvRLtpq5rCs&list=PLH1l_EbgfMi8Um8sPgGc0AsweBtTfLm6B&ab_channel=TV%EC%9C%A8%ED%9D%AC-%EC%9B%B9%EB%94%94%EC%9E%90%EC%9D%B8%EC%8C%89%EA%B3%A0%EC%88%98-

- 디자인쌉고수율희

 

 

 

 

위 두분 영상보고 공부했습니다.

 

율희님은 포토샵까지 다루어서 좋았고 (완전 초보분들이 보기 좋음)

웹스토리보이님은 슬라이드나 탭메뉴 등등의 유형학습을 정리된 상태로 할 수있었어서 좋았습니다

덕분에 공개문제를 6개정도만? 푼거같아요.

(코드도 웹스토리님 사이트에 올라가있음)

 

+ 참고로 저는 제이쿼리 부분빼고는.. 퍼블리셔로 일을 2년정도 했었어서

유형연습을 이 정도만 한 것 같습니다.

 

 

 

 

 

 

 

=================

 

부산에서 대구까지... 아침시간에 가느라 좀 힘들었네요 ㅎㅎ

기능사 실기시험접수는 접수가능당일에 열리자마자!

접수해야지 다른 지역까지 가는 불상사가 없으니.. 참고바랍니다!ㅠㅜ

 

 

++)

이게 결과가 12월에 나와서 어떻게 될지 모르겠지만....

저는 위 두분 영상에 나온 제이쿼리 보다는 제가 쉽게 짠 제이쿼리로 만들어서 풀었습니다.

 

그래서 eq문같은거 보다 쉽게 코드를 짜서 만들어서 제출했어요.

 

모든 유형에서 동작 잘됐고..? 시험쳤던 분들께 여쭤보니

동작만 잘되면 된다고 하더라구요!

 

 

아래는 쉬운 제이쿼리 코드 참고하시라고 올려봅니다.

 

 

📌쉬운 제이쿼리 코드 (탭메뉴/슬라이드/팝업)

$(document).ready(function(){

/* 탭메뉴 */
    $(".menu_one").mouseover(function(){
        $(this).find("ul").stop().slideDown(200);
    });
    $(".menu_one").mouseout(function(){
        $(this).find("ul").stop().slideUp(200);
    });


/* 슬라이드 유형1: 가로 슬라이드 */
    setInterval(function(){
        $(".slide_inner_wrap").animate({
            'margin-left':'-800px'
            // 슬라이드 하나의 가로 사이즈만큼 left 적용하면 됩니다
        },300,function(){
            $(".s_one:first").appendTo(".slide_inner_wrap");
            $(this).css({
                'margin-left':'0px'
            });
        });
    },3000);


/* 슬라이드 유형2: 페이드 인 아웃 슬라이드 */
    setInterval(function () {
        $(".s_one:first").fadeOut(500, function () {
            $(this).appendTo(".slide_inner_wrap").fadeIn(500);
        });
    }, 3000);


/* 공지팝업 */
    $(".pop_open").click(function(){
       $(".pop_bk").show(); // 팝업 뒤에 깔리는 검은 투명배경
       $(".popup_wrap").show();
    });
    $(".x_btn").click(function(){
        $(".pop_bk").hide();
        $(".popup_wrap").hide();
     });

    
});

 

 

 

++) 86점으로 무사합격 하였습니다