본문 바로가기

분류 전체보기

 (244)
[javascript] Swiper ie 호환 버전 확인 Swiper 5 버전 이상부터는 ie 자체가 호환이 되지 않는다. 따라서 ie 까지 크로스브라우징을 원할 경우 5 버전 미만의 swiper를 사용해야한다. unpkg 사이트를 이용하여 다운 받으면 된다. https://unpkg.com/browse/swiper@4.5.1/dist/ UNPKG - swiper Version:... unpkg.com 😊
[javascript] ES6 ie 호환 ES6 문법으로 스크립트를 짠 .js 파일은 ie에서 작동이 되지 않는다. 이때는 Babel의 힘을 빌려서 호환 작업을 해주어야한다. (해당 작업은 윈도우 운영체제 환경에서 git Bash를 사용하였습니다.) 1. node 로컬 설치 여부 확인 node -v 1-1. 설치가 되어있지 않다면, 아래 링크를 따라 안정적인 버전으로 설치 https://nodejs.org/ko/ Node.js Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine. nodejs.org 2. npm 로컬 설치 여부 확인 (npm은 node.js 를 설치할때 자동으로 함께 설치된다.) npm -v 3. Babel 설치 Babel은 특정 버전의 script 코..
[Mac] 유용한 단축키 한동안 업무 환경이 맥북이였어서 오랜만에 단축키를 신명나게(?) 사용했었는데 다시 윈도우로 돌아오면서 잊어먹을까봐 기억용 차원에서 생각날 때 마다 기록해둘 페이지이다. 로그인 화면 띄우기 잠금 화면(Window환경에서는 window키 + L) : control + command + q 한 줄 블럭 : shift + command + 화살표(좌 또는 우) 한 줄에서 맨 첫번째, 맨 뒤 커서 옮기기 : command + 화살표(좌 또는 우) 전체 화면 캡처 : command + shift + 3 선택 화면 캡처 : command + shift + 4 화면 영상 캡처 : command + shift + 5
[javascript] ES6 문법 ie에서 사용하기 babel의 browser.js을 사용하여 호환이 가능하다. 화살표 함수가 익스에서 인식이 되지 않았었는데 browser.js를 사용하면 인식이 될것이다.
[github] ssh 공개키로 github 연결하는 이유 github 레파지토리를 로컬에 연결할경우 https 와 ssh 둘 중 하나의 방법으로 remote하곤 했었다. ssh는 키를 이용하여 해당 로컬에 연결하는 것인데, 이 방법을 택하여 연결하는 필요성이 와닿진 않았다. 보완상 좋다? 라고만 구글링해도 나와서... 하지만 단체 및 내 계정의 레파지토리를 로컬에 연결하여 터미널로 풀, 커밋 및 푸시를 날리고 싶을 경우 자꾸만 아래와 같은 에러를 뿜었다. remote: Repository not found. fatal: repository 'https://github.com/vsquaregit/Publish-DEMO.git/' not found 잘 생각해보면, 내계정 즉, 내가 주인이 아닌 계정에 만든 레파지토리 즉, 단체에서 날 초대하여 Admin 권한을 준..
[github] git user.name, user.email local 및 global 설정 1. 아래 처럼 user.name과 user.email를 확인 git config user.name git config user.email local은 global 보다 우선순위를 갖는다. 2. 따라서 특정 폴더에만 다른 깃허브 계정을 넣고 싶으면 아래와 같이 설정 git config --local user.name "설정할 이름" git config --local user.email "설정할 이메일"
[publishing] 단위 em, rem에 대하여 2탄 간단히 말하자면, rem은 html 폰트사이즈에 영향을 받는다. em은 해당 폰트사이즈에 영향을 받는다. 💡 만약 em에 font-size가 없다면? 🤔 상위 부모나 body의 font-size를 1em으로 설정한다. 상위 부모나 body font-size가 없으면? 🤔 브라우저마다 기본으로 정해둔 font-size가 있는데, 그걸 기준으로 따른다. 🧐 혹여나, 브라우저마다 기본 CSS를 * {} 에서 font-size를 정했다면, 그 기준을 1em으로 따르게 된다. 예를 들어, html 폰트사이즈를 14픽셀로 정의 하였다. html { font-size: 14px; } global-nav와 local-nav라는 클래스명의 요소 스타일에 패딩 좌우 값을 1rem을 주었다 하자, .global-nav, ...
[Trend] 특이한 형태의 반응형 홈페이지 PC 사용 보다 Mobile 사용 시간이 커지고 그만큼 앱에 대한 비중이 높아진 요즘, 특이한 반응형 홈페이지가 눈에 띈다. https://www.pet-friends.co.kr/main/tab/2 펫프렌즈 : 반려동물 쇼핑몰 1위 사료, 용품, 간식 24시간 전문가 추천! 실시간 최저가 쇼핑과 23,000원 상당의 할인 쿠폰까지! m.pet-friends.co.kr https://tmdtkd9211.cafe24.com/ 시센스, 신선의 기본 점심 주문, 저녁 도착! 미식가의 시선으로 엄선한 수산물을 경험하세요. seesense.co.kr https://www.shaggynbushy.com/index.html 쉑앤부쉬-프리미엄 펫 라이프스타일 스토어 본 결제 창은 결제완료 후 자동으로 닫히며,결제 진행 ..

티스토리툴바