쿠카의 개발일지

Pipe 파이프는 파이프 기호 왼쪽 명령어의 출력을 오른쪽의 명령어의 입력으로 입력으로 보낸다. 예를 들어 cat /etc/profile | more 는 cat 명령어를 사용하여 /etc/profile 내용을 출력한 결과를 more 명령어의 입력으로 보내어 한 페이지 단위로 출력할 수 있다. Grep 파일 전체를 뒤져 정규 표현식에 대응하는 모든 행들을 출력하는 명령어다. 기본 형식은 다음과 같다. grep .. 예를 들어 grep root /etc/passwd 는 /etc/passwd 에서 root를 포함한 모든 행들을 출력할 수 있다. Grep과 Pipe Pipe와 Grep을 사용하여 리눅스 내 수많은 소스 파일에서 내가 원하는 정보를 쏙쏙 뽑아낼 수 있다. 예를 들어 ps -ef | grep roo..

input:hidden[name=SA1] 실무를 하다가 아래와 같은 코드를 발견했다. $('form[name=main_form2] input:hidden[name=SA1]').removeAttr('value'); $('form[name=main_form2] input:hidden[name=SA1Name1]').removeAttr('value'); 조금 생소해서 예제를 찾아서 아래에 정리하였다. 이름: 전화: 주소: $("[attribute]") : [attribute(속성)] selector는 각 selector의 특정 속성을 선택한다. [attribute=value] : 특정 속성과 값을 가진 각 element를 선택한다. $(selector).attr(attribute) : attribute의 값을 ..

인스턴스를 생성할 때 "클래스 객체변수 = new 클래스();" 라는 구문을 사용하고 이때 "클래스();"는 생성자를 호출하는 의미 생성자(Constructor) 생성자는 new 연산자를 통해서 인스턴스를 생성할 때 반드시 호출이 되고 제일 먼저 실행되는 일종의 메소드(하지만 메소드와는 다르다.)이다. 생성자는 인스턴스 변수(필드 값 등)를 초기화 시키는 역할을 한다. 생성자 선언 방법 생성자를 선언하는 방법은 위에 내용과 같다. 클래스라는 부분은 생성자를 정의하는 클래스의 이름과 동일하게 적어줘야 한다. 빨간색으로 표시한 부분은 필수로 적어야 하는 내용은 아니다. public에 대한 내용은 나중에 다룰 예정이고 우선은 생성자를 선언할 때는 public을 적어주면 된다. 생성자 종류 및 사용 위에서 생성..

사용자의 키보드 입력을 감지 키보드 이벤트 타입 키보드 이벤트(Keyboard Event)는 사용자가 키를 누르거나 키를 놓을 때 발생합니다. 키를 누를 때는 keydown 타입의 이벤트가 발생하고, 키를 놓을 때는 keyup 타입의 이벤트가 발생합니다. (예전에는 keypress라는 이벤트 타입도 사용되었으나, 현재는 deprecated되어 권장되지 않으므로 다루지 않겠습니다.) 키보드 이벤트는 DOM 상에서 창(window)이나 문서(document), 또는 특정 요소(element)에서 발생할 수 있습니다. 예를 들어, window에서 발생하는 keydown 이벤트를 처리하려면 다음과 같이 이벤트 처리를 위한 콜백(callback) 함수를 설정해주면 됩니다. window.onkeydown = (e)..

padding과 margin CSS 속성중에 요소의 여백을 결정하는 속성들에 대하여 알아봅니다. margin 축약 속성이며, 요소의 테두리 외부에 투명한 공간을 확보한다. 값은 1개부터 4개까지 지정할 수 있다. CSS h1 {margin: 10px 5px 15px 20px;} /* top-10px, right-5px, bottom-15px, right-20px */ h2 {margin: 10px 5px 15px;} /* top-10px, right & left-5px, bottom-15px */ h3 {margin: 10px 5px;} /* top & bottom-10px, right & left-5px */ h4 {margin: 10px;} /* all four margins are 10px */ 속..

인덱스(Index)란 데이터베이스 분야에서 테이블에 대한 동작 속도를 높여주는 자료구조 Database에서 말하는 index는 일반적인 책에서 말하는 목차에 비유할 수 있다. 만약 책에서 특정 챕터를 찾아보고 싶다면, 책의 목차(index)를 찾고 목차에 적힌 페이지로 이동하면된다. index도 마찬가지이다. 데이터의 위치를 가리키는 지표와 같은 것이다. 따라서, 빠른 시간내에 원하는 자료를 찾을 수 있다는 장점이있다. 이러한 index에는 테이블에 있는 하나 이상의 열로 작성되는 키가 포함된다. 그리고 이 키값은 SQL SERVER에서 B-Tree 에 저장된다.(B-Tree는 키 값과 연결된 행을 빠르게 찾을 수 있는 자료구조이다.) Database에서 index의 구조는 크게 Clustered 와 N..

1. 커서 변경 $('body').css('cursor', 'default'); $('body').css('cursor', 'wait'); 2. Select Box에서 선택된 Value 찾기 $('#search_sale_pernr_s option:selected').val(); 3. Table의 타이틀 Row를 제외한 모든 Row 삭제하기 $("#data_list_table > tbody").children("tr:not(:first)").remove(); 4. Table의 마지막 Row 다음에 Row 추가하기 $("#data_list_table > tbody:last").append("값1"); 5. innerHTML값 Setting하기 $("#id_total_price").html("값"); 6. 해..

addClass(), removeClass(), hasClass() 예제 # 제이쿼리 addClass() 정보 및 예제보기아래는 제이쿼리를 사용한 addClass() 메소드입니다. 기본적인 문법은 아래와 같습니다. $(element).addClass('클래스명'); addClass() 속성을 사용하면 특정 요소에 새로운 클래스를 추가할 수 있습니다. 앞에 언급한 것처럼 이미 가지고 있는 클래스는 더 이상 추가되지 않습니다. ! addClass() 예제보기만약 아래와 같이 span 태그가 존재할 경우 여기에 red 클래스를 주어 폰트색을 변경하는 예제를 만들어 보겠습니다. .red { color: red; } Test addClass @ red.js $('span').addClass('red'); 위 코드..

.css 파일을 보면 꺽쇠 > 를 종종 보곤 합니다. 이 친구가 등장했을 때는 어떤 역할을 하는지 간단한 예제를 통해 알아보겠습니다. 우선 다음과 같은 html 코드 블럭이 있다고 가정하겠습니다. 이 상황에서, 다음과 같은 css 코드로 꾸며준다면 어떻게 될까요? 하위 선택자 사용 결과는 "안녕1", "안녕2" 모두 빨간색으로 표현됩니다. "아이디가 test인 요소 내 모든 p 요소들의 색상을 빨강으로 해줘"라는 의미가 되기 때문입니다. 반면, 다음과 같은 css 코드로 꾸며주면 "안녕1"만 빨강으로 표현됩니다. 자식 선택자 사용 이렇게 되는 이유는 #test와 p 사이의 꺽쇠(>) 때문입니다. 꺽쇠가 추가됨으로 위 css 코드는 #test 요소 내 p 요소들 중에 자식인 p 요소에 대해서 빨강색을 적용..

HTML 태그 정의 및 특징 태그는 HTML 테이블에서 내용 콘텐츠(body content)들을 하나의 그룹으로 묶을 때 사용합니다. 요소는 테이블의 각 영역(header, body, footer)을 명시하기 위해 , 요소와 함께 사용됩니다. 브라우저는 이러한 요소들을 사용하여 테이블의 헤더나 푸터와는 독립적으로 테이블의 내용만 스크롤되게 할 수 있으며, 여러 페이지에 걸쳐 있는 큰 테이블을 인쇄할 때 각 페이지의 상단과 하단에 테이블의 헤더와 푸터가 모두 인쇄되도록 할 수도 있습니다. 요소는 요소의 자식 요소로써, 반드시 모든 , , 요소 다음에 위치해야 합니다. 또한, 요소는 반드시 하나 이상의 요소를 포함하고 있어야 합니다. 와 , 요소는 기본적으로 웹 페이지의 레이아웃에 전혀 영향을 주지 않지만,..