본문 바로가기

IT875

파일 내용을 역순으로 출력 - 리눅스 tac 명령어 리눅스 tac 명령어는 cat 명령어와는 반대로 파일 내용을 역순으로 출력해서 볼 수 있습니다. 이전에 사용했던 명령어를 보고 싶을 때 history 명령어를 사용하는 데 사용했던 명령어가 많아서 스크롤을 해야 되는 경우 tac 명령어를 통해서 해결할 수 있습니다. 사용법 tac user@user-virtual-machine:~$ cat color.txt red blue yellow user@user-virtual-machine:~$ cat number.txt one two three user@user-virtual-machine:~$ tac color.txt yellow blue red user@user-virtual-machine:~$ tac number.txt three two one user@us.. 2023. 3. 20.
파일의 내용 확인을 편리하게 하기 - 리눅스 less 명령어 리눅스 less 명령어는 파일의 내용을 확인할 수 있으며, 파일의 내용을 확인할 때 편리하게 사용할 수 있는 추가적인 기능이 있습니다. 내용이 너무 많을 때 화면에 보이는 만큼의 페이지 단위로 보거나 한 줄씩 내려가면서 볼 수 있고 단어를 찾을 수 있습니다. 사용법 less 1. space 또는 f를 누르면 다음 내용을 페이지 단위로 볼 수 있고 b를 누르면 이전 내용을 페이지 단위로 볼 수 있습니다. 2. Enter 또는 아래 화살표 방향키를 누르면 한 줄씩 내려가면서 볼 수 있습니다. 3. /찾을 단어 형식으로 입력해서 단어를 찾을 수 있습니다. 4. q 버튼을 누르면 파일 내용 확인을 중지할 수 있습니다. 2023. 3. 19.
화면에 파일 내용 출력하기 - 리눅스 cat 명령어 리눅스 cat 명령어는 화면에 파일의 내용을 출력해 주는 명령어입니다. 파일을 하나만 입력하면 하나만 출력해 주고 2개 이상의 파일을 입력하면 파일의 내용들을 결합해서 보여줍니다. 사용법 cat ser@user-virtual-machine:~$ touch hello.txt user@user-virtual-machine:~$ echo hello > hello.txt user@user-virtual-machine:~$ cat hello.txt hello user@user-virtual-machine:~$ touch world.txt ser@user-virtual-machine:~$ echo world > world.txt user@user-virtual-machine:~$ cat world.txt world.. 2023. 3. 18.
CSS 상속: inherit을 사용하여 속성 상속하기 CSS에서는 요소들 간에 속성을 상속할 수 있습니다. 이를 통해 부모 요소의 스타일을 자식 요소에게 전달하여 일관된 디자인을 구현할 수 있습니다. inherit 키워드는 상속을 명시적으로 지정하는 데 사용되며, 자식 요소에게 부모 요소의 속성을 상속하도록 지정합니다. inherit을 사용하여 CSS 속성을 상속하는 방법에 대해 알아보겠습니다. inherit 키워드의 사용법 inherit 키워드는 속성 값으로 사용되며, 부모 요소의 해당 속성 값을 자식 요소에게 상속하도록 지정합니다. 일반적인 사용법은 다음과 같습니다: 자식요소 { 속성: inherit; } 위와 같이 자식 요소의 속성 값을 inherit로 설정하면, 해당 속성의 값을 부모 요소의 속성 값으로 상속받습니다. 예시 다음은 예시를 통해 inh.. 2023. 3. 17.
css n 번째 요소 선택해서 효과 주기 - nth-of-type html 요소에 :nth of type 가상 클래스 선택자를 사용해서 n 번째 요소를 선택해서 효과를 줄 수 있습니다. n 번째 요소를 선택할 때 하나의 요소를 선택하거나 n 배수의 요소들을 선택할 수 있습니다. n 번째 요소 선택 Lorem ipsum dolor sit amet consectetur, adipisicing elit. Officia ex sapiente minima quisquam, tenetur eos aliquid unde tempora ratione aliquam reiciendis nobis magni rem! Velit, in! Quos at quaerat nihil! Lorem ipsum dolor sit amet consectetur adipisicing elit. Natus.. 2023. 3. 17.
css 체크했을 때 효과 주기 - checked CSS에서 checked 가상 클래스는 HTML 폼 요소 중에서 사용자에 의해 선택된 상태를 스타일링하기 위해 사용됩니다. 주로 체크박스, 라디오 버튼 등과 함께 사용되며, 선택된 요소에 대한 스타일을 지정할 수 있습니다. checked 가상 클래스의 사용 예시 아래는 HTML 체크박스와 함께 checked 가상 클래스를 사용한 CSS 예시입니다. 체크박스 input[type="checkbox"]:checked + label { color: red; } 위 예시에서는 input 요소의 type 속성이 "checkbox"인 경우에만 checked 가상 클래스가 적용됩니다. checked 가상 클래스를 사용하여 선택된 체크박스에 대한 스타일을 변경하고 있습니다. 위 예시에서는 선택된 체크박스의 라벨 텍스트를.. 2023. 3. 17.
css 마우스 클릭 효과 - active CSS에서는 요소를 마우스로 클릭할 때 시각적인 효과를 적용할 수 있습니다. CSS의 Active 효과에 대해 알아보고, 실제 예시를 통해 설명하겠습니다. Active 효과란? Active 효과는 사용자가 요소를 마우스로 클릭하는 동안 적용되는 스타일을 의미합니다. 클릭된 요소에 특정 스타일을 적용함으로써 사용자에게 시각적인 피드백을 제공할 수 있습니다. Active 효과 적용 방법 Active 효과를 적용하기 위해서는 다음과 같은 CSS 선택자와 속성을 사용할 수 있습니다. 선택자:active { /* 스타일 속성 */ } 위 코드에서 선택자 부분은 클릭되는 요소를 선택하는 CSS 선택자입니다. :active는 클릭된 상태일 때 적용될 스타일을 지정하는 의사 클래스입니다. Active 효과 예시 아래는.. 2023. 3. 16.
css 마우스 오버 시 효과 주는 방법 - hover html 요소에 :hover 가상 클래스 선택자를 사용하면 마우스 오버 시 효과를 줄 수 있습니다. 사용법 link 2023. 3. 16.