0612 수 uiux 49일차

0612 수 uiux 49일차

웹코딩 참고 사이트(김영원 강사님) ( https://kimyws.tistory.com/29 ) ( https://webstoryboy.co.kr/ ) 플렉스 개구리 ( https://flexboxfroggy.com/#ko )

혜지 강사님 수업페이지(html&css) ( https://codepen.io/hjyee/full/OJGrVYJ ). 자바스크립트 수업페이지 ( https://codepen.io/hjyee/full/PogMVOP ) 깃허브 기초 ( https://codepen.io/hjyee/full/LYoNWga ) 기초 키보드 사용법 ( https://codepen.io/YoungHeom/pen/eYaOYEX ) 연산자 ( https://codepen.io/YoungHeom/pen/Rwmbxze ) 코드펜 사용법 ( https://codepen.io/YoungHeom/pen/gOJOWgE ) 무료 강의 ( https://programmers.co.kr/ ) 자바스크립트 정리 ( https://velog.io/@solmii/Java-Script%EB%A5%BC-Script ) 피그마 강좌 ( https://www.youtube.com/@yeonjung-figma ), ( https://www.youtube.com/@UXUIDesign ) - 개인적 메모 작업물 보기 - 핀터레스트나 드리블( https://dribbble.com/ ), 노트폴리오, 비핸스, 디자인 나스 - ( https://designnas.com/ ) 자격증 기출문제 ( https://www.comcbt.com/ )( https://quizeey.com/ ) ( https://cubic-bezier.com/ )

HTML에서 사용되는 quot? amp? lt? gt? 등등 기호 ( https://darusamu.tistory.com/32 )

keyframes 찾아보기. 정리된거 블로그에 적기( https://velog.io/@ye-ji/CSS-%EC%95%A0%EB%8B%88%EB%A9%94%EC%9D%B4%EC%85%98keyframes )

( https://ho4607.notion.site/keyframes-animation-64e7a02bc15a47c6982dda5782f79156 )

전에 작업했던 만년필 사이트 파일 css부분 다시 /* ~ 시작 */  /* ~ 끝 */으로 잘 정리하기

 

카카오뱅크 모작 정리 ( https://codepen.io/YoungHeom/pen/NWVdVbQ )

n차시도 될 때마다 꼭 우측하단 fork 누르기

 

슬릭슬라이더 ( https://codepen.io/YoungHeom/pen/XWweyqK )

체크카드 5차 마무리 ( https://codepen.io/YoungHeom/pen/vYweQoz )

 

 div.center = .center

 

     - [슬릭 슬라이더 코드 가져오기]( https://codepen.io/hjyee/pen/eYKMadw )
     - [slick slider]( https://kenwheeler.github.io/slick/ )
     - [swiper]( https://swiperjs.com/demos )
     - [swiper demo]( https://swiperjs.com/demos )
     - [CODEPEN - swiper 예제]( https://codepen.io/hjyee/pen/XWweyzd )

 

left: calc(100% + 100px); 왼쪽부터 100퍼센트 만큼 + 100px 더 가서 배치. 100퍼만큼+100px만큼 더!라는 뜻