본문 바로가기

분류 전체보기

(254)
[icon fonts] 웹 아이콘 폰트 사이트 소개 매번 디자인으로 아이콘을 뽑아 사용하기 번거롭다. 따라서 웹 아이콘 폰트를 활용하여 디자인하면 훨씬 시간이 절약되고 좋다. https://ionic.io/ionicons Ionicons: The premium icon pack for Ionic Framework Ionicons is an open-sourced and MIT licensed icon pack. ionic.io https://material.io/design/interaction/gestures.html#properties Material Design Build beautiful, usable products faster. Material Design is an adaptable system—backed by open-source code..
[css] 반응형 table 대응 반응형 테이블은 태그를 사용하여 퍼블리싱하기 어렵다. 를 사용하여 퍼블리싱하면 훨씬 수훨하다. HTML 번호 카테고리 제목 첨부파일 작성일 상태 공지 카테고리 비밀 공지사항 제목입니다. 홍길동 2022.01.01 대기 공지 카테고리 비밀 공지사항 제목입니다. 홍길동 2022.01.01 대기 CSS .board-list-title, .board-list-inner { display: table; table-layout: fixed; overflow: hidden; width: 100%; } .board-list-title { border-top: 1px solid #000; border-bottom: 1px solid #e0e0e0; } .board-list-title > li { display: tabl..
[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 "설정할 이메일"