블로그

약 한달동안 준비했던 웹디자인기능사 3회 실기 드디어 합격했습니다♡ 저의 블로그에서 웹디자인기능사 카테고리를 보시면 아시겠지만 정말 노답이었어요.. 솔직히 지금도 코린이 지만ㅜㅜ 웹디자인기능사 실기합격해서 너무좋습니다ㅎㅎ 저처럼 정말 멘땅에 해딩하시는분들을위해서 조금이나마 도움이 되길바라는 마음입니다^^ 처음에는... 마음만 급해서 넉넉히 한달전부터 시도만 하고 무너지길 반복했어요... 레이아웃도 못짜고... 아예 시작을 못하겠어서 모범답안만 따라치다가 웹스토리보이님 강의를듣고 1.레이아웃 짜는법을 따라했어요 이때는 정말 레이아웃도 며칠걸려서 하나 완성하고 그랬습니다;; 그러다가 그냥 무작정 했어요..... 그냥 몇일이 걸리던 혼자서 해보고 안되면 보고 다시해보고 그렇게 헤더부분,배너부분,푸터부분을 완성..

float익히느라 미쳐 해보지도못한 flex로 레이아웃짜기 정말 쉽다... 정말 구세주여..

한달정도 웹디자인기능사를 공부하면서 드디어 오늘 시험을 봤습니다!ㅎㅎ 처음에 레이아웃도 제대로 못짜던 저였는데 여러유튜브와 네이버카페,오픈채팅등 여기저기 기웃거리면서 많이 배운것 같네요! 가장 어려웠던 텝메뉴는 나오지 않아서 다행아닌 다행이랄까요ㅎㅎ 셤전날 제이쿼리가 영 불안해서 gnb,슬라이드,텝메뉴,팝업 계속 연습했네요ㅜㅜ 그래도 저거 외우느라 레이아웃을 제대로 못잡았는데 그래도 셤장에서 어렵지않게 해결해서 다행이었어요ㅎ 제이쿼리는 정말 공부한대로 한번에 다 잘 작동되서 정말 기분이 좋더라구요 맞게 풀었는지는 모르겠지만 꼭 합격했으면 좋겠네요^^ 시험보시는 분들 모두 화이팅입니다! 참고로 제가 했던 공부방법을 알려드리면 레이아웃 -> 제이쿼리제외 디자인넣기 -> 제이쿼리 통째로암기 이런식으로 했습니다..

GNB,슬라이드,텝메뉴 외운다고 외웠는데... 내일 꼭 쉽게나오기를.ㅠㅠㅠ /*GNB*/ var sm = $("#header .gnb>ul>li>ul"); sm.hide(); var gnbbg = $(".gnbbg"); gnbbg.hide(); $("#header .gnb>ul>li").hover( function(){ /* $(this).find("ul").stop().slideDown();*/ sm.stop().slideDown(); /* gnbbg.stop().slideDown(); */ }, function(){ /* $(this).find("ul").stop().slideUp();*/ sm.stop().slideUp(); /* gnbbg.stop().slideUp();*/ }); //방법2 va..

애먹었던 GNB 유형 페이드슬라이드 팝업... 암기만이살길이다.ㅜ img에 display:block 주는이유 inline이라서 안쓰면 여백생김

gnb,팝업 성공 좌우슬라이드,텝메뉴 망함... /*gnb*/ $(".nav>ul>li").hover( function () { $(this).find(".submenu").stop().slideDown(); }, function () { $(this).find(".submenu").stop().slideUp(); }); /*팝업*/ $(".tab-cont li:first-child").click(function () { $(".popup").show(); }); $(".btn").click(function () { $(".popup").hide(); }); 좌우슬라이드 구현 팝업창 맨위로올려야함... var idx=0; $('.slide li').eq(0).siblings().css({ left:"-1..

정말 몇일에 걸쳐서 완성하는지 모르겠다... 그래도 그전보단 확실히 나아진것 같다... 남은시험까지 화이팅.ㅜㅜㅜ 팝업창 유형 2개!! /*팝업창*/ /*$(".cont1 li:first").click(function(){ $(".layerpopup").addClass("active"); }); $(".btn").click(function(){ $(".layerpopup").removeClass("active"); }); */ $(".cont1 li:first").click(function(){ $(".layerpopup").show(); }); $(".btn").click(function(){ $(".layerpopup").hide(); }); 바로가기 배너 h2 가운데정렬 margin: -높이반px ..

울고싶다 복붙했는데도 안된다 ㅜㅜ 정신차리니깐 됨 ㅜ