본문 바로가기
반응형

분류 전체보기34

웹디자인 기능사 메뉴 네비게이션 만들기 : 제이쿼리 메서드 $('선택자').함수(funcion(){ $('선택요소').메서드(); }); 요소탐색 메서드 설명 .children() 선택요소의 바로 아래단계인 자식요소만 선택 .siblings() 선택요소의 형제요소 선택 제이쿼리 탐색중에 요소 탐색하는 메서드 실습 제이쿼리 메서드 .menu { padding: 0; list-style: none; width: 200px; /* border: 1px solid red; */ text-align: center; } .menu li > a { background-color: #000; color: #fff; display: block; padding: 5px; border: 1px solid red; } .sub-menu { border: 1px solid #000; .. 2022. 8. 9.
[직딩칼럼] 대기업 퇴사 최근 우리팀 퇴사율이 높은 상황이 생겨났다. 이직을하거나 새로운 꿈을 찾아서 떠나는 직장인들이 늘고있다. 2021년 핫했던 파이어족. 단기간 절약하며 미래를 위해 자금을 모으고 일찍 은퇴하는 2-30대들을 말한다. 나도 파이어족을 목표로 진행중이지만.. 소비패턴때문에 아직은 시간이 걸리겠다. 22년 중순은 그런 파이어족들이 다시 취업시장으로 들어오고있다. 인생에 정답은 없지만 그래도 나만의 정답을 가지고 살자. 대기업 특정 부서의 팀원들이 계속해서 이탈되고 있는데 지금까지 근무하며 느낀 공통점을 정리해본다. 한국 100대기업 안에 드는 손꼽히는 직장이지만 뛰는 놈위에 나는 놈 그 위에 건물주님이 있으니 언제나 남의 떡이 더 커보인다. 수익이 필요한 평범한 서민 기준에서 생각 정리. 직장 마지노선은 늘 그.. 2022. 8. 9.
웹디자인 기능사 실기 : 제이쿼리 효과 메서드 slideDown, slideUp, fadeIn, fadeOut, fadeToggle 웹디자인기능사 실기 시험에서 제이쿼리 필수로 들어가야하는 효과들을 정리해보겠다. 생각보다 디테일한 효과를 적용 가능하다. 아는 만큼 표현가능하니까 미리 체크해두고 응용하는게 좋겠다. 실기시험 진행과정에서 가장 중요한 제이쿼리 효과 메서드이다. 토글효과와 슬라이드 효과는 메뉴 네비게이션에 꼭 들어가는 표현이다. 제이쿼리 필수 핵심 이론 - 메서드 (보이기/감추기) $('선택자').함수(function(){ $('선택요소').메서드(); }); 보이기 감추기 (show, hide) 효과 메서드 설명 .show() 선택요소 보이기 .hide() 선택요소 감추기 .toggle() 선택요소 보이기/감추기 .slideDown() 선택요소 서서히 보이기 .slidUp() 선택요소 서서히 감추기 .slideToggle.. 2022. 8. 7.
제이쿼리 - 메서드 3가지 종류 웹디자인 기능사에서 제이쿼리가 들어가는데 제이쿼리 필수 핵심 이론 메서드에 대하여 알아보자. $('선택자').함수(function(){ $('선택요소').메서드(); }) 메서드는 선택자가 선택요소 실행하는 효과임 1. 메서드 (이펙트) .show() .hide() .slideDown() .sldeUp() .fadeIn() .fadeOut() .stop() 2.메서드 (클래스 제어) .addClass() .removeClass() .toggleClass() 3. 메서드(요소 탐색) .children() -자손요소 .parent() -부모요소 .siblings() - 형제요소 .find() - 자손요소 .next() .prev() 2022. 8. 6.
반응형