반응형 js3 기본적인 뉴스티커(News ticker) 기능 구현 안녕하세요 :0 원래는 JavaScript도 기본부터 정리를 할까 했는데, 게으른 저 때문에 많이 지연되고 있어서 일단은 기본은 잠시 내려두고 학원에서 배운 내용과 포트폴리오에서 사용되는 기능들 위주로 정리를 해서 업로드를 하면서, 중간중간에 기본 내용들은 정리하는 식으로 할까 합니다. 포트폴리오에서 사용되는 js에 관한 소스들이나, 디자인 요소들의 유입이 많아서 최대한 빨리 포트폴리오에 도움이 되는 게시글로 자주 찾아뵙겠습니다 오늘은 뉴스티커 기능을 구현해볼까 합니다. 뉴스티커란? 네이버 웹페이지에서 많이 볼 수 있는 기능으로 최근에 없어진 실시간 검색어나, 뉴스 등 한 줄씩 보여주면서 위로 올라가는 기능인데, 예시로 네이버 뉴스를 보여드리고 시작하도록 하겠습니다. 위의 영상에서 빨간색 상자 부분이 뉴.. 2021. 8. 5. 스크롤 시 한 영역씩 이동 안녕하세요 :) 오늘은 포트폴리오에서 많이 사용하는 스크롤 시 영역이 이동되는 쿼리를 해볼까 합니다 이전 포스팅에서 JS플러그인을 소개하는 글에서 처음으로 소개했던 플러그인을 사용해도 무방하지만 코드로 작성할 수 있으면 더 좋지 않을까 해서 제가 학원에서 배운 것을 공유를 해드릴게요^^ 포트폴리오에 사용된 JS 포트폴리오를 준비하면서 벤치마킹을 열심히 하면서 괜찮은 JS 플러그인들이 많아서 소개하려합니다. 1. fullPage.js 첫번째로 소개해줄 플러그인은 첫번째 포트폴리오 기획했던 내용중 https://chpofo chpofo.tistory.com 먼저 완성작을 먼저 보고 코딩을 시작해 봅시다:) 스크롤 시 영역이동 영상에서와 같이 스크롤을 하면 한 영역씩 이동이 되는 그런 코드를 작성해봅시다 생각.. 2021. 4. 8. 포트폴리오에 사용된 JS 포트폴리오를 준비하면서 벤치마킹을 열심히 하면서 괜찮은 JS 플러그인들이 많아서 소개하려합니다. 1. fullPage.js 첫번째로 소개해줄 플러그인은 첫번째 포트폴리오 기획했던 내용중 https://chpofo.tistory.com/40 1번인 "스크롤 한번 할 때마다 한 영역씩 이동" 이걸 할수 있는 플러그인입니다. JS를 잘 하지 못하는 사람들은 이걸 사용하면 편하실텐데 저는 학원에서 배운 소스를 통해서 구현했습니다. 해당 부분또한 새로운 포스팅으로 누구나 할 수 있도록 정리해드릴께요 :) alvarotrigo.com/fullPage/ fullPage scroll snapping. Create full screen pages fast and simple Mouse wheel snap to secti.. 2021. 3. 31. 이전 1 다음 반응형
