즐거운인생 (미련없이 하자)

[javascript] 4. 자바스크립트 실행 순서 목차 1. 브라우저의 javascript 동작 구조 2. 브라우저의 javascript 동작 순서 3. 비동기 이벤트 동작 예제 브라우저의 javascript 동작 구조 - 번역 출처(https://joshua1988.github.io/web-development/translation/javascript/how-js-works-inside-engine/) - 원본 출처(https://blog.sessionstack.com/how-does-javascript-actually-work-part-1-b0bacc073cf) 브라우저의 javascript 동작 순서 1) 동기 방식 이벤트 처리 동작 (1) JS(javascript)엔진이 javascript 코드..

[javascript] 3. 자바스크립트 내장 함수 * 목차 *1. 타이머 함수2. 인코딩과 디코딩 함수3. 코드 실행 함수4. 숫자 확인 함수5. 숫자 변환 함수 1. 타이머 함수 - 타이머 함수에서는 초 단위를 miliisecond(ms)로사용한다. - miliisecond(ms)는 1/1000 초이다. (즉, 5000 ms 는 5 초이다) NO메서드 이름 설명 1 setTimeout(function, millisecond) 일정 시간 후 함수를 한번 실행합니다. 2 clearTimeout(id) 일정 시간 후 함수를 한번 실행하는 것을 중지 합니다3 setInterval(function, millisecond) 일정 시간 마다 함수를 반복해서 실행 합니다.4 clearInterval(id) 일정 시..

[javascript] 2.자바스크립트 함수란? * 목차 * 1. 자바스크립트 함수란? 2. 익명 함수 3. 선언적 함수 4. 함수의 생성 및 실행 순서("선언적 함수" -> "익명 함수") 5. "익명 함수 활용" 및 "선언적 함수" 활용법 6. 기타 함수 활용법(Callback) 7. 클로저(closure)란? 1. 자바스크립트 함수란? - javascript에서 코드의 집합을 나타내는 자료형입니다. - 그래서 함수를 변수에 할당 하거나 , 함수를 리턴 할 수 있습니다. - 함수에는 2가지 형태가 존재합니다. "익명 함수" , "선언적 함수", "즉시 실행 함수" 2. 익명 함수 1) 형태 function(, , ...) { 코드... } 2) 사용시기 - 변수에 함수를 할당 할때. - 함수에서 함수..

[javascript] 1. 자바스크립트 기초 (기본 구조) * 목차 *1. 자바 스크립트의 언어 구조2. 식별자(변수) 선언3. 분기(조건)문 (if 문 , if else if 문, switch문)4. 반복문5. 함수6. 정리 1. 자바스크립트의 구조 - 자바스크립트는 또한 객체 언어 입니다.(즉, 모든 것을 객체로 취급합니다) - 자바 스크립트는모든 언어와 동일하게 4개의 구조로 이루어 져 있습니다. 1) 선언 2) 조건 문(분기 문) 3) 반복 문 4) 함수 2. 식별자(변수) 선언 - 모든 언어와 동일 합니다. 1) 주석 - 프로그래밍 코드를 설명 한다. 코드에 아무런 영향을 미치지 않느다. 2) 표현식 - 실행 가능한 코드 한줄을 의미한다. 3) 키워드 - 미리 예약되어있는 프로그래밍 예약어 이..

[JSP] 7. Maven에서 JDBC를 이용한 DB연결 방법 JSP 정리 목록이전 글([JSP] 6. Maven 이란?) 1. 사전 설정 사항. 1) DBMS설치(Mysql-8.0.12) 2) Maven 프로젝트에서 pom.xml 에 mysql dependency 추가 mysql mysql-connector-java 5.1.45 2. JDBC를 이용한 프로그래밍 절차 1. DBMS에 맞게 Driver를 로드. 2. java SQL 패키지의 DriverMager를 통해서 DBMS에 연결 3. Sql 쿼리 String 생성 4. DB에 Sql 쿼리 전달 하기 위한 객체 생성 5.쿼리 실행 및 결과 얻기 - 비유를 통한 프로그램 절차 이해하기 -> JDBC를 통한 DB제어는 강건너 사람에게 명령하는 것과 같..

[JSP] 6. Maven 이란? JSP 정리 목록이전 글([JSP] 5. EL(Expression Language) 과 JSTL(JSP Standard Tag Library))다음 글([JSP] 7. Maven에서 JDBC를 이용한 DB연결 방법) 1. maven 인란? - 프로젝트 관리 툴 이라고 이해 하면된다. - Linux에서의 automake랑 비슷하다고 이해 하면 된다. - 팀 프로젝트를 진행 하다보면 다음과 같은 문제에 직면하게된다. 1) 소스코드는 어디에 만들어야 하는가? 2) 외부 라이르러리를 어디에 두어야 하는가? 3) 프로젝트 빌드는 어떤 절차 대로 해야 하는가? 4) 라이브러리 의존성은 어떻게 해결해야 하는가? - 위 4가지 이외에도 팀 프로젝트 진행 시에는 협의 해야 할것이 많다...

[JSP] 5. EL(Expression Language) 과 JSTL(JSP Standard Tag Library) JSP 정리 목록이전 글([JSP] 4. jsp의 scope 정리)다음 글([JSP] 6. Maven 이란?) 1. EL(Expression Language) - JSP에서 값을 표현하는데 사용되는 스크립트 언어이다. - JSP에서의 기본 문법을 보완하는 역활을 한다. 2. EL 문법 - ${expr} - expr은 jsp에서 사용된는 변수가 될 수 있고 수식이 들어갈 수 있다. 3. 사용 가능 위치 - jstl같은 코드내부에서 사용가능 - 태그 사이에서 사용 가능 ${sessionScope.member.id} 환영. 4. expr에서 사용가능 한 것들 1) 사용가능 한 리스트 A JSP..

[JSP] 4. jsp의 scope 정리 JSP 정리 목록이전 글([JSP] 3. redirect 와 forward)다음 글([JSP] 5. EL(Expression Language) 과 JSTL(JSP Standard Tag Library)) [SCOPE의 정의] - 웹 서버에서 객체 또는 변수가 생성된후 유효 할 수 있는 범위를 말한다. - 총 4가지 종류의 scope가 존재 한다.Page : 페이지 내에서 지역변수처럼 사용Request : http요청을 WAS가 받아서 웹 브라우저에게 응답할 때까지 변수가 유지되는 경우 사용Session : 웹 브라우저 별로 변수가 관리되는 경우 사용Application : 웹 어플리케이션이 시작되고 종료될 때까지 변수가 유지되는 경우 사용 (모든 클라이언트에게공통..

[JSP] 3. redirect 와 forward JSP 정리 목록이전 글([JSP] 2. jsp 기본 문법)다음 글([JSP] 4. jsp의 scope 정리) 1. redirect - 클라이언트위 요청을 다른 페이지로 다시 연결 하는 기능 - 활용 범위 : 분산처리하여 서버를 운용할수 있다. - redirection을 가능하게 해주는 코드 2. forward - 클라이언트의 요청을 WAS내부에서 다른 페이지에 전달 하는 기능 1) 필용성- 로직과 표현을 분리 하기위해서 사용 할 수 있다. jsp는 로직 적인 것보다는 표현 적인것이 많기 때문에 로직을 많이 넣기에는 적합하지 않다. 그래서 로직 적인 것을 서블릿으로 처리하고 그결과는 jsp로 전달 하게 되면 좀더 효율적인 협업이 가능한다. 2) logic..

[JSP] 2. jsp 기본 문법 JSP 정리 목록이전 글([JSP] 1. JSP 정의 및 동작 방식)다음 글([JSP] 3. redirect 와 forward) [JSP 기본 구조] - jsp의 기본 구조는 3개의 스크립트 + HTML + 내장 객체 로 되어이다.- 예제 코드 servlet으로 변환시 사라짐 2) java 주석 - jsp -> servlet 변환시 유지 - servlet -> html 변화시 사라짐 3) html 주석 - jsp -> servlet 변환시 유지 - servlet -> html 변화시 유지 - html -> 브라우저로 전송시에 유지되나 화면에 출력은 되지 않음 [JSP 기본 내장 객체]1. 내장 객체란 ? - jsp가 서블릿으로 변활될때 자동으로 추가되는java 객체로써 ..