IT글쓰는 자유공간

태그          특정 태그 모두 가져오기 

태그.class    특정 태그내의 특정 클래스 가져오기 

태그#id       특정 태그내의 특정 id 가져오기

 요소1 요소2 모든 자손 요소 가져오기 

 요소1 > 요소2  바로 아래 나오는 자식 요소 

 요소[특성]     attribute가 있는 요소 가져오기 

 요소[특성=값]  속성과 값이 일치하는 요소 

 요소[특성*=값] ~가 들어가는 

 요소[특성$=값] ~로 끝나는 

 요소[특성^=값] ~로 시작하는 

 요소[특성1=값1][특성2=값2] 2개의 특성과 값을 모두 만족하는 요소  

 요소:nth-child(n) 부모 요소를 기준으로 n번째 위치한 요소 

 요소:first-child 부모 요소를 기준으로 첫번째 자식 요소 

 요소:last-child 부모 요소를 기준으로 마지막 자식 요소 

 요소:only-child 부모 요소를 기준으로 자식 요소가 딱 하나인 요소 

 요소:empty 부모 요소를 기준으로 자식을 갖지 않는 요소 

 요소:not(Selector) 다른 선택기를 제외한 요소 

:first   첫번째 요소 

:last     마지막 요소 

:even   짝수번째 요소(n-1번째, 0번째부터 시작, 즉 0번째가 짝수) 

:odd   홀수번째 요소 

:nth(n)  n번째 요소 

:eq(index)   주어진 인덱스에 해당하는 요소 

:gt(index)   주어진 인덱스보다 큰 요소 

:lt(index)   주어진 인덱스보다 작은 요소 

:visible  CSS 속성의 display가 none이 아닌 요소 

:hidden  CSS 속성의 display가 none인 요소 

:parent  부모 요소 

:contains(‘Text’)  Text를 포함하는 요소

● bind() =>  DOM 요소에 특정 이벤트를 연결(바인딩) 

  unbind()로 이벤트 처리기 제거 가능

● this =>  이벤트 핸들러에서의 this는 DOM을 가리킴 

● $(this) =>  현재 이벤트가 적용된 개체(DOM)를 jQuery 개체로 반환 

● this.id =>  DOM 개체 중 클릭된 요소를 알고자할 때에는 id 속성 사용

● click() 메서드 -  해당 요소에 click 이벤트를 적용

● filter(‘선택기’) =>  선택기에 매치되는 jQuery 집합을 읽어옴 

    end() =>  filter() 적용 전의 상태로 이동하고자할 때 

● toggle(fn1, fn2, fn3, ...)  =>  토글시 필요한 익명 메서드를 n개까지 지정 

● toggleClass(‘CSS클래스’)  =>  CSS 클래스에 대한 토글링 지원 

● addClass()와 removeClass()를 반복 

● hover( mouseover, mouseout ) 

      =>  마우스 오버시와 아웃시에 필요한 기능을 한 개 메서 드로 제공 

● css(key, value) => key : 스타일시트 속성명 ? value : 스타일시트 속성값

● 노드 반복 : .each() 

 .each(function(index, 요소))  => jQuery 개체를 반복 탐색

 /////////////////////////////////////////////////////////////////////

 ● Form 관련 jQuery 선택기 

 :input   input만 가져오는게 아닌 모든 폼 요소를 검색  input, textarea, select/option  

 :text   <input type=“text” />인 요소 검색    

 :password   <input type=“password” />인 요소 검색    

 :radio   <input type=“radio” />인 요소 검색    

 :checkbox   <input type=“checkbox” />인 요소 검색    

 :submit   <input type=“submit” />인 요소 검색    

 :image   <input type=“image” />인 요소 검색    

 :reset   <input type=“reset” />인 요소 검색    

 :button   <input type=“button” />인 요소 검색    

 :file   <input type=“file” />인 요소 검색   

 :enabled   disabled 속성이 없는 요소 검색  

 :disabled   disabled 속성이 있는 요소 검색  

 :checked   checked 속성이 있는(체크된) 요소 검색  

 :selected   selected 속성이 있는(선택된) 요소 검색

  /////////////////////////////////////////////////////////////////////

 ● 태그의 속성(Attributes) 접근 : attr() 

    특정 요소의 모양을 변경하려면 해당 요소의 속 성(Attributes)을 변경하면 됨 

  jQuery는 attr() 메서드를 제공함 

   - 매개변수로 제공되는 속성을 읽기 또는 변경 

● 태그의 속성(Attributes) 접근 : CSS 

   jQuery는 CSS를 쉽게 적용 또는 삭제할 수 있는 메서드를 제공 

   addClass(), removeClass(), toggleClass() 그리고 hasClass() 

   hasClass() : 특정 class 속성을 가지고 있으면 진행 

   각각의 CSS 요소를 변경할 수 있는 막강 메서드 인 css() 제공

● html() - 요소의 HTML을 읽어(get)온다.  

● html(val)   - 요소에 HTML을 설정(set)한다. 

● text() - 일치하는 모든 요소의 텍스트를 붙여서 읽어(get)온다. 

● text(val)   - 요소에 텍스트를 설정(set)한다

/////////////////////////////////////////////////////////////////////

eq(index)   n번째 인덱스의 요소를 가져옴 

is(“ ”)   지정된 선택기와 맞는 요소 검색 

not(“ ”)   지정된 선택기와 맞는 요소를 제외한 나머지 검색 

end()   현재 실행된 상태의 이전으로 되돌림 

map(callback)   jQuery 개체를 다른 jQuery array로 변경 

append("jquery객체”)  요소의 안에 내용 추가 

insertAfter(“”)   검색된 요소의 뒤에 추가 

wrap(“내용”)   요소를 감싸서 추가 

clone()   요소를 복사 

before(“”)   요소의 앞에 내용 추가 

insertBefore(“”)  검색된 요소의 앞에 추가 

append(“”)   요소의 안에 내용 추가

appendTo(“”)   검색된 요소의 안에 내용 추가 

empty()   DOM내의 모든 요소를 제거/자식 노드 제거 

remove()   DOM에서 요소를 제거 

find()   특정 요소를 찾기  

next([selector])   DOM의 다음 형제 노드를 반환 

prev([selector])   DOM의 이전 형제 노드를 반환 

/////////////////////////////////////////////////////////////////////

show()  요소 보이기 

show(speed, callback)  요소 보이기(스피드와 콜백함수 지정 가능) 

hide()  요소 숨기기 

hide(speed, callback)  요소 숨기기(스피드와 콜백함수 지정 가능) 

toggle()  토글링(이랬다~ 저랬다) 

toggle(speed, callback)  토글링(스피드와 콜백함수 지정 가능) 

fadeIn(speed, callback)  서서히 나타나기 

fadeOut(speed, callback)  서서히 없어지기 

slideDown(speed, callback)  위에서 아래로 슬라이드 다운됨(보여짐) 

slideUp(speed, callback)  아래서 위로 슬라이드 업됨(사라짐) 

slideToggle(speed, callback)  슬라이드 업/다운에 대한 토글링 

animate()  여러개의 애니메이션 효과를 동시 부여 

stop()  현재 진행중인 애니메이션 효과를 멈춤

select 문  = 데이터 검색

select [ALL(*) / distinct] // 원하는 컬럼명(열이름),...  // distinct => 중복제거

from 테이블이름

[where 조건]

[group by {컬럼,,,,}]

[having 조건]

[order by {컬럼,,,,,}[asc(오름), desc(내림)]]

1. select * from employees; : employees 테이블에서 전체 컬럼을 보여달라 (테이블 전체내용보기)

2. select 필드명, 필드명, 필드명 from 테이블이름 ; 해당 필드명의 자료만 검색

 ** 필드명의 자료가  Number, 날짜 인 경우는 연산이 가능하다 

3. select employee_id, first_name, job_id, salary, salary*12 from employees;

 ** 필드명을 별칭으로 사용 수 있다. (단, 진짜변경되는 것은 아님)

 ** 별칭 사용법 ( 1. 필드명 as 별칭,  2. 필드명 별칭)

4. select employee_id, first_name, job_id, salary as 급여, salary*12 연봉 from employees;

5. select 필드명,,,,, from 테이블명 where 조건절

  => 조건은 대소문자 구별한다. 문자열과 날짜는 반드시 홑따옴표 한다.

  => 조건절의 구성(where 필드명 연산자 조건 )

 select employee_id, first_name, job_id, salary from employees where salary >= 10000 ;

 select employee_id, first_name, job_id, salary, job_id from employees where job_id = 'IT_PROG' ;

   and 조건 : (필드명 연산자 조건 and 필드명 연산자 조건)

               주어진 조건을 모두 만족하는 필드만 검색

              ~부터 ~ 까지의 범위를 포함하는 검색 (where 필드명 between 조건 and 조건)

select employee_id, first_name, job_id, salary from employees 

where job_id = 'IT_PROG' and salary >=5000 

select employee_id, first_name, job_id, salary from employees 

where employee_id >=150 and employee_id<=180 ;

select employee_id, first_name, job_id, salary from employees 

where employee_id >=100 and employee_id<=180 and job_id ='IT_PROG';

select employee_id, first_name, job_id, salary, hire_date from employees 

where hire_date >= '89/01/01' and hire_date <= '89/12/31';

select employee_id, first_name, job_id, salary, hire_date from employees 

where hire_date  between '89/01/01' and '89/12/31';

select employee_id, first_name, job_id, salary from employees 

where job_id = 'IT_PROG' or salary >=5000 

 or 조건 : (필드명 연산자 조건 or 필드명 연산자 조건)

             주어진 조건들 중 하나라도 만족하는 것이 있으면 모두 검색

   (in 연산자 : 같은 필드에서 or 연산자를 사용할 경우 사용) 

      => in  연산자 형식 : where 필드명 in(조건, 조건....)

select employee_id, first_name, job_id, salary from employees

where job_id = 'IT_PROG' or job_id = 'AD_VP' or job_id = 'FI_ACCOUNT' ;

select employee_id, first_name, job_id, salary from employees 

where job_id  in('IT_PROG','AD_VP','FI_ACCOUNT') ;

  ** distinct => 중복제거 

 select distinct 필드명 from 테이블이름 , => O (해당필드의 중복제거 됨)

 select distinct 필드명, 필드명 from 테이블이름 => X (중복제거 안됨), 

 select distinct job_id from employees;

  ** like 연산자 : 정확하지 않은 데이터를 찾을 때 

     % : 모든(*) , _ : 어떤 한 글자 ( 전체 글자수까지 맞춰어야 한다.) 

  select employee_id, first_name, job_id, salary from employees where first_name like 'J%'; (시작)

  select employee_id, first_name, job_id, salary,hire_date from employees where hire_date like '89%';

  select employee_id, first_name, job_id, salary from employees where first_name like '%i%'; (포함)

  select employee_id, first_name, job_id, salary from employees where first_name like 'J____';

  ** is null 과 in not null

   select *  from employees where COMMISSION_PCT = null => 데이터 못 찾음

   select *  from employees where COMMISSION_PCT is null => 데이터가 null인 경우 찾기

   select *  from employees where COMMISSION_PCT is not null => 데이터가 null인 아닌 경우

  정렬 : null => 오름차순일경우 맨 마지막, 내림차순일 경우 맨 처음

  select * from employees order by salary => 오름

  select * from employees order by salary asc => 오름

  select * from employees order by salary desc => 내림

////////////////////////////////////////////////////////////////////////////////////////////////////

dual : 오라클 가상 테이블

sysdate : 시스템의 오늘 날짜

숫자함수

ABS : 절대값  예) select 10 , -10 , abs(-10) from dual

FLOOR : 소수점 아래 버림

        예) select 34.6789, 34.4798, 34.5789,floor(34.6789), floor(34.4798), floor(34.5789) from dual 

ROUND : 반올림 (숫자) => 소숫점 첫째자리에서 반올림

        반올림 (숫자, 자릿수) : 

       select round(34.6489,1),round(34.6598,1) from dual // 소숫점 첫째자리까지구함 34.6 // 34.7

       select round(134.6489,-1),round(135.6498,-1) from dual // 130 // 140

TRUNC : 버림(숫자, 자릿수)

       select TRUNC(34.6489,1),TRUNC(34.6598,1) from dual // 소숫점 첫째자리까지구함 34.6 // 34.6

       select TRUNC(134.6489,-1),TRUNC(135.6498,-1) from dual // 130 // 130

MOD : 나머지 구하기

       SELECT MOD(27,2), MOD(27,5), MOD(27,7) FROM DUAL

       select * from employees where mod(employee_id,2) = 1 ; // 사원번호가 홀수인 사람구하기

////////////////////////////////////////////////////////////////////////////////////////////////////

날짜 함수

sysdate : 시스템 오늘 날짜 , 연산가능

select sysdate, sysdate+100 from dual

months_between : 두날짜 사이의 개월 수 구하기

select months_between(sysdate,'96/06/26')/12 from dual

select floor( months_between(sysdate,'96/06/26')/12) from dual

select trunc( months_between(sysdate,'96/06/26')/12) from dual

next_day : 해당 요일의 가장 가까운 날짜를 반환(지나간 요일을 찾지는 않음)

next_day(날짜, 요일) : 요일 => 일요일 = 1

select next_day(sysdate,'일요일'),next_day(sysdate,1),next_day('14/08/18',1) from dual

last_day : 해당 월의 마지막 날짜 반환

          select last_day(sysdate) from dual 

////////////////////////////////////////////////////////////////////////////////////////////////////

 형변환 함수

  NVL : null 값을 다른 값으로 변환 시킴

  NVL(널값, 변환시킬값) 

   select  COMMISSION_PCT, NVL(COMMISSION_PCT,0) from employees

간단한 프로젝트 하나가 끝났다. 처음에는 전자정부기반에서 자바로 작업할줄 알았는데 디자인이 완성되있는 오픈소스를 가져다가 쓰신다고해서 PHP로 작업했다. 거의 완성되있는 오픈소스라 간단하게만 수정하고 한글화 작업후에 인수인계할 예정이다. 

 프로젝트 예상기간은 1달반정도 됬는데 예상보다 일찍 끝나서 현재는 방송통신대 공부를 하고있다 이번에는 학점좀 재대로 받아야되는데.... 생각보다 자주공부하기가 힘들다. 회사에서 작업할일이 많이 생기면 그거대로 그거공부도 해야하고 대학공부도 해야하는데 여기서 개인프로젝트나 스터디를 할 여력이없는거같다.... 물론 하라고하면 할 수는 있지만 여기서 스터디를하면 내시간이 과연 있을까싶기도하다.

VMware에 SSH, FTP 설정하는 방법입니다.

터미널에 sudo apt-get install openssh-server 쳐서 openssh를 설치합니다.

Y

마찬가지로 sudo apt-get install vsftpd 로 FTP 설치

ifconfig로 inet addr 뒤에 할당된 ip를 확인합니다.

vmware에서 Edit -> Virtual Network Editor를 클릭합니다.

3번째 NAT에서 NAT Settings 클릭 ( 포트포워딩 설정 )

접속 후 add 버튼 클릭

포트와 아까 ifconfig에서 보았던 ip주소를 치신후 확인

저는 21포트에 FTP 22번 포트에 SSH를 설정하였습니다. 설정완료 후 확인을 하시면됩니다.

윈도우에 있는 ssh 프로그램

윈도우에 있는 FTP 프로그램으로 정상적으로 접속되는것을 확인하였습니다.

**************************************************************************************************

ps. 쓰기권한이 없어서 추가 설정 하였습니다.

FTP서버에서 쓰기 작업을 실행 할 시에 권한이 없어서 확인이 안되는데 쓰기권한 가져오는 방법입니다.

터미널에서 sudo nano /etc/vsftpd.conf 를 입력합니다.

글을 내리다보시면 #write_enable=YES 가 있습니다. 여기서 주석 ( # ) 을 해제하여 주세요.

요롷게 헿헿 그리고 저장을 합시다.

저장한 후에 sudo권한으로 서비스를 재시작하여 주시고 ftp에서 파일을 만드시면

짠 디렉토리가 만들어졌습니다! 

VMware로 민트 17라인 버전 설치 후에 한글 설정이 되어있지 않아서 한글 설정 작업을 시작합니다.

파이어 폭스로 들어갔더니 한글이 나오지 않습니다! 

메뉴 - language를 입력후 오른쪽에있는 파란색 Language 버튼을 눌러줍시다.

현재 언어입력기에 아무것도 없으므로 < UIM에 대한 지원을 추가합니다. > 버튼을 클릭합니다.

root권한이 아니라 비밀번호를 입력했습니다.

설치중

별도의 구성요소 설치 했습니다.

UIM이 확인되네요 설정해주고 확인 누릅니다.

메뉴에서 keyboard 입력후에 확인

설정 처음에 있는 디폴트 입력기를 벼루로 합니다.

이후 왼쪽 사이드바에서 벼루 키 설정1 에 들어가 한영키와 한자키를 원하시는 키로 설정한 후에 재부팅을 합니다.

한글이 정상적으로 써집니다. 완성!

vmware 설치가 완료되었으면 이제 민트 OS를 설치해 보겠습니다.

Create a New Virtual Machine을 클릭합니다.

Typical로 Next

저는 ISO파일로 설치했습니다. 

요롷게 iso파일을 browse해서 상단에 iso파일 확인 후 Next!

Linux 라디오 버튼 클릭 후 32비트시면 Ubuntu 32 64비트시면 64bit로 설치합시다.

저는 노트북에 설치해서 64비트로 설치했습니다.

이름이랑 기본 Location 설정 후 Next

Finish를 클릭합니다.

해상도가 너무 작아서 display에서 해상도를 설정했습니다.

원하시는 해상도를 클릭후 apply

이제 OS설치를 시작합니다 Install Linux Mint파일을 클릭 합니다.

계속

계속

저는 다시깔기 때문에 위에 그대로 두고 Linux Mint 설치가 나오지만 아마 처음 까시는 분들은 < 디스크를 지우고 Linux MInt 설치 > 하나만 나오실 겁니다. 라디오버튼 체크를 하신 후 지금 설치.

키보드 배치는 한국어 -> 한국어 (101/104키 호환) 으로 해줍시다.

컴퓨터 이름과 사용자 id,pw를 입력하시고 계속을 누르면 설치가 시작됩니다.

설치가 완료된 후 재시작 버튼을 눌러서 재시작합시다.

오늘은 VMware를 설치하는 방법을 기재하겠습니다.

https://my.vmware.com/web/vmware/info/slug/desktop_end_user_computing/vmware_workstation/10_0 

사이트에 접속합니다.

Vmware windows에 Go to Downloads를 클릭!

Download Now를 클릭합니다

로그인을 하시고 없으시면 Register로 등록해서 접속해주세요!

라이센스 동의한 후 확인.

설치합시다

라이센스 동의 넥스트!

우리는 기본이 좋으니까 기본으로 설치합시다!

설치 경로입니다. 원하시는경로에 설치합시다.

업데이트 버전 체크입니다. 저는 해제했습니다.

vmware측에 정보 제공입니다 해제했습니다.

데스크탑과 시작메뉴 폴더만들기 입니다. 두개다 체크했습니다.

라이센스 키 입니다. 기재후 enter를 클릭합시다!

완성.

VMware설치가 끝났습니다.

다음에는 민트 os를 설치해보겠습니다.

최근 php로 사이트를 개발할 일이 생겨서 php를 갑자기 보는중이다. 기본적으로 소스분석이 어느정도 되서 php로 금방 개발하겠지라고 생각했지만 지금 급 후회하고 도서대여를 했다. 아무래도 템플릿이나 프레임워크같은 패턴을 이용한 개발작업 때문에 볼 소스가 많아지는것 같다. 현재는 기본적인 로직을 구현할 수 있게 되어서 샘플링 작업을 하는중이다. 이번기회에 php를 공부해야겠다.

http://msysgit.github.io/ 사이트에 접속합니다.

다운로드 버튼을 눌러서 다운로드 합니다.

계속계속~

Advanced context menu로 설치를 해줍니다

윈도우 cmd와 리눅스 명령어를 같이 사용할 수 있게 해줍니다 3번으로 설치합시다.

체크아웃 스타일, 커밋 스타일 설정입니다. 저는 window - unix 스타일인 1번으로 했습니다.

Windows8.1 64비트 기준으로 기본 path 입니다. Git Bash를 클릭합시다. 

실행이 되면 git --version으로 버전을 확인합시다!! 

확인이 된다면 설치 끝!