반응형

CSS 26

[CSS] checkbox 사이즈 조절(네모 크기 늘리기)

checkbox 사이즈(크기) 조절 방법 첫 번째 방법 input[type=checkbox] { -ms-transform: scale(2); /* IE */ -moz-transform: scale(2); /* FF */ -webkit-transform: scale(2); /* Safari and Chrome */ -o-transform: scale(2); /* Opera */ padding: 10px; } 두 번째 방법 input[type="checkbox"]{ width: 30px; /*Desired width*/ height: 30px; /*Desired height*/ cursor: pointer; -webkit-appearance: none; appearance: none; } 세 번째 방법 in..

프로그래밍/CSS 2020.06.20

[CSS] 테이블(table)에 스크롤 기능 만들기

테이블 스크롤 기능 table 태그를 만들어서 작업하다보면 반응형에서 문제를 일이큽니다. 크기는 줄어드는데, 테이블의 데이터들 때문에 넓어지고나 늘어나거나 길어지곤 합니다. 이럴 때 테이블에 가로 또는 세로 스크롤 기능을 사용하면 됩니다. 순서 div 하위에 table 생성 div에 width 값이나 height 값을 지정 overflow 속성을 사용하여 스크롤 여부 속성을 지정 필수 : table 에 white-space:nowrap; 적용 물론 테이블 마다 사용법이 다르겠지만 , 일반적으로 정보 전달을 위한 테이블 요소인데, 정보의 내용이 많다면 nowrap를 사용하여 줄바꿈을 막아주어야 테이블이 깨지지 않고 올바르게 보여지게 됩니다. /*해당 범위를 벗어나지 않으면 그대로 표시하고, 벗어나면 스크롤..

프로그래밍/CSS 2020.06.14

[CSS] 텍스트가 div, code block 범위 밖으로 나가는 현상 해결

div 태그 또는 특정 태그에 코드나, 일반 텍스트 입력시 자동으로 줄 바꿈을 하지 못하고 범위를 벗어나는 경우가 있습니다. 저의 경우 블로그 포스팅시 코드블럭(code block) 범위를 벗어나는 경우였습니다. 이 문제를 해결하는 방법은 간단합니다. div 또는 특정 태그의 스타일을 정해주는 부분에 “word-break:break-all;” 또는 “white-space: pre-wrap;”를 추가하면 됩니다. div{ word-break:break-all; } pre, code { white-space: pre-wrap; }

프로그래밍/CSS 2020.06.08

[CSS/html] 모바일(반응형) 에서 좌,우가 움직이는 현상, 수평 스크롤 없애기

모바일 웹에서 수평 스크롤(가로 스크롤)이 있을 경우 위의 그림과 같이 화면을 터치하여 왼쪽으로 이동시키면 사이트가 좌우로 움직이게 되는 문제 발생. 모바일 기기에서 수평 스크롤을 비활성화하여 이 문제를 해결할 수 있습니다. 비슷한 현상이 생기는경우 아래와 같이 수정해보길 바랍니다. 우선 다음 메타 태그를 header에 추가합니다. (이미 있는 경우 기존 것을 대체합니다.) 어떤 사용자는 content=”initial-scale=1.0; maximum-scale=1.0;를 삭제하니 문제가 해결된다고도 하네요. 아이폰 등 Apple iOS 기기에서 문제가 나타나는 경우 다음 메타 태그를 추가하도록 하도록 합니다. 아이폰 문제 확인해보기 : Prevent horizontal scroll in iOS WebA..

프로그래밍/CSS 2020.06.07

유닉스 포그라운드(foreground), 백그라운드(background)

포그라운드(foreground), 백그라운드(background) 포그라운드와 백그라운드 작업의 이해 쉘은 프로세스를 작업(job) 단위로 관리 유닉스는 동시에 여러 작업을 할 수 있는 다중 작업(Multitasking) 운영체제 포그라운드(foreground, 전위) 처리와 백그라운드(background, 후위) 처리 방식으로 동작 포그라운드 처리 사용자가 입력한 명령이 실행되어 결과가 출력될 때까지 프롬프트가 출력되지 않아 다른 명령을 입력할 수 없어 기다려야 하는 경우 사용자가 명령을 입력하면 쉘이 명령을 해석하여 실행한 결과를 화면에 출력 사용자는 화면에 출력된 결과를 보고 다시 명령을 입력하여 대화식 작업을 함 포그라운드 프로세스 : 포그라운드 처리로 실행되고 있는 프로세스, 포그라운드 작업 포..

유닉스 프로세스 관리 명령

프로세스 목록 보기 ps 명령 현재 실행 중인 프로세스의 정보를 출력 형식 : ps [옵션] 옵션 -e : 시스템에서 실행 중인 모든 프로세스 정보 출력 -f : 프로세스에 대한 자세한 정보 출력 -u uid : 특정 사용자에 대한 모든 프로세스 출력 사용 예 : ps, ps –ef, ps aux 현재 단말기의 프로세스 목록 출력 ps 명령을 옵션 없이 사용하면 현재 쉘이나 단말기 창에서 실행시킨 사용자 프로세스의 정보 출력 $ ps PID TTY TIME CMD 2570 tty1 00:00:12 bash 6710 tty1 00:00:00 ps $ 프로세스의 상세 정보 출력 -f 옵션은 프로세스의 상세 정보 출력 $ ps –f UID PID PPID C STIME TTY TIME CMD ksshin 25..

유닉스 프로세스의 개념과 종류

데몬 프로세스 프로세스(process)란 현재 실행 중인 프로그램 프로그램 : 어떤 문제를 해결하기 위해 사용되는 명령어나 유틸리티의 집합 프로그램을 실행하면 메모리(RAM, 주기억장치)에 상주. 이 때의 프로그램을 프로세스라고 함 시스템 운영에 필요한 기능을 수행하는 시스템 프로세스, 사용자들이 실행시킨 사용자 프로세스 사용자의 입력에 관계없이 실행되는 백그라운드(Background) 프로세스, 명령 입력 후 수행종료까지 기다려야 하는 포그라운드(Foreground) 프로세스 멀티태스킹(Multitasking)과 작업 전환 멀티태스킹이란 동시에 하나 이상의 프로그램을 실행하는 것 사용자 기준에서는, 다수의 프로그램들을 백그라운드 프로세스로 실행시킨 상태에서 추가로 포그라운드 프로세스로 다른 작업 수행 ..

유닉스 기본 접근 권한 설정

umask 명령을 이용한 기본 접근 권한 설정 기본 접근 권한 파일이나 디렉토리를 생성할 때 부여되는 접근 권한 일반 파일 생성시 소유자는 읽기와 쓰기 권한, 그룹과 기타 사용자는 읽기 권한 부여 디렉토리 생성시 소유자는 읽기, 쓰기, 실행 권한, 그룹과 기타 사용자는 읽기와 실행 권한 부여 유닉스 시스템에 설정된 기본값에 따라 부여됨. 설정된 값을 바꾸면 파일이 생성될 때 부여되는 접근 권한도 바꿀 수 있음 파일 생성 후 기본 접근 권한 확인 파일 소유자와 그룹은 읽기, 쓰기 권한, 기타 사용자는 읽기 권한이 설정되어 있음 $ touch test1 $ ls –l total 4 -rw-rw-r-- 1 ksshin ksshin 0 6월 14 17:19 test1 -rw-r--r-- 1 ksshin kssh..

유닉스 접근 권한 변경

기호를 이용한 파일 접근 권한 변경 chmod 명령 파일의 사용 권한 변경 형식 : chmod [옵션] 권한모드 파일/디렉토리명 옵션 -R : 하위 디렉토리까지 모두 변경 두 가지 동작 모드 기호 모드 : 접근 권한을 변경하기 위해 문자와 기호를 이용해 권한을 표시 숫자 모드 : 접근 권한을 변경하기 위해 8진수를 사용 기호 모드를 이용한 권한 변경 기호 모드에서는 카테고리와 권한을 모두 문자로 표현 기호 모드는 세 가지 항목으로 구성 사용자 카테고리 : 소유자, 그룹, 기타 사용자를 나타내는 문자로 표기 연산자 : 권한 부여나 권한 제거를 나타내는 기호로 표기 권한 : 읽기, 쓰기, 실행을 나타내는 문자를 사용 권한 변경의 예 u+w : 소유자(u)에게 쓰기(w) 권한 설정(+) u-x : 소유자(u)..

유닉스 파일의 속성

파일의 속성 파일 접근 권한의 개요 다중 사용자 시스템인 유닉스에서 다른 사용자의 파일을 마음대로 사용할 수 없도록 하는 보안 기능 제공 사용자가 자신의 파일에 접근 권한 부여 부여된 권한만큼만 파일 사용 가능 접근 권한은 파일이 가지고 있는 속성 중 하나 권한 대상 : 파일의 사용자(소유자), 소유자가 속한 그룹, 그 밖의 사용자 파일 모드 숫자로 표현한 권한 파일의 속성 파일의 속성을 알기 위해 ‘ls –l’ 명령 사용 $ ls –l total 1 -rw-r--r-- 1 ksshin ksshin 221 6월 5 22:12 text $ 파일 종류 파일 속성의 첫 번째 항목 -는 일반 파일, d는 디렉토리 파일, l은 심볼릭 링크 파일 등 파일의 종류를 알려주는 명령 : file i) 형식 : file ..

반응형