UXUI 웹디자인 과정
SASS 톺아보기
CSS 전처리기?다른 웹 퍼블리셔의 포트폴리오를 찾아 보다 보면 능력(어빌리티) 항목에 HTML, CSS, JS, jQuery와 함께 쓰여있는 Sass, Less, Stylus를 보신 적이 있나요? 우리는 잘 알지 못했지만, 실제로 실무에서도 많이 사용하고 있는 CSS 전처리기(Pre-Processor) 입니다. 그렇다면 전처리기는 무엇이고, 왜 사람들이 많이 사용할까요?CSS는 쉽다. 하지만...우리가 익혀 왔듯 CSS는 웹 언어 중에서 쉽고 간결한 편에 속합니다. 하지만 우리가 프로젝트(대표적으로 각자가 만들고 있는 개인 포트폴리오가 있겠죠)를 진행하면 할 수록, 작업량이 많아지면 많아질 수록, 그리고 작업이 고도화 될 수록 불편함 역시 같이 커지게 됩니다. 페이지의 컨텐츠와 요소의 양에 따라 선택자..
웹디자인 기능사 실기 시험 전에 보면 좋은 지시서 요점정리
본 문서는 노션을 통해 보시면 더욱 가독성이 좋습니다. 글을 시작하기에 앞서 당부드리고 싶은 말 아래의 내용들은 수험자 입장에서 2020 웹디자인 기능사 공개문제를 모아 분석한 내용을 담고 있습니다. 틀린 내용이 있을 수 있으며, 저 역시 배우는 입장이기에 무조건적인 맹신보다는 공부하는 관점에서 정리한 내용임을 참고하시기 바랍니다. (2022년 기준!!!) 웹디자인 기능사 실기 후기를 모아 봤을 때, 그리고 직접 시험을 쳐 본 결과 공개문제 12개 중 하나가 출제되는 것으로 확인됩니다. 공개문제만 잘 파면 되고, 공개문제에 없는거 나오면 어쩌지? 하는 걱정 안해도 됩니다. 오랜만에 블로그에 왔더니 알음알음 퍼져서 많은 분들이 활용하고 계시고 있더라구요. 기쁜 마음입니다. 개인적인 시점에서는 지금 보니 어..
11주차_webPublisher
210322 See the Pen 210322 by seung-gu shin (@nine_floor) on CodePen. toggle / hover 로 동작하는 css 변환 210323 See the Pen 210323 by seung-gu shin (@nine_floor) on CodePen. 세로형 2단 메뉴와 사이드 팝업 (jQuery-ui 이용한 animate 속성값 활용) 서브메뉴가 메인메뉴 바깥에 따로 제작되는 경우 .main>li와 ul.sub의 갯수가 같으므로 기본적으로는 $(this).index()를 활용해 eq값으로 호출 → 이 상태에서는 .sub에 hover 시 사라지는 현상 발생 $('.main>li').hover( function(){ menuIdx=$(this).index();..
웹디자인 기능사 실기 연습
A-1 : JUST 쇼핑몰 ninefloor.github.io/web-practice/webdesign_licence/A-1/ JUST 쇼핑몰 ninefloor.github.io A-2 : Green 복지재단 ninefloor.github.io/web-practice/webdesign_licence/A-2/ GREEN 복지재단 ninefloor.github.io A-3 : 강원천문대 ninefloor.github.io/web-practice/webdesign_licence/A-3/ 강원천문대 ninefloor.github.io A-4 : 유진건설 ninefloor.github.io/web-practice/webdesign_licence/A-4/ https://ninefloor.github.io/web-p..
2월 팀 프로젝트 : 1조 / 남해독일마을 홈페이지 리디자인
drive.google.com/file/d/1MRBRqHnazIXehSF0NmeHW_FlA7Z_6BDZ/view?usp=sharing team_project_feb_presentation1.pptx drive.google.com http://worknine99.dothome.co.kr/team_feb/ 남해독일마을 파독전시관 1960년대, 독일에서의 땀과 눈물이 서린 발자취들 worknine99.dothome.co.kr