[오늘의삽질] Webstorm > Log tab > Changed files pane
·
개발일지/2016
커밋을 클릭하면 폴더/파일 목록이 뜨는 부분을 Changed files pane 이라고 한다. 이게 없어져서 별 난리를 다 치고 하루 종일 찾았는데 알고보니 그냥 오른쪽 엣지 부분에 마우스를 대고 끌면 나오는 것이었다. 너무 딱 붙어있어서 없어졌다고 생각했었는데, width:0% 였던 것이다.
[직무상식] SSH(시큐어 셀)
·
개발일지/2016
시큐어 셸(Secure Shell, SSH)은 네트워크 상의 다른 컴퓨터에 로그인하거나 원격 시스템에서 명령을 실행하고 다른 시스템으로 파일을 복사할 수 있도록 해 주는 응용 프로그램 또는 그 프로토콜을 가리킨다. 기존의 rsh,rlogin, 텔넷 등을 대체하기 위해 설계되었으며, 강력한 인증 방법 및 안전하지 못한 네트워크에서 안전하게 통신을 할 수 있는 기능을 제공한다. 기본적으로는 22번 포트를 사용한다. SSH는 암호화 기법을 사용하기 때문에, 통신이 노출된다 하더라도 이해할 수 없는 암호화된 문자로 보인다.
[WebStorm] Sass Watcher Disabled
·
개발일지/2016
https://www.jetbrains.com/help/webstorm/2016.2/new-watcher-dialog.html File | Settings | Tools | File Watchers for Windows and LinuxWebStorm | Preferences | Tools | File Watchers for OS X
[Dev] Email Edit Tool 개발일지
·
개발일지/2016
Development Steps 드롭다운 클릭 -> 선택된 텍스트로 변경 (9/20) 코드 - \t 적용 (9/20) 코드 - \n 적용 (9/21) 코드 - {% %} 정규식으로 제거 (9/21) 코드 - keyup 마다 auto preview (9/21) 코드 - 템플릿 get body (9/21) 코드 - 템플릿 get base (10/15) 코드 - 템플릿 put (10/15) 코드 - btnSave Disabled/Enabled Event (10/15) 코드 - btnRevert Disabled/Enable Event (10/17) 코드 - 복잡한 {% email_extra, include, extends, if %} 등 어떻게 처리? 코드 - 템플릿 create (ajax post) 미리보기 ..
[직무상식] CMS(Contents Management System)
·
개발일지/2016
1. Contents Management System[편집]게시판 솔루션이나 레이아웃, 모듈과 같은 기능을 모아둔 솔루션이다. CMS를 사용하면 클릭 한번으로 사이트를 만들 수 있다. 게시판 관련 기능 같은 기본적인 작업을 자동화시키기 때문에 웹사이트 제작에 드는 시간이 많이 감소된다. 그만큼 개발속도로 빨라진다. 기본적으로 파일/썸네일/캐시/등 프레임워크단위의 도구가 있기때문에 새로운 기능을 만들때도 간단하게 구현이 가능하다. 1.1. 한국형 CMS[편집]XpressEngine(구 제로보드)텍스트큐브(구 태터툴즈)그누보드킴스큐 추가바람1.2. 외국형 CMS[편집]ocPortalWordPressWebGUIDrupalRubedoGhost [출처] https://namu.wiki/w/CMS
[직무상식] CLI (Command Line Interfase) 명령 줄 인터페이스
·
개발일지/2016
명령 줄 인터페이스(CLI, Command line interface) 또는 명령어 인터페이스는 텍스트 터미널을 통해 사용자와 컴퓨터가 상호 작용하는 방식을 뜻한다. 즉, 작업 명령은 사용자가 컴퓨터 키보드 등을 통해 문자열의 형태로 입력하며, 컴퓨터로 부터의 출력 역시 문자열의 형태로 주어진다. https://ko.wikipedia.org/wiki/%EB%AA%85%EB%A0%B9_%EC%A4%84_%EC%9D%B8%ED%84%B0%ED%8E%98%EC%9D%B4%EC%8A%A4
[JS] Preload images with javascript
·
개발일지/2016
BEFORE range 값을 변경하면 배경 이미지가 transition을 통해 자연스럽게 변하는 형태다. 비주얼이 큰 부분을 차지하는 페이지이다. 아래 스크린 샷에서 볼 수 있듯 처음에는 이미지 1개만 로드되어, 배경이 변경될 때 깜빡이는 현상이 생긴다. 이미지가 처음에 모두 로드되어 있다면 없어질 현상이다. AFTER 방법을 찾아보니 간단한 스크립트를 통해 미리 받아 놓을 수 있었다. JavaScript Method #1 Unobtrusive, gracefully degrading, and easy to implement, simply edit/add the image paths/names as needed — no other editing required: This method is especiall..
[CSS] Noise Effect
·
개발일지/2016
CSS Winner에서 한국인 지원자를 검색해보다가 SERIOUS를 알게 되었다.http://www.csswinner.com/details/serious-study/10663 Interaction Study Lab인데 사이트가 무척 마음에 든다.특히 인트로에 노이즈 효과가 시선을 확 당겼다. See the Pen Pure css - Noise Effect by Hyejin Oh (@mmt-zinee) on CodePen. clip과 content:attr()을 사용한 것이 주요 특징이라고 할 수 있다. content는 가상선택자(:before/:after)를 사용할 때 content: ''으로 제일 많이 썼었는데 다양한 활용 방법이 있다는 걸 오늘 알았다. 참고 https://css-tricks.com/..
[CSS] pure css - input range custom
·
개발일지/2016
css-tricks.com/styling-cross-browser-compatible-range-inputs-css/ See the Pen [Pure CSS] input range custom by zinee (@zineeworld) on CodePen.