하루하루 성장하는 개발자가 되자

-- Index -- 1. WAS흐름파악 2. Servlet이란? 3. Servlet 만들기 4. Servlet 흐름파악 5. data와 함께 요청 클라이언트 - WS - WAS - Servlet 클래스 / 객체 / 직원 extends HttpServlet 클라이언트가 톰캣에 요청 ?key=value&key=value Servlet - WAS - 클라이언트 @WebServlet 톰캣은 요청 url맞춰 서블릿에게 전달 req.getParameter @Override 서블릿은 맞은 작업 처리 resp.getWriter 1. tomcat을 이용한 웹 서비스의 흐름 파악 서버 구축? - tomcat 다운로드하고 tomcat 실행해 놓는 것 배포? - tomcat에 파일을 올리는 것 tomcat이 WAS이기 때문..

-- Index -- 1. WAS 2. WAS 실행흐름 3. tomcat 사용해보기 4. 이클립스와 tomcat 연결해서 배포해보기 WS vs WAS 정적 vs 동적 클라이언트↔WAS↔DB 실행 / 요청 / 배포 서버등록 / Servlet 1. 웹 어플리케이션 - 어플리케이션 == 응용프로그램 WS 와 WAS의 차이 WS == 원래 가지고 있는 파일을 보여주는 것 WAS == 요청에따라서 변경된 파일을 보여주는 것 정적인 페이지와 동적인 페이지 네이버의 웹 사이트가 웹 애플리케이션 웹 사이트를 동적으로 보여주는 것이 웹 애플리케이션 동적으로 보여준다? - 사용자가 원하는 대로 화면을 보여주는 것 로그인 전에는 다 같은 화면이다 – 로그인 후에는? 같은 화면 보는 사람 없다. 즉, 언제 어디서든 어떤 사용..

-- Index -- DB모델링 UML 유스케이스 개념적 - 논리적 - 물리적 통합 모델링 언어 액터, 유스케이스, 관계 # 디비 모델링의 단계 # 소프트웨어 공학 # 요구사항 확인 # 칸반보드 UML : 모델링 언어 ( 기호들을 사용하는 규칙 ) UML의 필요성 1. 하나하나 설명하는 것이 아니라 - 그림을 딱 보면서 의사소통 가능- 개발 모르는 사람에게도 쉽게 설명 가능 2. 클래스 간의 관계 파악에 용이 3. erd에다가 해놓으면 – 구조 파악 및 설명 용이 (+ 코드로 추출 가능) 4. 어떤 기능이 있는지/회사가 어떤 일을 하는지 파악하는데 용이하다. 신입의 업무파악 / 인수인계 상황 용이하다 – 유스 케이스 1~5 단계 실습해보면서 알아보기 1. 요구사항 기술서 배포 2. 액터 및 유스케이스 도..

-- Index -- 객체지향 프로그래밍 캡슐화 쓰레드 소켓 유지보수 정보은닉 생성, 사용해보기 단체 채팅 만들기 객체지향 프로그래밍은 : 하나의 방법론 / 패러다임 객체지향 프로그래밍의 가장 큰 장점 유지보수 편리( 사람한테 좋음 , 컴퓨터에게는 잘 모름 ) 1. 캡슐화란? 필드에서 접근제한자 private 해줘서 외부에서 접근방지 캡슐화를 왜 하는지가 중요하다. 왜 하는지? // 다른 사람이 캡슐 안에 있는 내용을 직접 안에 내용물을 건드리는 게 싫어서. // 변형이나 다른 오류 없이 데이터를 온전하게 전달하기 위해서 // 데이터를 객체로(캡슐로) 감싸서 전달 2. 쓰레드 ( Thread ) 쓰레드 만드는 방법 new Thread() extends Thread implements Runnable 1...

7차 TEST 진행! 이번 시험 과목은 UI 구현 파트 서술형 포트폴리오 문제 7번째 시험시간이다. 특별한 날인 이유는? 오늘은 나의 생일이다 ~~ Happy My Birthday ~~ 이번 시험도 포트폴리오 문제가 포함되어있었다. 서술형 문제 파트 [ 여러 가지 태그에 대한 정의 ] - , , 등등 [ jQuery 스크립트 연결 방법과 구문 작성 ] [ scope 의 종류들과 각각의 특징 ] [ document 객체 ] 메서드명과 사용 [ BOM 객체 ] 메서드명 포트폴리오 문제 파트 - 원하는요소 가져와서 이벤트 걸어주기 getElementsByClassName()와 addEventlistener() 로 해결 - jQuery 스크립트 연결하기 및 원하는 요소 가져와서 이벤트 걸어주기 CDN방식으로 연..

-- Index -- SELECT WHERE ORDER BY 단일행 함수 형변환 NULL처리 함수 그룹 함수 집계 함수 집합 연산자 JOIN 트리거 SELECT WHERE IN 테스트 여러 개 OR 조건들 하나로 사용할 때 IN() ORDER BY 정렬했는데 NULL 값이 먼저 나오게 하고 싶다 ::: NULLS FIRST ULL 값이 나중에 나오게 하고싶다 ::: NULLS LAST 단일 행 함수 INSTR 테스트 EXTRACT 테스트 형 변환 날짜를 내가 원하는 문자열로 숫자를 내가 원하는 날짜로 NULL 처리 함수 Q1. 보너스포함 월급 조회 NVL을 통한 풀이 NVL( 기준칼럼, null일시 보여줄 값 ) NVL – 기준 칼럼의 값이 NULL이라면 , 0

-- Index -- 변수 연산자 제어문 배열 객체 클래스 상속 String 변수 초기화 변수 초기화 ( 만들자 마자 값을 주는 것은 초기화 ) 선언과 초기화 따로 할때는 선언 초기화 따로 연산자 / 제어문 배열 / 2차원 배열 1차원 배열의 공간에는 값이 들어있다 2차원 배열의 공간에는 다른 배열(2차원배열)의 주소값을 가지고 있다 - 참조 변수다. 보라색은 보라색 만들어짐 / 초록색은 초록색 만들어짐 객체 class 와 object 의 차이를 알면 끝! 붕어빵 틀 vs 붕어빵 자동차 설계도 vs 자동차 # class 변수를 여러개 만들어서 사용하는게 귀찮아서 사용하던게 array array는 타입이 같은 것만 관리 가능하다. 서로 타입이 달라도 여러개의 변수 한 번에 관리하고 싶다 해서 등장한 것이 ..

-- Index -- 1. 요소탐색(순회) 메소드 2. 함수 content 영역 3. 함수 요소 생성 및 제거 조상 메소드 (상위요소선택) parent(), parents() 등 속성 접근 attr(), prop() 요소 삽입 메소드 ( append, prepend, after, before) 자손 메소드(하위요소선택) childredn(), find() 등 텍스트 접근 html(), text() 요소 복제 메소드 ($(선택자).clone(true|false)) 동위 메소드 (동위요소선택) siblings(). next() 등 요소 제거 및 잘라내기 메소드 (empty(), remove(), detach()) 1. 요소 탐색(순회) 메서드 1-1. 조상 메소드 : 상위 요소 선택 >>기본 세팅 >> 실습..

-- Index -- jQuery 1. 요소선택자 ( 기본 선택자 ) 2. 요소선택자 ( 추가 선택자 ) 3. 요소선택자 ( 필터링 관련 ) 탄생 배경 , 개요 아이디 선택자 $('#test01') 자손,후손 선택자 자손('>') , 후손( ' ' ) first(), last() 장점 , 연결 방법 태그 선택자 $(p, h1, h2 ) 속성 선택자 선택자[속성~=값] 등 eq(), not() 사용, 활용 상태 선택자 ( checked,selected,disabled, enabled) filter() jQuery 탄생 배경 jQeury – JS(Java Script)에서 파생된 것 사실 안 배워도 된다. JS만 가지고 가능하다. 근데 왜 배우나? JS를 사용하는데 불편한 부분보다 쉽게 사용하기 위해 예를 ..

-- Index -- 1. 생성자함수 2. 클로저 3. 프로토 타입 4. BOM 5. DOM 6. 이벤트 모델 new 함수명() 객체 내부에서 외부변수 참조시 내부 변수의 스코프 변화 원본을 바탕으로 복사 Browser Object Model Document Object Model 고전 이벤트 모델 인라인 모델 표준 모델 생성자 함수 - new 키워드를 사용해 객체를 생성할 수 있는 함수 생성자 함수는 대문자로 만들기~ 형태가 java의 클래스처럼 생겼다. ( java에서도 생성자 호출되면 객체 생성되듯이 ) 생성자 함수의 핵심 KeyWord는 ' new ' new 키워드를 써주어야 생성자 함수로 컴퓨터가 인식 this의 바운딩 작업을 해준다.( this={ } 빈 객체 생성 & return this; ..