본문 바로가기

웹 UIUX30

부분 모작 수업페이지 부분모작 수업 페이지_url 2024. 10. 17.
2024. 09. 24 웹 UIUX 43일차 # nested group-> hover 2024. 9. 24.
2024. 09. 20 웹 UIUX 41일차 수업페이지_url6강_코드펜 이동 Untitled...codepen.io*settimeout -  기본값 0발견되면 즉각반응 transition:transform 4m 3s; 2024. 9. 20.
2024. 09. 13 웹 UIUX 39일차 #능력단위평가 2단계1단계_코드펜(정답)1단계_코드펜 2단계_코드펜(정답)2단계_코드펜  HTML)- 태그에 mobile-side-bar 클래스 지정-  mobile-side-bar에 md:hidden / fixed / inset-0 / z-50 / invisible / opacity-0 / text-black 지정- mobile-side-bar안에 태그 생성 후 mobile-side-bar__content 클래스 지정 -  mobile-side-bar__content  안에 flex / flex-col / w-80 / h-full / bg-white / ml-auto 값  지정- mobile-side-bar__content안에 태그 생성 후 mobile-side-bar__head 클래스 지정- mob.. 2024. 9. 13.
2024. 09. 11 UIUX 웹 38일차 ## 능력단위평가시험_부분모작- HTML / CSS / JS 기능 사용- JS_67~68강 필수- 69강은 선택 - 14:00-16:00 부분모작 연습- 17:00-16:50 부분모작 시험  폰트어썸에서 아이콘 아무거나 불러와서 좌측에 로고 우측에 아이콘## 능력단위평가시험_부분모작 64강 JS 방법1) 64강_코드펜 XWMOyKy...codepen.io  방법2) 64강_코드펜 ExWrOvJ...codepen.io  ## 능력단위평가시험_부분모작 65강 JS ## 능력단위평가시험_부분모작 66강 JS## 능력단위평가시험_부분모작 67강 JS67강_문제67강_정답예시67강_정답67강_반응형 모바일 메뉴 1구현, 작업 4 클릭시 사이드바 노출시 콘텐트가 화면 우측에서 나옴 ## 능력단위평가시험_부분모작 6.. 2024. 9. 11.
2024. 09. 10 UIUX 웹 37일차 ## 스와이퍼_URL Swiper - The Most Modern Mobile Touch SliderSwiper is the most modern free mobile touch slider with hardware accelerated transitions and amazing native behavior.swiperjs.com→  스와이퍼_데모→  스와이퍼_수업페이지→  3강_코드펜→  4강_코드펜 * ! important 글씨에 우선순위 줄 때 사용## 부분모작_ URL(5강_9강)인비트로스사이트_URL0단계: 연결하기_코드펜1단계: 상단바 구성하기_ 코드펜 2단계: 로고 배치하기_ 코드펜3단계: 메뉴 배치하기_ 코드펜4단계: 사용자메뉴 배치하기_ 코드펜5단계: 2차 메뉴 구현_코드펜6단계: 메뉴바.. 2024. 9. 10.