전체 글

시작하며 게으른 수니는 일일이 게시물을 확인하기가 귀찮습니다. 하지만 사진은 보고싶지요. 디씨인사이드 비 갤러리 개념글의 사진만 모아진 페이지가 있으면 참 좋겠다고 생각하던 찰나, 동료 개발자의 원데이 크롤링 세미나를 듣고 직접 만들어 보기로 했습니다. 제 수준을 먼저 말씀드리자면 UI 개발 3년차이고 파이썬은 처음 써봅니다. Hello World를 찍을 수 있는 수준이 별 1개라고 쳤을 때, 이 크롤러 개발 난이도는 별 2개 정도 되는 것 같습니다. 튜토리얼을 무리없이 따라 할 수 있다면 디씨인사이드 갤러리 크롤링도 쉽게 하실 수 있을 겁니다. 주관적 개발 난이도 : ★★☆☆☆ 사용기술 Scrapy(Tutorial) : 파이썬 크롤링 프레임워크 Masonry.js : 레이아웃 정렬을 위한 플러그인 Im..

See the Pen CSS Drawing - 02. Cony (Line Friends) by Hyejin Oh (@mmt-zinee) on CodePen. 오늘은 코니를 그려보았습니다! 언제보아도 기분 좋은 웃는 코니 ^0^

See the Pen CSS Drawing - Sally (Line Friends) by Hyejin Oh (@mmt-zinee) on CodePen. 이미지 출처 : 샐리 포스트잇 ▼ ▼ ▼ (수정1) 부리가 계속 신경쓰인다 ▼ ▼ ▼ CSS Drawing에 관심을 가진지는 오래 됐는데 실천을 이제서야...1일 1드로잉 도전!? 꺄!

See the Pen Fancy css progress bar by Hyejin Oh (@mmt-zinee) on CodePen.

CSS는 sass, less, stylus, css-crush, myth, rework 등 다양한 전처리기(preprocessor)가 있습니다. 저는 sass를 쓴지 1년 반 정도 되었습니다. 무척 편리해서 이제는 sass 없이 스타일 시트를 만드는 게 이젠 더 불편합니다. 그에 반면 HTML 전처리기는 크게 필요성을 느끼지 못해서 사용하지 않았습니다. 대략적인 개념은 알고 있으나 이번 기회를 통해 각각 비교해보고 실무에 적용할 수 있는지 판단해 보려고 합니다. 설치 과정보다는 기본 사용방법 위주로 정리하였습니다. 마크업을 더 빠르게 작성하는 방법을 찾길 바라며 글을 시작하겠습니다. 1. Haml공식 : http://haml.info/깃헙 : https://github.com/haml/haml (★ 30..

리눅스 디렉토리 구조/ : 루트 디렉토리 (/root 아님)/ : 루트 디렉토리 (/root 아님)/bin : 바이너리/boot : 부트/dev : 장치/etc : 기타 (서비스와 애플리케이션이 사용하는 시스템 차원의 환경 설정 파일. 엔진엑스 서버 설정 등)/home : 홈 디렉토리/lib : 라이브러리/media : 이동식 매체/mnt : 파일 시스템 임시 마운트/opt : 옵션 소프트웨어 패키지/proc : 커널과 프로세스 정보 가장 파일 시스템/root : 루트 사용자의 홈 디렉토리/sbin : 시스템 바이너리/srv : 서비스 데이터/tmp : 임시 파일/usr : 읽기 전용 사용자 데이터/var : 변동 파일/var/lib : 애플리케이션이나 운영체제와 관련된 변수 상태 정보/var/lock ..

터미널 매커니즘 - macOS iTerm2 기준터미널 안에서 마우스 커서로 선택한 텍스트는 왼쪽 버튼을 놓는 순간 자동으로 클립보드에 복사 된다.Ctrl+C 키 조합을 눌러도 텍스트가 클립보드에 복사되지 않는다. 대신 프로그램 실행을 중지시키는 단축키로 작동한다.커맨드 라인에 파일명을 입력할 때 TAB 키를 누르면 파일명이 자동으로 완성된다.TAB 키를 빠르게 두 번 누르면 입력한 파일명에 해당하는 파일 목록을 볼 수 있다.이 기능의 지원 여부는 서버 운영체제에 따라 다르므로 작동하지 않을 수 도 있음에 유의한다. 기본 셸 명령 http://www.mireene.com/webimg/linux_tip1.htmpwd : 현재 작업 디렉토리를 화면에 프린트cd : 다른 디렉토리로 위치를 변경ls : 현재 작업..

커밋을 클릭하면 폴더/파일 목록이 뜨는 부분을 Changed files pane 이라고 한다. 이게 없어져서 별 난리를 다 치고 하루 종일 찾았는데 알고보니 그냥 오른쪽 엣지 부분에 마우스를 대고 끌면 나오는 것이었다. 너무 딱 붙어있어서 없어졌다고 생각했었는데, width:0% 였던 것이다.

시큐어 셸(Secure Shell, SSH)은 네트워크 상의 다른 컴퓨터에 로그인하거나 원격 시스템에서 명령을 실행하고 다른 시스템으로 파일을 복사할 수 있도록 해 주는 응용 프로그램 또는 그 프로토콜을 가리킨다. 기존의 rsh,rlogin, 텔넷 등을 대체하기 위해 설계되었으며, 강력한 인증 방법 및 안전하지 못한 네트워크에서 안전하게 통신을 할 수 있는 기능을 제공한다. 기본적으로는 22번 포트를 사용한다. SSH는 암호화 기법을 사용하기 때문에, 통신이 노출된다 하더라도 이해할 수 없는 암호화된 문자로 보인다.