728x90 반응형 JavaScript5 Customizing webpage scroll-bar with CSS(without JavaScript) Although scrollbar has just tiny part on webpage, it can be an important component of the website's design. If you’re true nerd(designer) who care about every details, this short article could be useful. Start off To customize your website’s scrollbar, the only thing you need are few lines of code in your stylesheet. You don’t even need a single line of JavaScript. You can customize scrollbar wi.. 2021. 9. 22. Set favicons with JavaScript In a super easy and simple way for JavaScript newbies When you publishing some websites, you’ll need to set favicon for the websites. If you have bunch of HTML files to do that, one tiny change might results lots of bothersome works. In this article, I’m gonna let you know how to set favicon — include shortcut icons for Android and iOS — with just few lines of code in JavaScript without fixing y.. 2021. 9. 17. Auto CSS prefix with Gulp Gulp is front-end toolkit runs with JavaScript. Before I knew about Gulp, I used to write CSS vendor prefixes one by one, or copied and pasted tons of CSS codes on online auto-prefixer websites to get prefixed CSS codes. Still you can use CSS vendor prefixes with such ways, but after you read this short tutorial, I bet you’ll never do that again — instead, you’ll going to love to use this brilli.. 2021. 9. 6. Vue.js 에서 Axios 사용하기 Axios는 http통신을 하고, ajax 요청을 하는 등의 작업을 위한 라이브러리입니다. 이 외에 vue-resource 라는 라이브러리도 있지만 업데이트도 느리고 Axios보다 커뮤니티도 활성화되어있지 않아서 잘 사용하지 않는다고 합니다. Axios 설치하기 아래의 명령어를 입력해서 Axios를 설치합니다. npm install --save axios 그리고, Axios를 전역으로 사용할 수 있도록 main.js 안에 메소드를 추가합니다. import Vue from 'vue' import App from './App' import axios from 'axios' Vue.prototype.$http = axios app = new Vue({ el: '#app', components: { App },.. 2021. 9. 1. Next.js를 위한 sitemap generator 만들기 사이트맵 생성부터, 검색엔진 색인 요청까지 안녕하세요! 라이브 마켓 모음 앱, 볼라의 디자이너 서혁입니다. 볼라는 셀러(판매자)와 구매자가 라이브 방송을 통해 소통하며 상품을 구매할 수 있는 플랫폼입니다. 얼마 전, 기존 Vue.js로 만들어져있던 볼라 랜딩페이지(https://volla.live)를 앱 내 콘텐츠 공유용 브릿지 페이지(Next.js)에 통합하게 되면서 함께 진행한 검색엔진 최적화(SEO) 작업 - 그중에서도 사이트맵 작업 중에 진행했던, Next.js 동적 sitemap generator 스크립트 작성기를 공유하고자 합니다. 1. Next.js의 폴더구조를 활용한 sitemap generator 스크립트 작성 Next.js는 pages 디렉토리 내의 폴더와 파일명을 따라 URL이 생성.. 2021. 9. 1. 이전 1 다음 728x90 반응형
