10.29 메모

javascript 배열 [자바스크립트 키 : 밸류] var obj = { key1: value1, key2: value2 }; 이런식으로 있을떄 .를 써서 obj.key3 = "value3";라고 해줄수도있고 []를 써서 `obj["key3"] = "value3";라고 해줄 수 도있다. ----- onkeydown : 키를 눌렀을때 이벤트이다 (shift, alt, controll, capslock 등의 모든 키에 동작한다. 단 한영변환, 한자 등의 특수키는 인식 못한다). onkeyup : 키를 눌렀다가 땠을 때 이벤트이다 (onkeydown 에서 인식하는 키들을 인식 한다). onkeypress : 실제로 글자가 써질때 이벤트이다 (shift, tap, enter 등의 특수키는 인식 못한다). --..

메모 1일차

* Spring STS 1) View 폴더 : jsp파일을 저장하는 디렉토리로 사용 2) Servlet - context.xml : application-context.xml과 동일한 역할을 한다. (Spring bean 설정 파일) 3) Resource : CSS와 Javascript 파일 모아두는 디렉토리로 사용 * Mapper 및 소스코드 들여쓰기 내어쓰기 신경쓰기. * 유효성 검사 원하는 페이지로 넘어갈때 에러가 날씨 사용자가 보기에는 무슨 에러가 왜 났는지 모르기 때문에 해당 페이지로 넘어가지 않게끔 만들어야 한다! 아래와 같은 패턴을 만들어야 한다!! if(category == "" || category == null){ } - 띄어쓰기, 공백, NULL 까지 모두 체크해야 한다. 어느 회사이..

jQuery/Ajax (3) : 데이터 목록 뿌리기 AND 페이징 처리

UNION 연산자

UNION - 두개 이상의 테이블 또는 쿼리를 합치는 역할 - UNION ALL은 중복을 포함한 모든 값을 나타내는 것 ex) SELECT 'min' AS TYPE, MAX(ymdhm) AS END_DATE, MIN(ymdhm) AS START_DATE FROM ti_hrf_bo_mi A UNION SELECT 'dy' AS TYPE, MAX(ymdhm) AS END_DATE, MIN(ymdhm) AS START_DATE FROM ti_hrf_bo_dy UNION SELECT 'hr' AS TYPE, MAX(ymdhm) AS END_DATE, MIN(ymdhm) AS START_DATE FROM ti_hrf_bo_hr; 실행화면

jQuery/Ajax로 jsp 리스트 뿌리기 / .Clone(복사)

* Jsp에 데이터를 뿌릴 Templeate을 미리 만들고 jQuery로 데이터 뿌리기 1) Jsp => 화면단에 데이터 리스트를 뿌릴 화면단(template)을 미리 만든다. 구분 관측소명 시군구코드 시군구명 설치주소 경도 위도 공간정보 2) jQuery - var template = $("#copyGgTemplate TR").clone(); => id가 copyGgTemplate의 TR을 Clone(복사) 하여 template에 담는다 - template.find("#category").text(data.Dto.category); => template에서 id 값을 find함수를 사용하여 찾아 보여주고자 하는 데이터를 넣는다. - $("#dataTable").append(template); => te..

OpenLayers (하나의 마커 띄우기)

* 하나의 마커 띄우기 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 //상세페이지 지도 띄우기 function map(data){ $("#article_map").html(""); var iconFeature = new ol.Feature({ geometry : new ol.geom.Point([data.wgs84_lon, data.wgs84_lat]), name : data.spot_nm + " 관측소", population : 4000, rainfall : 500 }); var vectorSource = new ol.source.Vector({ features..

GitLab

(GitLab)new project => (GitLab)project Name 작성 => GitLab에서 Clone하여 URL 복사 => 프로젝트 오른쪽 클릭 => Team => share project => use or create repository in folder of project 체크 => Repository 생성할 프로젝트 선택 create Repository 클릭 => Finish 활성화 됨. 프로젝트 오른쪽 클릭 => Team => Commit => Git Staging에서 ++(플러스 두개달린) 아이콘을 클릭하면 GitLab에 올릴 소스파일들이 아래로 내려옴 => Commit Massage 작성 => Commit and Push를 누름 => GitLab에 소스 올려진 것 확인. * Co..

jQuery/Ajax(1) : 기초, Tip

Tip) ajax => 해당 Jsp파일에서 스트립트로 ajax js 파일을 불러와 사용하면 js 파일에서 모든 경로를 쓰지 않아도 된다. 1 2 3 4 5 6 7 8 9 10 11 var _contextPath = ; var ajax = new ajax ({ contextPath : _contextPath, callCount : 5 }); http://colorscripter.com/info#e" target="_blank" style="color:#4f4f4ftext-decoration:none">Colored by Color Scripter * Ajax Controller로 데이터 넘기는 법 (Json 방식) 1 2 3 4 5 6 7 8 9 10 jQuery.ajax({ type : "POST", d..

jQuery/Ajax (2) : trigger, handler

- 이벤트가 발생할 때 실행될 함수나 bind()함수로 연결 된 어떤 이벤트 핸들러를 강제로 실행시킨다. ex) jQuery("#id").trigger("submit"); : submit 이벤트 강제 실행 - 어떤 요소에 대해 이벤트를 실행하게끔 설정하는 것. ex) $(elem).on("click", function(e) { ... }); - bind() -> 요소(element)에 이벤트 처리기(handler)를 연결한다. : 아마 현재는 사용 X 1 2 3 4 5 6 7 jQuery("#dropdown").change(function(){ var selData = jQuery('#dropdown-item option: selected').val(); selMapList(selData); }); jQ..

Javascript FOR문

Javascript FOR문의 다양성 1) 일반적인 FOR문 1 2 3 for(var i=0; i

JAVA (3일차) - 반복분

JAVA (3일차) - 반복분 * 반복문 (for, while, do ~ while) package com.day3; import java.util.Scanner; class Test1 { public static void main(String[] args) { //반복문 (for, while, do ~ while) //for 시작과 끝값이 정해져있을때!! //while 끝값이 정해져있지 않거나, 끝 값을 모를때 //do~while 일단 실행을 진행!! 결과를 보고 반복할지 판단하여 결정. Scanner sc = new Scanner(System.in); int dan ; System.out.print("단 입력"); // 7 dan = sc.nextInt(); //for(초기(시작)값;최대값(조건);증..

Date 관련 클래스

* Date 관련 클래스 1) Calender 2) Date 3) LocalDate, LocalTime, LocalDateTime * Calender, Date 클래스는 혼자서 공부하거나 학원에서 사용할때에는 많이 사용하나, 회사에서 쓰기에는 부적합한 클래스. * 아래의 문제를 해결하기 위해서 java8부터는 LocalDate, LocalTime, LocalDateTime 이라는 클래스가 생김. * Calender, Date의 단점 1. 불변 객체가 아니다. - set, get을 통해 값이 유동적으로 변한다. - set으로 변경이 가능하다는 점은 누군가 악의적으로 변경할 수 있기 때문에 get/set 메서드에서 직접 Date클래스를 사용하는 것이 위험하다. 2. 상수 필드 남용 * 정적변수(필드) - 클..

CSS/Html 기초 (1)

1) 태그 속성 지정법 2) 문서 내 저장형 3) 외부 문서 삽입형 ( * 보통 CSS는 따로 관리하여 사용하는게 일반적이다. * 외부 CSS 문서나 또는 jQuery로 style을 지정, 값을 가지고 오고 싶을 경우 Element에 선택자를 지정한다. Class 선택자 ID 선택자 구분 .(마침표) #(해시) 사용 영역 , , 등 등 : 여백삽입 : 구역과 절을 구성하는 태그 (웹에서 영역을 지정할 때 많이 사용한다.) ~ : 순서 목록과 단계별 항목 (1.,2.,3. ....) ~ : 비순서 리스트 (, , ...) : 전체 테이블 틀 생성 : 테이블의 제목을 나타냄 ex) 2014년 8월 지출 내역 : 테이블의 행 : 열을 포함하는 셀의 제목을 나타냄 => 수평, 수직정렬이 자동으로 가운데가..

(08.14) CSS 스타일 속성

[CSS 스타일 속성] * Cellspacing : 테이블 내부 선 굵기 * Cellpadding : 테이블 내용과 선 사이의 여백 * Rowspan : 테이블 에서 여러행 합치기 * Colspan : 여러 열 합치기 * Margin : 여백 설정 * Padding : 영역 안에서의 여백 설정 * float : 띄우다 ==> 문서나 사진, 영역, 글을 왼쪽, 오른쪽으로 정렬하는 것을 의미 - float : left, float : right / none : 기본값(아무것도 설정하지 않은 상태와 동일) * Position : 원하는 위치 지정 가능 - absolute 같은 경우 영역 위에 새로 띄우는 것이기 때문에 원래 위치와 상관없지 지정가능 * line-height : 줄 간격 지정하는 속성 * jus..

OpenLayers (지도 띄우기)

* OpenLayers - 웹 지도 서비스를 위한 라이브러리 - 지도를 표현하고 조작 가능. * OSM - 오픈 스트리트 맵 - 오픈 소스방식의 참여형 무료 지도 서비스 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 var map = new ol.Map({ target : 'map', layers : [new ol.layer.Tile ({ source : new ol.source.OSM() })]; view : new ol.View ({ projection : 'EPSG:4326', center : [경도, 위도], ==> ex) [127.1698, 37.7617], zoom : 15 }) }); http://colorscripter.com/info#e"..

취업스터디 (하루일과 정리 06.09)

[현재 중요도 순위] 1순위 : 포트폴리오 2순위 : 예상질의응답 3순위 : 코딩테스트 [현재 중요도 순위 변경] 1순위 : 회사 알아보고 입사 지원하기 2순위 : 공부(배웠던거 복습) 3순위 : 코딩테스트 10:30~13:00 : 면접예상질문 재작성하여 공유(구글) 13:00~15:30 : 식사 및 씻음 15:30~16:30 : 스케줄 정리 16:30~18:00 : 포트폴리오 작성 - 아자아자! 다시 금방 할 수 있을 거야!! 일단 해보자!! 18:00~19:00 : 휴식 20:00~21:30 : 식사 22:00~01:00 : 포트폴리오 제작 - 겨우 드디어... 드디어!!! 완성이다 낼부터 회사 알아보고 지원해보자!! 01:00~02:00 : 코딩테스트 문제 준비 [코딩테스트 문제] *설화언니 - 알..

취업스터디 (스터디모임 06.10)

[현재 중요도 순위] 1순위 : 회사 알아보고 입사 지원하기 2순위 : 공부(배웠던거 복습) 3순위 : 코딩테스트 [오늘 할 일] 1. 취업스터디 모임 - 장소 : 강남 공간이즈 - 스터디룸 비용 : 21000원 - 모임시간 : 19.06.10(월) am 10:00 - 모임목표 : 발표 영상 찍기 (PPT준비, 노트북), 개별 코딩문제 준비 및 풀기 2. 회사 알아보고 입사지원하기 3. 학원에서 배운 것 복습하기 (공부) 4. 코딩테스트 [하루 일과 정리] 08:00~10:00 : 기상 및 외출 준비 10:00~12:30 : 강남 공간이즈 스터디룸, 코딩테스트 13:00~14:30 : 학원에서 발표 영상 찍기 14:30~15:30 : 회사 알아보고 지원하기 17:00~21:00 : 식사 및 감기로 인한 ..

JAVA (1일차) - 기초 다지기

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 package com.day1; class Test1 { //메소드(method) : 명령어 public static void main(String[] args) { //public:접근 지정자 //static:자기가 알아서 메모리에 올라간다. //void: 리턴값, 되돌려 줄거 없다. / 리턴값이 설정되어있으면 실행을 한 곳에게 다시 값을 반환. //method 이름 : 반드시 소문자로 시작. 두번째 단어부터 첫글자 대문자. //String[] args : 매개변수 / main 메소드는 매개변수를 안줘도 실행이 가능. System.out.println("자바 첫시간!!"); System.out.println("오늘은 ..

JAVA (2일차) - 기초 다지기

간단한 계산, 삼항연산자, 윤년구하기 package com.day2; import java.io.*; class Test1 { public static void main(String[] args) throws IOException { //선언 BufferedReader br = new BufferedReader ( new InputStreamReader (System.in)); //String a,b; int num1, num2; //입력 System.out.print("첫번째 수?"); //50 //a = br.readLine(); //num1 = Integer.parseInt(a); num1 = Integer.parseInt(br.readLine()); //num1 = Double.parseDoubl..

취업스터디 (2019.06.05)

모임의 시작(총 4명) 1. 기상시간 확인, 하루 일정 공유하여 취업의 대한 사기 상승 위함. 2. 코딩테스트, 면접 후 후기 공유 등 공부와 겸하여 면접 준비. 1. 기상 : am 08:00 (주 5일) - 매일 아침 08:00 기상 인증, 06분부터 이유불문 벌금 천원 2. 하루일과 공유 : pm 10:00 - 하루 일과 한시간 단위로 했던 일과 느낀점 적어서 인증하기 3. 스터디 모임 주 2회 (월, 수 am10:00) - 모임시간 지각 10이내 보류, 11분부터 60분 벌금 1000원, 이후부터 결석으로 간주 벌금 5000 - 면접 이외 스터디 불참시 이유불문 벌금 5000원 1. 코딩테스트 준비 - 각자 문제를 준비하여 스터디 모임 당일 총 4문제 풀고 논의 - 겹치는 문제가 없도록 미리 문제를..

취업스터디 (하루일과 정리 06.06)

08시 11분(?) ~ 12:00 : 면접예상질문 답변 작성 gmail 드라이브에 공유 - 첫 날부터 늦게 일어나서 벌금 1000원.... 띠로리... 13:00 ~ 16:00 : 이력서 첨삭 진행 - 여성인력센터에서 이력서 작성 시 직무역량기술서를 작성하라는데 도무지 감이 잡히질 않는다. 내일까지 작성해야하는데 할 수 있을까? 끙... 16:00 ~ 17:30 : T스토리 취업스터디 모임 내용 정리, 마지막 프로젝트 Spring에 exports하여 구동 확인. - 제대로 구동 된다. 안될까봐 걱정했는데 잘되서 다행이다 ㅎㅎ 18:00 ~ 19:30 : 식사 - 친구가 알려준 집근처 할머니 순댓국집 갔는데 얼큰~~ 허니 맛있다. ㅎㅎ - 집근처 맛집 한 곳 획득! 20:00 ~ 21:00 : 마지막 프로..

취업스터디 (하루일과 정리 06.07)

[현재 중요도 순위] 1순위 : 포트폴리오 2순위 : 예상질의응답 3순위 : 코딩테스트 ============================================================================ 08:00 ~ 09:00 : 아무것도 안함 --> 왜 일찍 일어났니?ㅋㅋ 09:00 ~ 11:30 : 여성인력센터 상담사가 요구한 이력서 변경 완료 및 제출 11:30~12:30 : 외출준비 13:00~15:00 : 외출 15:30~18:30 : (학원) 포트폴리오 제작 --> 내일이면 끝낼 수 있겠어! 20:00~21:00 : 식사 21:00~22:00 : 휴식(강식당) [느낀점] - 생각보다 시간은 빠르다. - 어제 비와서 뭘해도 집중이 잘 안되었었는데 오늘은 하늘이 맑아지면서 ..

취업스터디 (하루일과 정리 06.08)

12:00~14:00 : 면접예상질문 작성 15:00~16:00 : 식사, 면접예상질문, 포트폴리오 작성한거 날림... 하.... 미ㅏㅓㅣㅏㄴㅁ [느낀점] - 오늘은 면접예상질문과 포트폴리오를 날려서 너무 속상했다. 다시 해도 꽤 시간이 걸릴 거 같아 그냥 쉬었다. '그래 안될때에는 쉬기도 해야지....'

Oracle 17일차 (백업, 복구) (1)

백업, 복구 백업 1.close 백업 -- 가장완벽, 가장 안전, shutdown 후 백업. 2.open 백업 --> 아카이브 파일이 활성화 되어있어야 한다. --> 로그파일에 있는게 다른 곳에 저장이 되어있어야하는데 그게 아카이브 파일 ＊로그파일은 백업불가. 계속 기록을 해야하기 때문에! ＊!cp 의 느낌표는 os의 명령어를 edit안에서 실행시키는 명령어 복구 (총 13가지) 1. noarchive mode--닫힌복구 - 편할라고 학원에서 사용 다른위치에 복구(imsy) 1. archive mode 완전복구(4가지) - 실제로 회사에서 쓰는 방법 1) 닫힌 데이터베이스 복구(System tablespace 문제시-shutdown) 2) 열린 데이터베이스 복구(일반 tablespace 문제시-off..

Oracle 17일차 (백업, 복구) (2)

3) 다른위치에 datafile복구(imsy) -- 하드디스크가 없거나 하드디스크가 복구가 안될때 ---------------------------------------- SYS@TestDB> create user st 2 identified by st 3 default tablespace users 4 temporary tablespace temp 5 quota 1m on users; 사용자가 생성되었습니다. ---------------------------------------- ---------------------------------------- SYS@TestDB> grant connect, resource to st; 권한이 부여되었습니다. ----------------------------..

JDBC 1일차 (DB 연동, 삽입, 수정, 삭제)

오라클 자바 DB 연동하기 ＊ JDBC(JAVA DataBase Connectivity) -- 자바에서 데이터베이스에 접속할 수 있도록 해주는 자바 API(설명서) ＊ JDBC 드라이버 연결(2가지 방법) 1. 자바가 설치된 경로에 직접 JDBC 드라이버 집어넣는 방법 -- 학원에서 실습 O 2. 이클립스에서 JDBC 연결하는 방법 ---------------------------------------------------------------------------------------------------------------------------------------------------------------- ＊ 자바가 설치된 경로에 직접 JDBC 드라이버 집어넣는 방법 1. JDBC 드라이버 ..

Oracle 15일차 (2)

ROW CHAINING AND ROW MIGRATION ＊ Rowid : 테이블에 있는 해당 로우를 찾기위해 사용되는 논리적인 정보 data object number : 만들어진 순서. AAASRg -- DATA OBJECT NUNBER AAE -- 파일의 번호 (상대적) AAAAIM -- 블럭 번호 AAA -- 행의 번호 : 몇번째 행에 저장되어 있는지에 대한 정보로 해당 정보로 정렬작업을 함. -- ↓↓↓↓ Division 테이블 행에 대한 정보 ＊ ROW CHAINING -- CHAINING은 관리자가 막을 수 없고, 발생했을때 관리 해줘야한다. -- varchar 데이터 타입일때 해당. ＊ ROW MIGRATION -- CHAINING 일어난 데이터를 MIGRATION 하기 1. analyze..

Oracle SQL 16일차 ( Rebuild (인덱스의 재구축), 제약조건지연, Profile, Previlege, Role 관리, SQLLDR)

Rebuild (인덱스의 재구축) 1. HR계정의 EMPLOYEES 테이블의 Tablespace 조회 2. EMPLOYEES 테이블 chaining 데이터 없음 3. HR계정 Tablespace : example/ users Tablespace 공간에도 데이터를 저장할 수 있게 설정 4. HR계정 사용할 테이블스페이스 변경 (users 테이블 스페이스도 사용할 수 있게 설정했기때문에 users로 변경 가능) 5. HR계정 사용할 테이블스페이스 example로 다시 변경 6. employee 테이블의 인덱스 정보 조회 7. Rebuild 실행 -- 모든 index를 Rebuild 시켜야한다 8. Rebuild 작업 후 UNUSABLE --VALID 변경됨 확인 ------------------------..

Oracle 15일차 (1)

TABLESPACE 1. DB_Cache_Size 설정에 따른 Tablespace 생성 가능과 불가능 ＊ DB_Block_Size 확인 ＊ Cache_Size 확인 ＊ sga영역의 사이즈 확인 ＊ DB_Cache_Size 변경 -- DB_cache_Size 변경 후 내가 사용하고자 하는 db_' '_cache_size 변경해야 한다. ＊ DB_Cache_Size 변경 확인 * Tablespace 생성 시 Cash_size 설정 1) Tablespace 생성 및 Cash_Size 설정 가능. 2) Tablespace 생성 및 Cash_Size 설정 불가. -----------------------------------------------------------------------------------..