기본 콘텐츠로 건너뛰기

select 박스 활용

 jQuery로 선택된 값 읽기 $("#selectBox option:selected").val(); $("#select_box > option:selected").val() $("select[name=name]").val(); jQuery로 선택된 내용 읽기 $("#selectBox option:selected").text(); 선택된 위치 var index = $("#test option").index($("#test option:selected")); Add options to the end of a select $("#selectBox").append("<option value='1'>Apples</option>"); $("#selectBox").append("<option value='2'>After Apples</option>"); Add options to the start of a select $("#selectBox").prepend("<option value='0'>Before Apples</option>"); Replace all the options with new options $("#selectBox") .html("<option value='1'>oranges</option><option value='2'>Oranges</option>"); Replace items at a certain index $("#selectBox option:eq(1)") .replaceWith("<

Part2 객체지향 프로그래밍의 등장(7~9장)

접근 제한자 - public, protected, private, default public : 모든 외부에서 직접 접근하거나 호출 가능 protected : 현재 클래스와 동일 패키지이거나 다른 패키지이더라도 상속 시에는 접근하거나 호출 가능 private : 현재 클래스의 {} 바깥쪽에서는 절대로 보이지 않습니다. default : 현재 클래스와 동일한 패키지 내에서만 접근하거나 호출할 수 있습니다. 클래스의 접근 제한 - public 외부에 클래스를 노출 default 현재 패키지 내에서만 사용 인스턴스 변수의 접근 제한 - private 사용 public static 완벽한 상수 표현 protected와 default는 간혹 사용되나 메소드를 이용해서 접근하는 방식으로 주로사용 메소드의 접근 제한 - 4개 다 사용 추상 메소드의 형태로 메소드 만들때는 private선언 불가 static : static이 붙은 변수는 클래스 변수 클래스가 생성될 때 함께 한번 생성 됨, 객체를 사용할 필요가 없음, 객체들이 공유하는 데이터를 사용할 때 static 법칙 - static이 붙은 변수들은 객체들이 다 같이 공유하는 데이터를 의미, static이 붙은 메소드는 객체들의 데이터와 관계없는 완벽하게 공통적인 로직을 정의할 때 사용한다. 따라서 static 메소드에서는 인스턴스 변수나 객체의 멧소드를 사용할 수 없다.

웹 (WEB)

 서버 - 다수의 클라이언트에게 동시에 정보를 종하는 H/W나 S/W를 말한다. 클라이언트 - 서버에 접속하여 정보를 어디는 H/W나 S/W를 말한다. 웹서버 - 웹브라우저에서 요청 메시지를 받고 웹브라우저로 응답 메시지를 전송하는 서버쪽 SW MIME  - 인터넷을 통해 문서를 주고받을 때 사용되는 문서 형식의 정의 - 파일, 멀티미디어 형식의 문서등 여러 가지 타입(이미지, 비디오, 오디오등)을 제공 Servlet - 웹브라우저로 접속하는 클라이언트에 대해 요청 접수, 요청 처리, 응답 HTML생성을 할 수 있는 서버 쪽 자바 클래스 장점 - 자바 클래스이므로 자바의 모든 기능을 사용할 수 있다. - URL 경로로 Servlet 파일의 위치에 접근할 수 없으므로 보안성이 좋다 단점 - 자바 문버 안에 HTML, CSS, 자바스크립트 등이 문자열로 삽입되므로 개발자와 디자이너의 협업이 어렵고 디자인적 요소의 컨트롤이 어려움 쿠키 - 응답 메시지를 통하여 클라이언트에 전송되며 클라이언트 쪽에 저장된다.(4kb이하) 장점 - 클라이언트가 필요한 데이터를 웹서버 쪽에 두지 않고 클라이언트 쪽에 저장하여 사용함으로 각종 편의를 제공한다. - 웹프로그램의 자원이 상업용으로 이용 가능한 각종 통게 자료를 얻는데 사용한다. - 필요한 데이터를 클라이언트쪽에 저장므로 웹서버의 부담이 적다. 단점 - 해킹에 의해 중요한 개인 정보가 저장된 쿠키가 누출될 수 있다. - 광고 회사나 인터넷 서비스업체의 자료 확보 수단으로 활용 된면서 사생활을 침해할 수 있다. 쿠키값 조건 - $로 시작 못하고, 공백, 괄호, 등호, 콤마, 콜론, 세미콜론을 포함할 수 없다. - 쿠키값이 한글이면 URLEncoder.encode(~~)를 써야 한다. JSP특징  - 작성된 jsp는 내부적으로 class로 자동으로 변환되고 호출시 이클래스의 특정 메소드가 호출된다.  - 자바 코딩을 사용자 정의태그로 대체할 수 있다. DAO클래스   - DB에 직접 DB연동하는 클래스  - 리턴되는 과정에서 데

리눅스 기본 포트 번호

 Port Number 각 서비스의 포트번호에 대해 알아보겠다. (이 외에도 있으니 참조) 20, 21(TCP) : FTP(데이터전송/제어) 22(TCP) : SSH(Secure Shell) 23(TCP) : Telnet 25(TCP) : SMTP 메일 전송 (Simple Mail Transfer Protocol) 42(TCP) : Name Server(Host Name Server) 53(TCP/UDP) : DNS 67(UDP) : DHCP 69(UDP) : TFTP (Trivial File Transfer (인증없는 파일전송)) 70(TCP) : Gopher 79(TCP) : Finger 80(TCP) : HTTP (웹서비스) 88(UDP) : Kerberos 101(TCP) : Host Name (NIC Host Name Server) 107(TCP) : rTelnet (Remote Telnet Service) 109(TCP) : POP2 110(TCP) : POP3 119(TCP) : NNTP 123(TCP) : NTP 135(TCP) : RPC 143(TCP) : IMAP 161(UDP) : SNMP 162(UDP) : SNMP-TRAP 194(TCP) : IRC (Internet Relay Chat Protocol) 213(UDP) : IPX 389(TCP) : IDAP 443(TCP) : HTTPS (HTTP protocol over TLS/SSL) 500(UDP) : IPsecISKMP 515(TCP) : LPD(Printer) 593(TCP) : RPC over HTTPS 636(TCP) : LDAPS 989(TCP) : FTPS (FTP Protocol, Data, over TLS/SSL) 990(TCP) : FTPS (FTP Protocol, Control, over TLS/SSL) 993(TCP) : IMAPS (IMAP4 Protocol over TLS/SSL) 995(TCP) : POP3S (POP3 Protocol over TLS/S

raspberry PI4 라즈베리파이4 (4GB) centos7 서버 세팅

라즈베리파이로 서버 구성 하기(mariaDB, Tomcat) 준비물 라즈베리파이4(8G), balenaEtcher(centOS 설치 프로그램), CentOS-Userland-7-aarch64-RaspberryPI-Minimal-4-1908-sda.raw 버전의 raw파일이 필요합니다. balenaEtcher로 raw파일 구우면 바로 작동합니다. 현재 기준(2020.09.26)의 라즈베리파이4용 2003버전을 깔았더니 문제가 aarch64가 아닌 arm71인가로 설치가 되어서 문제였습니다. 못찾았던 거고 현재 기준(2020.12.05) CentOS-Userland-7-aarch64-RaspberryPI-Minimal-4-2009-sda.raw.xz받으면 됩니다. cens os홈페이지에서 aarch64다운 클릭하고 images폴더 안에 있습니다. Minimal-4가 라즈베리 파이4용이라고 하네요 ( http://ftp.yz.yamagata-u.ac.jp/pub/linux/centos-altarch/7.9.2009/isos/aarch64/images/ ) 라즈레비파이4 8G를 사용하기 위해서 최신 버전 설치 했습니다. 기존의 버전(1908)은 버전이 낮다며 실행되지 않았습니다. 설치 버전 확인은 arch를 쳐보면 됩니다. 설치하면 기본 ID는 root PW는 centos입니다. 지금 상태면 저장용량을 확인 해보면 /root 용량이 2기가로 되어 있습니다. 그걸 늘려야합니다. 1 2 3 rootfs - expand   df  - h cs df -h로 확인해보면 2기가 이상으로 변경된 용량을 확인할 수 있습니다. 이걸 안하면....sd용량이 크던 적던...2기가ㅠㅠ 출처 : https://www.reddit.com/r/CentOS/comments/dunbg1/centos7_raspberry_pi_4_install_w_docker/ 네트워크(유선, 무선) 네트워크 파일 설정 vi /etc/syscofig/network 로 열어서  NETWORKING=yes NETWORK

Part03 CSS - 01

CSS / 개요, 선택자, 상속  기본문법 - 선택자 {                         속성: 속성값;                         속성: 속성값;                    } 선언 방식 - 인라인 방식                     <div style= 'color: red; font-size: 20px; font-weight: bold;' > HELLO </div>                    내장 방식 <style> div { color : red ; font-size : 20px ; font-weight : bold ; } </style>                 링크 방식 - html<link>를 이용해서 외부 문서로 css를 불러와 적용                  <link rel= 'stylesheet' href= 'css/common.css' >                 @(at)import 방식 - css에서 외부의 css를 가져오는 방식(직렬 방식이므로 시간                  지연이 생김, 대신 순서적으로 호출이 되야할때는 좋음)                     @import url ( './common2.css' ) ; 기본 선택자 - 전체 선택자 - 요소 내부의 모든 요소를 선택                      *{                     color : red ;                     }                                       태그 선택자 - 태그 이름으로 요소 선택