반응형

프론트엔드 161

셀렉트박스(SelectBox) 실행시 값(value) 가져오기

onchange() 함수 활용 간단히 onchange 함수를 활용해볼 수 있다. html 1월 2월 3월 4월 5월 script // 제이쿼리를 이용한 방법 $("#month").change(function(){ let month1 = $(this).val(); let month2 = $("#month > option:selected").val(); console.log(month1); console.log(month2); }); // 함수를 만들어 호출하는 방법 function getMonth() { let month3 = $("#month > option:selected").val(); console.log(month3); } 셀렉트박스(SelectBox) 값(value) 고정시키기 // value값..

[CSS] Html input 에서 오른쪽 화살표, type='number' 의 버튼 없애기 ( 증가,감소 버튼)

input태그 사용시 type=”number” 로 지정하면 아래와 같은 현상이 나타날 때가 있습니다. 바로 화살표 증가, 감소 버튼이 생겨버리는데요. 간단히 없앨 수 있는 방법이 있습니다. input[type="number"]::-webkit-outer-spin-button, input[type="number"]::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } 위의 코드를 styleSheet 에 적용하시면 됩니다. 결과

프로그래밍/CSS 2020.06.12

[자바스크립트] 소수점 버림, 올림, 반올림, 자르기 방법

Math() Math.ceil() : 소수점 올림, 정수 반환 Math.floor() : 소수점 버림, 정수 반환 Math.round() : 소수점 반올림, 정수 반환 올림 let testNum = 99.11; console.log(Math.ceil(testNum)); // 100 출력, 올림 적용 버림 let testNum = 99.11; console.log(Math.floor(testNum)); // 99 출력, 버림 적용 반올림 let testNum = 99.5; console.log(Math.round(testNum)); // 100 출력, 반올림 적용 toFixed(), toExponential(), toPrecision() toFixed(), toExponential(), toPrecisio..

[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

[유닉스] 시스템 백업과 복구 명령어

스템 백업과 복구 명령어 테이프에 파일 보관 : tar tar 명령은 기본적으로 파일을 자기 테이프(magnetic tape)에 보관하도록 특별히 설계되었음 현재는 여러 개의 파일들을 하나의 파일로 묶는 용도로 더 많이 쓰이고 있음 tar 명령의 특징은 단순함, 신뢰성, 안정성, 자기 테이프 장치 이외의 어떤 매체에도 저장할 수 있는 유연성 형식 : tar [options] [생성될 파일명] [대상 파일명 또는 대상 디렉토리, 장치명] 가장 많이 사용되는 옵션은 cvf, tvf, xvf 저장 매체로 플로피 디스크나 자기 테이프로 지정하고 백업하는 예 /dev/fd0는 플로피 드라이브를 백업 매체로 지정하는 것 /var 디렉토리를 플로피 드라이브로 복사 # tar –cf /dev/fd0 /var 백업될 크..

[유닉스/unix] 사용자(User) 관리 명령어, 그룹(Group) 관리 명령어

사용자(User) 관리 명령어 사용자 계정 시스템 관리자의 중요한 역할 중 하나는 사용자 계정을 만들고 관리하는 일 사용자 계정의 구성 요소 로그인 ID : 시스템에 로그인할 때 사용자를 구분하기 위해 사용하는 이름. 사용자 이름. 시스템에서 유일해야 함 비밀번호 : 시스템에 로그인 허가를 받기 위해 사용자임을 증명하는 문자열. 6~8자 사이의 영문자, 숫자, 특수 문자의 조합으로 구성 홈 디렉토리 : 사용자가 로그인한 직후 위치하는 디렉토리. 자신의 파일과 디렉토리 저장 로그인 쉘 : 로그인할 때 자동으로 실행되는 쉘. 사용자의 명령을 입력받아 처리 사용자 초기화 피일 : 각 사용자가 자신의 작업 환경을 구성하는 파일. 로그인할 때마나 로그인 쉘이 자동으로 실행 /etc/passwd 파일 패스워드 파일..

[유닉스] 시스템 관리자

시스템 관리자 유닉스 사용자 일반 사용자와 시스템 관리자 일반 사용자 : 정해진 범위 내에서만 작업을 수행할 수 있는 사용자 시스템 관리자 : 시스템이 올바로 동작할 수 있도록 시스템을 관리하고 운영하는 책임을 가진 사용자 시스템 관리자의 역할 사용자 등록, 삭제 각종 소프트웨어 설치, 업그레이드, 제거 각종 하드웨어 추가 설치 시스템 보안 데이터 백업 자원 감시 문제 발생 시 진단 및 문제 해결 시스템 관리자 계정으로 작업하기 시스템 관리자로 작업하는 두 가지 방법 root 계정으로 로그인하는 것 일반 사용자로 로그인한 후 su(switch user) 명령을 이용해 root로 계정을 바꾸는 것 root 계정으로 로그인하기 일반 사용자로 로그인할 때와 같이 시스템에 접속하여 사용자 이름, 비밀번호 입력 ..

쉘 스크립트(Shell Script) 디버깅

디버깅 오류 발생 복잡한 스크립트를 작성하다 보면 오류가 자주 발생 구문 오류는 바로 확인하여 수정 가능 실행 오류는 추적하기 쉽지 않음 쉘은 별도의 디버거를 제공하진 않지만 각 행의 실행을 추적할 수 있는 방법 제공 bash –x를 이용한 디버깅 가장 많이 사용되며, 간단한 스크립트 디버깅 방법 -x 옵션으로 실행하면 각 행이 실행될 때마다 화면에 출력 $ bash –x test_while +count=1 +sum=0 +(( count

쉘 스크립트(Shell Script) 함수

함수 앨리어스를 이용하면 간단한 명령들을 하나의 다른 이름으로 재정의하여 사용할 수 있음 명령을 조건에 따라 다르게 실행하거나 인자를 받아 처리해야 할 때 함수를 사용 함수는 스크립트 안에서 정의하여 프로그래밍에 활용될 수도 있고, 사용자 초기화 파일에 정의하여 나만의 명령으로 사용할 수도 있음 함수의 정의 함수를 프롬프트에서 정의해 사용 가능 함수의 본문을 나타내는 중괄호는 함수 이름 다음에 써도 되지만, 앞뒤에 공백을 주어 다른 문자열과 구분해야 함 기본 형식 function functioname { 명령들 } 지우려는 파일을 휴지통으로 보내는 함수 만들기 휴지통으로 사용할 디렉토리 생성 디렉토리 이름은 .으로 시작하여 숨김 파일로 프롬프트에서 function 키워드와 함수 이름을 입력하면 프롬프트가..

반응형