웹에서 경로표기법 : 현재 페이지 -> 다른 페이지(리소스) '\' : 파일경로 (file:\\\)자바경로C:\Class\DB\JDBC'/' : 웹 경로 구분자. 웹(http://)현재./WebContent/Example 1. 상대경로기준 : 현재 웹페이지의 소속 폴더가 기준점 . : 현재 웹페이지가 소속된 폴더 .. : 현재 웹페이지의 부모 폴더자식폴더명 : 현재 소속된 폴더의 자식 폴더현재 위치를 '나'로 기준을 삼고 상대를 찾는 표현2. 절대경로기준 : 누구나 다 알고있는 동일한 위치를 기준으로 상대를 찾는 표현'/' 기준 -> '/' 는 웹사이트의 루트 폴더 > "http://localhost:8090" '/WebClientTest' == 'WebContent'3. 로컬경로사용 안함웹서버가 아니라..
자바스크립트(메소드),Function(Method) 자바 메소드 선언public [static] int m1(int num){return 10;}자바스크립트 함수 선언function m1(num){return 10;} 자바스크립트의 특징 - 호이스팅- 브라우저는 자바스크립트 코드를 실행하기 직전에 모든 스크립트 코드를 확인 후 변수와 함수 선언하는 부분을 해당 영역의 최 상단으로 이동시킨다. - 변수와 함수 둘다 허용. ex)f4();//함수 호이스팅function f4(){console.log("F4");} 분명 함수를 아래에 선언하고 함수선언 전에 f4(); 함수를 호출했는데 호출이 됨! //변수 호이스팅console.log(address);var address="서울시 강남구";변수를 더 아래에 선..
Statement 클래스 Statement 클래스- SQL 구문을 실행하는 역할- 스스로는 SQL 구문 이해 못함(구문해석 X) -> 전달역할- SQL 관리 O + 연결 정보 X Statement 종류 1. Statement- 기본 객체- 텍스트 SQL 호출 2. PreparedStatement- Statement 객체의 기능 향상- 인자와 관련된 작업이 특화(매개변수)- 코드 안정성 높음. 가독성 높음.- 코드량이 증가- 텍스트 SQL 호출 3. CallableStatement- 2번이 베이스- 프로시저 호출 전용 Statement 객체 이용 기본예제 12345678910111213141516171819202122232425262728293031323334353637public class Example..
자바스크립트의 자료형1.Number- 숫자형(정수 + 실수)- 오라클 유사 2. String- 문자형, 문자열 모두 포함3. Boolean- 논리형4. Object- 객체형- 기본으로 제공되는 클래스 객체의 자료형5. 기타a. null : var 변수 = null; 이라고 일부로 값에 null을 선언한 형태.b. undefined : var 변수; 의 상태, 선언은 했지만 아직 값을 대입하지 않았을때의 값.c. NaN : Not a Number(난) -> 숫자가 아니다.. ex) console.log("10점"*2); //NaN 반환 변수, 상수 1. 상수- 자바의 상수 표기법과 동일 (var SANGSU = 10; 변수명 대문자로...)- 10(정수), 0.1(실수),"문자열",true(논리)2. 변수..
CSS의 개념 및 특징, 사용법 CSS, Cascading Style Sheet- HTML의 요소(태그)에 서식을 적용하는 언어- 디자인 담당- 독립사용이 불가능. HTML언어에 기생하는 언어CSS 특징1. 골격(태그 + 데이터)과 서식을 분리2. 서식 관련 기능 강화 CSS적용방법 1. Inline Style Sheet, 인라인 스타일 시트-HTML 태그에 style 속성을 사용해서 적용하는 방식- style="CSS구문"- 특정태그 1개에만 적용하는 서식- 단점 : 서식코드를 재사용할 수 없다.- 장점 : 가독성 높음- (*)재사용이 필요없는 서식을 적용하는 용도.. 1회용 서식 ex) 문단입니다. 2. Embeded Style Sheet, 내부 스타일 시트- 페이지 상단에 3. External St..
인라인 태그 vs 블럭 태그- 존재하는 모든 태그는 위의 두 분류중 하나에 속한다.- (렌더링) 화면 출력 성질이 다르다. -> 출력하는 규칙이 서로 다르다.인라인 태그, Inline Tag - 자신의 내용과 앞뒤 태그의 내용을 같은 라인에 출력하는 태그- 구성 요소 역할을 한다.(출력 내용 역할)- 내용물의 크기가 태그의 영역이 된다. 대표적인 inline 태그 , Span- 사용자 정의 영역을 표현- 정해진 역할이 없음- 인라인 태그+CSS, Javascript 기타 인라인 태그 종류 , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , 블럭 태그, Block Tag - 자신의 내용과 앞뒤 태그의 내용을 다른 라인에 출력하는 태그- 자신의 내용만으..
프로그래밍 언어 - JAVASCRIPT Javascript란? 현재 가장 주목을 받고있는 프로그래밍 언어가 바로 'Javascript(자바스크립트)' 입니다. Javascript는 옛날의 넷스케이프라는 웹 브라우저에서 움직이는 스크립트언어(비교적 간단히 사용할 수 있는 언어)로 개발되었습니다. 당시는 'LiveScript'라고 했는데. 원래는 웹 브라우저와 일체화 되어 탄생했습니다. 그 후 다른 브라우저도 지원하게 되어 지금은 거의 모든 웹 브라우저에서 움직이는 유일한 프로그래밍 언어로 널리 사용됩니다. 지금은 프로그램의 대부분이 '컴퓨터에서 인터넷'으로 전환되고 있습니다. 즉, 워드 프로세서나 표 같은 것도 모두 웹에서 움직이도록 한다는 개념입니다. 이것은 일시적인 유행이 아니라 앞으로 프로그램의 존재..
Javascript의 개념 및 배경자바스크립트란?- 브라우저에서 동작하는 프로그래밍 언어(런타임 : 브라우저)- 브라우저가 아닌 다른 환경에서 동작이 가능(Node.js)- 가볍고 쉽다.(무겁고 어렵다(요즘))- C 계열 언어(기본 문법이 자바와 동일)- 초반 : 유효성검사 + 링크 제어 + 이미지 제어 + 폼태그 제어 등- 중반 : 모든 태그를 제어- 현재 : 브라우저가 아닌 독립실행이 가능 형태 개발 1. html : 뼈대 + 데이터2. CSS : 1의 결과물 + 서식3. Javascript : 1 + 2의 결과물 + 프로그래밍 기능 Javascript 하는 일?1.기본적인 언어로서 할 수 있는 행동- 데이터 연산- 변수- 조작, 가공- 제어- 기타 등등.. 2. 브라우저에 특화된 행동- HTML C..