본문 바로가기

전체 글

(50)
Spring(1) - 초기 설정하기 개발환경 설정 자바 설치 - 오라클 1.8버전 이클립스 설치 이클립스에서 sts 플러그인 설치 오라클 11g 설치 (Express Edition) SQL Developer 설치 Apache Tomcat 설치 9.0 0. server.xml 들어가서 포트번호 80으로 변경해주기 - 웹에서 포트번호를 80으로 설정해두면 포트번호 입력안해도 기본값으로 입력되기때문에 생략해줄 수 있음 1. properties 들어가서 위에처럼 안바뀌면 아래와같은 방법으로 바꿔줌!! xml 파일 메모장으로 열어서 웹버전 바꿔주기! 2. web.xml 버젼 수정하기 한글 설정해주기 encodingFilter org.springframework.web.filter.CharacterEncodingFilter encoding UTF-8..
JSP() - JSTL(JSP Standard Tag Library)/jar/core 태그/format 태그/ 1. JSTL(JSP Standard Tag Library) 웹페이지 상에서 간단한 프로그램 제어를 처리하기 위한 태그 집합 archive.apache.org/dist/jakarta/taglibs/standard/binaries/ Index of /dist/jakarta/taglibs/standard/binaries archive.apache.org 다운받아서 위에 두 jar파일 lib에 추가하기 JSTL의 변수 선언 2. JSTL 구성 1. core(코어) - 변수 선언, 실행 흐름 제어용 태그들 2. format(형식지정) - 숫자, 날짜, 시간 등 출력 형식 지정 3. sql(데이터베이스) - DB의 데이터 입력/수정/삭제/조회 기능 4. xml - XML 문서 처리 기능 5. function(함수..
JSP() - useBean_ex/회원정보 입력/수정하기/ bean(dto) 미리 작성 PersonInfo.java package com.bean; public class PersonInfo { //이름, 성별, 나이 private String name; private String gender; private int age; public String getName() { return name; } public void setName(String name) { this.name = name; } public String getGender() { return gender; } public void setGender(String gender) { this.gender = gender; } public int getAge() { return age; } public v..
JSP - 액션태그 액션 태그(Action Tag) XML 형식으로 코드를 기술하는 문법 액션 태그의 종류 1. 표준 액션 태그 include와 forward가 있음. bean 관련 태그(중요!!!) 2. 커스텀 액션 태그 별도의 라이브러리를 설치(포함)해야만 사용할 수 있는 태그 (대표적으로 JSTL) 예) 표준 액션의 include menu.jsp 오늘의 메뉴 - 두부보쌈 - 로제 파스타 - 김치찌개 - 연어 초밥 - 참치볶음밥 DateTime.jsp 오늘의 날짜 : 현재의 시간 : inputNum.jsp 첫 번째 수 : 두 번째 수 : fourRules.jsp result.jsp 덧셈 결과 : 뺄셈 결과 : 곱셈 결과 : 나눗셈 결과 : > 덧셈 결과 : null 뺄셈 결과 : null 곱셈 결과 : null 나눗셈 ..
Javascript(5) - innerHTML 과 innerText 차이점/DOM /id속성으로 요소를 선택/태그 이름으로 선택/클래스속성으로 선택/css 선택자를 활용하여 선택/요소 속성 변경/속성값 바꾸기/브라우저 객체 모델/(Brow.. innerHTML 과 innerText 차이점 버튼을 눌렀을 때 div 영역에 내용을 출력하는데 사용하는 프로퍼티 innerHTML, innerText 눌러요 태그를 문자열에 입력하면 태그로 인식해서 태그에 맞게 출력됨 태그를 입력해주어도 문자열 그대로 받아드려서 문자열 그대로 출력됨 DOM 요소 선택자 HTML 문서의 요소(들) 선택을 위해 사용 선택 방식 id속성으로 요소를 선택 - getElementById('id') 태그 이름으로 선택 - getElementsByTagName('div') 클래스속성으로 선택 - getElementsByClassName('class') css 선택자를 활용하여 선택 - querySelector('.class') 단점 : 같은 클래스를 갖는 요소를 선택할 경우 get..
Javascript(4) - 객체(Object)/Date 객체/문서 객체 모델(Document Object Model, DOM)/문서 객체 생성/이벤트 처리/이벤트 키워드/야구 전광판 프로그램 실습문제/자판기 실습문제 1. 객체(Object) 변수 + 메소드 = 객체 Date 객체(가장 많이 활용되는 객체) var 변수 = new Date();//기본 형태 var 변수 = new Date(밀리초);//입력한 밀리초를 날짜로 변환 var 변수 = new Date(날짜문자열);//"Jun 01, 2020 06:10:11" var 변수 = new Date(년, 월, 일, 시, 분, 초, 밀리초); 2. 문서 객체 모델(Document Object Model, DOM) - 웹 문서를 메모리로 읽어 들여 트리구조로 변환 - 문서의 각 요소(element 또는 tag)는 요소 노드(element node), 텍스트 노드(text node)로 변환하여 처리 - 이 트리 구조를 사용하여 자바스크립트로 문서를 제어 1. 문서 객체 생..
Javascript(3) - 배열/배열에 데이터 입력 방법/배열에 공백 입력 방법/배열에 숫자, 문자열 혼합하여 입력/배열을 활용한 자료구조/배열용 함수들/ 1. 배열(array) 여러개의 데이터(원소)를 저장하는 공간 인덱스 : 0번 부터 시작. 자바스크립트의 배열은 다른 타입의 데이터도 함께 저장할 수 있음!! 크기를 지정하지 않는다. 공백 리터럴도 포함할 수 있음. 2. 배열에 데이터 입력 방법 1. 배열에 데이터 입력 방법 1) var 배열명 = [원소1, 원소2, ...]; ▶ 배열의 길이 : 배열명.length 2. 배열에 데이터 입력 방법 2) var 배열명 = []; 배열명[0]= 원소1; 배열명[1]= 원소2; 3. 배열에 공백 입력 방법 공백도 데이터로 입력됨 -> 데이터형은 undefined 비어있는 배열에 인덱스를 지정해주고 값을 넣어주면 해당 배열 인덱스에 값이 들어가게됨. 4. 배열에 숫자, 문자열 혼합하여 입력 데이터가 숫자인지 문..
Javascript(2) - 변수의 타입/자바스크립트 변수/명명 규칙/데이터 유형/자바스크립트 연산자/자바스크립트의 제어문/자바스크립트 함수(Function)/Hoisting (호이스팅)/전역변수/지역변수/매개변수/파.. 전체코드 variable.html 1. 자바스크립트 변수 - 명명 규칙 문자(알파벳), 밑줄('_'), 달러기호('$')로 시작 대소문자 구분 한글도 사용 가능 (하지만 영문자 권장) 데이터 유형 기본형 number(숫자), string(문자열), boolean(진리값), array(배열), object(객체), null(값이 없음), undefined(정해지지 않음) 객체형 변수의 타입을 확인하는 키워드 : typeof array와 object는 모두 object 타입임. 변수 선언 키워드 var 은 생략 가능. 단, 지역 변수와 전역 변수를 구분지을 경우에는 사용하는 것이 좋다. -> var 키워드는 생략하지 않는 것이 좋다! 한글로 변수 생성 가능하고, 여러개 동시에 선언 또한 가능 위 사진처럼 홍..