본문 바로가기

전체 목록188

01. JavaScript - 이미지 슬라이드 ImageSlide 이미지 슬라이드 Carousel 자바스크립트 공부중 구현해본 이미지 슬라이드, 복습 겸 간단하게나마 구현하여 기록해 보았습니다. (맥북 15인치 환경에서 작업하였습니다. 간혹, 모바일 환경에서는 제대로 나오지 않을 수 있습니다.) See the Pen abbQozz by pilyeong (@pilyeooong) on CodePen. item 갯수만큼 slider의 크기를 유동적으로 설정하도록 하였으므로, item의 컨텐츠를 추가하여도 코드 수정이 불필요하도록 구현. 코드 사용시에는 필요에 따라 버튼이나 컨텐츠 , 크기 등 부분만 고쳐 사용하면 될 듯 합니다. See the Pen https://codepen.io/pilyeooong/pen/KKKGOGe"> KKKGOGe by pilyeong (https.. 2019. 11. 15.
191113 / Today I Learned 191113 TIL What I did - 네이버클론 동적효과를 위한 js 추가 https://pilyeooong.tistory.com/entry/02-NAVER-clone-%EB%8F%99%EC%A0%81%ED%9A%A8%EA%B3%BC%EB%A5%BC-%EC%9C%84%ED%95%9C-js-%EC%B6%94%EA%B0%80?category=810294 To Do - 추가한 기능들 어떻게 구현하였는지 기록 및 시행착오 정리 - 자바스크립트를 활용한 여러 동적 효과 찾아보기 - 독서 2019. 11. 14.
02 . NAVER clone , 동적효과를 위한 js 추가 추가 기능 1. 급상승 검색어 및 연합뉴스 컨텐츠 슬라이드 효과 2. 검색창 위에 마우스 오버시 나오는 급상승 검색어 리스트 급상승 검색어 1 필영 2 네이버 3 클론 4 페이지 5 입니다 6 using 7 HTML 8 CSS 9 JS 10 WEB .navbar-rank{ display:flex; width:200px; height:17px; padding-left: 145px; justify-content: flex-end; position: relative; overflow: hidden; } .rank{ position: absolute; top:0px; left:135px; display: flex; flex-direction: column; width:60%; justify-content: sp.. 2019. 11. 14.
191111 / Today I Learned 191111 TIL What I did - 저번 포스팅까지의 네이버 클론 개발 상황 https://pilyeooong.tistory.com/12 에 이어서 개발 진행하였고 완료하였다. To Do - 개발하며 느낀점, 새로알게되거나 , 부족했던 부분들 기록 및 분석하여 포스팅 깃헙 저장소 - https://github.com/PilYeooong/naverclone 2019. 11. 11.