본문 바로가기

[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 쉑앤부쉬-프리미엄 펫 라이프스타일 스토어 본 결제 창은 결제완료 후 자동으로 닫히며,결제 진행 ..
[javascript] url 정규식으로 파악하기 HTML을 공통 적으로 사용하지만 특정 페이지에서만 커스텀하고 싶을 때, 정규식을 사용하여 해당 url을 파악후 작업한다. 특정 url : /article/best-review/12/166 (function(){ m = location.href.match(/article[\/][^\/]*[\/](\d+)[\/](\d+)[\/]/),brand_no=m?decodeURIComponent(m[1].replace(/\+/g, " ")):''; if(brand_no == '12') { n = location.href.match(/article[\/][^\/]*[\/](\d+)[\/](\d+)[\/]/),no=n?decodeURIComponent(n[2].replace(/\+/g, " ")):''; if(no ==..
[Excel] 조건부 서식 이용하기 1. 우선 적용 전에 대상을 셀렉(드래그) 해야한다. 2. 그후 오른쪽 마우스 > 조건부 서식 > 오른쪽 사이드바에 "조건부 서식 규칙" 창이 뜬다. 1) 시트 행에 번갈아 가면서 색을 표현하고 싶을 때 범위_ A2:H998 형식규칙_ 맞춤수식으로_ =MOD(ROW(),2)=1 색상지정_ 회색 이렇게 적용할 경우 제목 Tip이란 예시처럼 짝수 행만 회색으로 표시된다. + 홀수 행만 회색으로 하고 싶을 경우, =MOD(ROW(),2)=0 으로 수정하면 된다. 1은 true고, 0은 false를 뜻한다. 컴퓨터는 0101010....... 0과 1로 이루어져있..... 2) 셀이 비어있지 않으면 해당 셀을 서식하고 싶을 때 범위_ C2:C998 형식규칙_비어 있지 않음 색상지정_검은색에 노란색 텍스트