본문 바로가기

제이쿼리탭메뉴2

[jQuery] 한 페이지에 탭메뉴 여러개 넣기 처음 만들었던 사이트를 포트폴리오에 사용하기 위해 다시 만들고 있는데 메인 페이지에서 사용하는 3개의 탭 메뉴를 CSS에서 jQuery로 바꾸면서 스스로의 숙제가 생겨났다. CSS로 구현할 수 있는 것은 CSS로 구현하는 것이 좋다고 들었기에 모달로 띄우는 로그인, 회원가입의 경우 그대로 CSS를 이용했지만 탭 메뉴도 이전처럼 CSS로 쓰기에는 코드가 너무 장황해진다! 당시 이 사이트를 만들 땐 아직 jQuery를 배우기 전이라 인접 형제 선택자를 사용해서 display: none;, display: block;을 했지만 각각 메뉴가 5개, 8개, 8개인 탭 메뉴를 이제 와서 CSS로 하기엔 CSS가 너무 더럽... 그래서 검색하다가 처음 사용했던 제이쿼리 탭 메뉴 코드는 바로 이것! 38 한 메뉴를 클.. 2020. 10. 4.
HTML5 & CSS3 복습 시작! 이제 허송세월을 보낼 만큼 보냈으니 '생산적'까진 못 되더라도 나름의 의미 있는 시간을 보내기 위해 그간 배웠던 HTML5, CSS3 복습을 시작하며 발만 살짝 담그다 뺀 JavaScript(+jQuery)를 공부하고 최종적으로는 수업이 끝나며 흐지부지 된 포트폴리오를 한번 제대로 완성해보려 한다. 그렇다고 해서 무작정 교재 처음부터 따라가며 복습하려 한다면 마치 학창 시절 집합만 너덜한 수학의 정석처럼 될 것이 뻔하기에ㅋ 날 웹에 관심 가지게 해 준 '생활코딩'에서의 수업처럼 무언가를 만들어가면서 그에 필요한 스킬을 익혀나가는 것을 목표로 삼아 본다 :) 우선 첫번째 목표는 웹 수업을 들으며 1차 프로젝트로 만들었던 사이트 리뉴얼하기. 아직 서로서로 이름도 모르는 상태에서 다짜고짜 시작된 팀 프로젝트라.. 2020. 9. 25.