Daily coding

* JavaScript : Function : 자바스크립트 함수 선언, 호출 1. 자바스크립트 함수 작성 1) html파일의 head 안에서 작성 2) html파일의 body안에서 작성 3) 외부에 js파일에 작성 후 호출하여 실행 - 외부에서 파일을 가져올 시, script의 attribute 중 src 를 사용하여 파일명이나 경로를 통해 불러옴 * -->

* Java Script : client 언어 (!= java (서버언어)) - 목적 : Front end 제어하기 위한 스크립트(logic) - 보조 프로그래밍적 요소, 화면 제어를 하기 위한 요소 -> JQuery-> Vue / React - 컴파일을 하지 않는다 (가볍고 버전이 없음) -> 속도가 빠름 빈칸을 조사. ID 글자수를 조사, pw에 숫자포함 체크 > - CSS 에 대해서 구현 - Timer 설정해서 특수효과 처리 가능함 - 차트, 그래프로 표현이 가능하다 - id (#,현 페이지에서 1개만 인식), class(. ,현페이지 다수인식, CSS), name(link를 연결해서 값을 넘겨줄 때 사용) : 접근하기 위한 속성 (attribute) - 자바스크립트는 자바와..

: jsp 파일에서의 주석문 * form으로 내보낸 데이터는 jsp파일을 통해 자바에서 출력하거나 DB에 입력할 수 있다. - 모든 데이터는 String으로 받아들이기 때문에 숫자나 다른 데이터형은 변환해야한다. String id = request.getParameter("form에서내보낸데이터의name"); String choice [] = request.getParameterValues("form에서내보낸데이터의name"); - 체크박스와 같이 여러 데이터를 받을 때는 getParameterValues를 통해 배열로 받도록 한다.

form event resource와 같이 많이 사용 입력 데이터 등을 전송할 수 있다 id : #, 현재 페이지에서 1개만을 인식. javaScript(=JQuery) 에서 많이 사용 class : . , 다중 인식. CSS(디자인), JavaScript(=JQuery) name : link용, 값을 전송할 때 변수의 역할. 데이터를 jsp파일 등으로 넘겨줄 수 있고 디비와 연결하여 사용할 수 있다. type ="submit" : submit 버튼을 생성한다 value : 특정 입력 타입을 만들고 안에 들어갈 텍스트 입력 submit : 이동, form하나당 submit은 하나만 존재 중간에는 입력 리소스들 존재 * input태그 1. button(submit) 2. checkBox 3. ..

Video 비디오 controls= "controls" ---> 재생도구 같은 제어도구가 표시됨 loop="loop" ----> 루프여부 src : 재생할 동영상의 URL autoplay : 설정되어있으면 자동재생됨 video

보호되어 있는 글입니다.

iFrame : web page in web page width * height만큼의 공간에 html 파일 혹은 웹사이트를 불러올 수 있다. 보안이슈로 잘 안될 수 있음 iFrame : web page in web page width * height만큼의 공간에 html 파일 혹은 웹사이트를 불러올 수 있다. 보안이슈로 잘 안될 수 있음 index 1

List Unordered List : 리스트안에 들어갈 실제 값을 입력한다. 예시 : coffee tea milk disc : 동그라미 (default값) coffee tea milk square : 네모 버튼 coffee tea milk none : 아무것도 없음 coffee tea milk list안에 anchor(a)넣을 수 있음 coffee tea milk : 순서가 있는 목록 (ordered list) Apple Pear Banana ---> ol 또는 ul 태그에 클래스 이름을 붙이고 CSS에서 디자인을 조절하도록 한다. list coffee tea milk disc : 동그라미 (default값) coffee tea milk square : 네모 버튼 coffee tea milk none ..

: 테이블 만드는 태그 : 테이블 행(row)을 추가 : 테이블 헤드 추가 : 테이블 데이터 추가 : 열 설정 ---> col width / height = "숫자" 또는 "%"로 둘 수 있음 차례대로 입력하면 순서대로 컬럼 속성이 지정됨 : 테이블 헤더로 묶음 : 테이블 바디로 묶음 : 한 열 데이터를 2개 이상 입력할때, 하나의 열로 묶기 위함 : 한 행의 데이터를 2개 이상 입력할 때, 하나의 행으로 묶기 위함 - border : 테이블 테두리 두께 설정 - style : width와 heigth 등 지정할 수 있음 HTML : Basic 1 - 번호 성 이름 나이 1 홍 길동 24 2 일 지매 21 3 성 춘향 25 주소록 번호 성 이름 주소 1 홍 길동 서울시..

: 이미지 태그 * Attribute alt : 이미지가 없을 때 나올 문자열 설정 src : 이미지의 경로 혹은 프로젝트 안에 넣어둔 이미지의 파일명(확장자 포함) width : 가로길이 (px) height : 세로길이 (px) hspace : 이미지 가로 여백 (px) vspace : 이미지 세로 여백 (px) border : 테두리 이미지와 기사를 같이 Loading하고 싶은 경우 오제국립공원(尾瀬国立公園)은 일본 최대 산악 습지대이다. 주변 자연 경치와 함께 하이킹 즐기기에 좋으며, 하이킹 루트 정비 상태도 좋다. 주변 자연환경과 계절 꽃이 만들어낸 멋진 경치를 즐기고 싶다면 5월부터 10월 사이가 좋다. 산으로 둘러싸인 습지대 풍경은 오제 지역만의 매력이다. 관광의 중심지 오제국립공원은 동서로..