레이블이 북마크인 게시물을 표시합니다. 모든 게시물 표시
레이블이 북마크인 게시물을 표시합니다. 모든 게시물 표시

2015년 4월 7일 화요일

스크랩: 리눅스 파일 검색 (find), 파일 내부 문자열 검색(grep 이용)

리눅스 파일 검색 (find), 파일 내부 문자열 검색(grep 이용)

2012/06/29 20:20 Linux/Fedora&CentOS

출처: http://ngee.tistory.com/83 그대로 퍼옴.
안녕하세요.

리눅스에서 파일 검색을 하기 위한 명령어 find를 소개합니당.

리눅스 상에서 주로 개발을 하는 저로써는 매우 자주 사용하는 명령어 인데요.

간단하니깐 !! 바로 !! 명령어 들어갑니당.


명령어 : find 파일 찾을 위치 지정 -name 찾을 파일 이름
    ex  : find ./ -name aaa.txt

위에 ex를 설명해드리면 ./(현재 폴더 부터, 하위 폴더 포함) aaa.txt 파일을 찾아줘!!! 입니다.




다음으로 파일 내부 문자열을 검색하는 명령어 grep 입니다.

사실 grep은 여러군데서 사용하고 있는 것이기 때문에, 파일 내부 문자열 검색만을 위해서 쓰이고 있지는 않습니다.

grep의 man을 보시면 -print lines matching a pattern 으로 나와있어요.

이번 포스팅에서는 grep을 통해서 파일 내부의 문자열을 검색해서, 찾고자 하는 문자열과 동일한 문자열을 가진

파일을 찾아주는 것으로 

명령어 : grep -r "찾을 문자열" ./*
     ex : grep -r "aaa" ./*
        
위의 ex를 설명드리면 ./(현재 폴더 아래 모든 파일에서) aaa라는 문자열이 있는지 찾아라!! 단 하위 디렉토리 모두에서(-r) 입니다.

간단하죠? ^ ^ 


리눅스 관련 포스팅 모음

리눅스 파일 검색 (find), 파일 내부 문자열 검색 (grep 이용) : http://ngee.tistory.com/83
scp (공개키 암호화 사용, 패스워드 없이) : http://ngee.tistory.com/80
디스크 남은 용량, 메모리 사용량, 리눅스 작업관리자 알아보기 : http://ngee.tistory.com/76
리눅스 하드웨어 확인하기 : http://ngee.tistory.com/88
리눅스 테마 적용, 꾸미기 : http://ngee.tistory.com/90
리눅스 패널에 모니터링(CPU, Memory, Network) 추가하기 : http://ngee.tistory.com/100
리눅스 yum 사용법 : http://ngee.tistory.com/127

저작자 표시 비영리 변경 금지
posted by moto ngee

2015년 4월 6일 월요일

lesscss 정의 및 다운로드 등

lesscss란 무엇인가?

출처: http://opentutorials.org/course/277/1748
css는 html을 꾸며주는 언어입니다. 정보와 표현을 분리해주는 언어로 많은 장점을 가지고 있습니다. 하지만 단점도 있는데요. 이를테면 작성하기는 쉽지만, firebug와 같은 도구 없이는 유지보수하는 것이 매우 어렵습니다. 또 동적인 언어의 특징인 변수나 함수와 같은 특성을 가지고 있지 않기 때문에 많은 양의 코드가 동원되기도 합니다.
이런한 문제를 해결하기 위해서 기술 중의 하나가 lesscss입니다. lesscss를 보다 간결하고 유지보수하기 쉬운 css를 만들 수 있습니다.
lesscss와 유사한 기술로는 sass가 있습니다.

이 문서에 대해서

대상

  • html/css에 대한 기초적인 지식을 알고 있는 분들
  • css를 효율적으로 관리하고 싶은 분들

기존의 CSS를 lesscss로 변환하기

변수

변수를 사용하면, 이곳저곳에서 사용하는 값을 한 곳에 넣어둘 수 있습니다. 그리고 스타일 시트 전체에서 사용할 수 있죠. 그래서 무언가 고쳐야 할 때에, 변수 부분의 코드 한 줄만 바꾸면 되어서 작업이 편해집니다.

LESS

1
2
3
4
5
6
7
8
@color: #4D926F;
#header {
color: @color;
}
h2 {
color: @color;
}

컴파일한 CSS

1
2
3
4
5
6
#header {
color: #4D926F;
}
h2 {
color: #4D926F;
}

믹스인 (Mixins)

믹스인(Mixin)은 한 클래스 안에서 하나의 속성 이름으로 지정하는 방식을 통해 다른 클래스의 모든 속성들을 포함시킬 수 있게 해줍니다. 이것은 마치 변수들 같지만 사실은 클래스 전체를 의미합니다. 믹스인은 또한 함수처럼 변수도 받아들이기도 합니다. 아래의 예시를 보세요.

LESS

1
2
3
4
5
6
7
8
9
10
11
12
.rounded-corners (@radius: 5px) {
border-radius: @radius;
-webkit-border-radius: @radius;
-moz-border-radius: @radius;
}
#header {
.rounded-corners;
}
#footer {
.rounded-corners(10px);
}

컴파일한 CSS

1
2
3
4
5
6
7
8
9
10
#header {
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
}
#footer {
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
}

중첩 또는 포함에 관한 규칙

CSS 속성 상속을 위해 긴 선택자(selector)를 만드는 방법 대신, LESS에서는 한 선택자를 다른 선택자 안에 포함시킬 수 있습니다. 이를 통해 CSS 속성 상속을 훨씬 더 간결하게, 그리고 스타일 시트를 짧게 만들 수 있습니다.
1
2
3
4
5
6
7
8
9
10
11
#header {
h1 {
font-size: 26px;
font-weight: bold;
}
p { font-size: 12px;
a { text-decoration: none;
&:hover { border-width: 1px }
}
}
}
1
2
3
4
5
6
7
8
9
10
11
12
13
#header h1 {
font-size: 26px;
font-weight: bold;
}
#header p {
font-size: 12px;
}
#header p a {
text-decoration: none;
}
#header p a:hover {
border-width: 1px;
}

함수와 연산

스타일시트 안의 어떤 요소들이 다른 요소들에 대해 비례하나요? 연산 (operation)은 속성값과 색상값들을 더하고, 빼고, 곱하고 나누게 하는 것을 통해 속성들 사이의 복잡한 관계들을 정의할 수 있게 해줍니다. 함수는 자바스크립트 코드와 일대일 대응을 시켜 당신이 원하는 속성값들은 무엇이든지 생성해 낼 수 있게 합니다.

LESS

1
2
3
4
5
6
7
8
9
10
11
12
13
@the-border: 1px;
@base-color: #111;
@red: #842210;
#header {
color: @base-color * 3;
border-left: @the-border;
border-right: @the-border * 2;
}
#footer {
color: @base-color + #003300;
border-color: desaturate(@red, 10%);
}

컴파일된 CSS

1
2
3
4
5
6
7
8
9
#header {
color: #333;
border-left: 1px;
border-right: 2px;
}
#footer {
color: #114411;
border-color: #7d2717;
}

다른 언어로 보기

  • 러시아어: http://lesscss.ru
  • 중국어: http://lesscss.net
  • 일본어: http://less-ja.studiomohawk.com/
  • 벨라루스어: http://www.designcontest.com/show/lesscss-be

About

LESS는 Alexis Sellier가 개발했습니다. 그는 cloudhead라는 닉네임으로 좀 더 널리 알려져 있습니다.
powered by LESS
Copyright © Alexis Sellier 2010-2012

출처: http://opentutorials.org/course/277/1748

크롬 에서 번역 옵션 뜨는 거 막는 방법

버그 같은게 아니고 저 옵션의 기본 값이 제공으로 바뀐듯... 번역 옵션 제공을 비활성화하면 안 뜸. Chrome에서 웹페이지 번역 모르는 언어로 작성된 페이지를 방문할 때 다음 단계에 따라 Chrome이 페이지를 번역하도록 할 수 있습...