[자바스크립트] swiper 라이브러리 적용해보자

자바스크립트 swiper 라이브러리를 적용해 봅시다. 1. Swiper 라이브러리 연결 https://swiperjs.com/ Swiper - The Most Modern Mobile Touch Slider Swiper is the most modern free mobile touch slider with hardware accelerated transitions and amazing native behavior. swiperjs.com ① Swiper 사이트 접속 구글에 [swiper]를 검색하시거나 위의 링크로 접속해 주세요. - ② Get Started 메인 페이지에서 [Get Started] 버튼을 클릭합니다. ③ CDN 왼쪽 메뉴에서 [Use Swiper from CDN] 메뉴를 클릭하면 CDN..

coding/JavaScript · 2023. 7. 26. 07:30

[꿀정보] 노트폴리오에 포트폴리오를 업로드 해보자

안녕하세요. 플입니다. 노트폴리오에 회원가입을 했다면 오늘은 포트폴리오를 업로드해볼게요. 1. 업로드 노트폴리오에 로그인을 하시면 오른쪽 상단에 업로드버튼이 눈에 띄게 있을 거예요. 이 업로드 버튼을 눌러주세요. 일단 업로드 버튼을 누르면 나오는 전체 페이지를 보여드릴게요. 2. 이미지 올리기 이미지를 올릴 때는 왼쪽에 세로로 된 메뉴에서 두 번째 아이콘을 클릭해주시거나 드래그해주셔도 되고, 가운데 영역에서 아래 동시에 업로드 버튼을 누르면 이미지를 여러 개 업로드를 할 수 있어요. 오늘은 하나만 올릴 거니까 세로 메뉴에서 이미지 아이콘을 클릭해줬어요. 그러면 이런 샘플 이미지가 뜨는데 저걸 클릭하거나 저 영역으로 드래그를 하면 이미지 업로드를 할 수 있어요. 이미지를 업로드하면 옆에 완성도가 점점 차는..

tip/디자인 팁 · 2020. 9. 21. 07:30

[반응형] 포트폴리오 사이트 메인

안녕하세요. 플입니다. 오늘은 포폴 사이트 시안을 가져왔습니다. 저번 시안에서 비주얼 부분을 수정해서 새로 가져와봤습니다. 바뀐 시안의 모습입니다. 비주얼 부분을 목업으로 처리하여 좀 더 전문성 있고 작업 물들을 알기 쉽게 표현해봤습니다. 시안은 완성되면 인스타그램에도 올리고 있으니 인스타그램도 들려주세요~ https://www.instagram.com/p/B2jbwqAAMoP/?utm_source=ig_web_copy_link 인스타그램 주소를 남겨두고 갑니다. 마지막으로 시안 이미지를 올리고 가보겠습니다. 그럼 이만. 총총.

coding/개발 팁 · 2019. 9. 19. 07:30