N스크린하이브리드앱과정 111

[3주][1일][5~7th] 자바스크립트(JAVA SCRIPT)

☆ 내장함수 1. confirm : 확인/취소창 만들기 - 확인을 눌렀을 때: 아래 그림 - 취소를 눌렀을 때: "다음기회에" 출력. ☆ 함수정의 & 호출 1. function: 함수를 정의하는 것. 2. prn() 함수 호출. body에서 수행, java와 쓰임새가 똑같음. (1) prn() 함수값 (2) max() 함수값 ☆ 배열의 출력(1차원 배열) * 전체 소스 1. 배열의 선언(설정) : 9~13번 (1) arr1=new Array(5); arr1[0]=1; arr1[1]=2; (2) fruit = new Array("apple","banana","lemon","orange"); -> (1) 또는 (2)의 방법을 사용할 수 있다. 2. 배열의 개수 출력 : 16번 alert(fruit.lengt..

[3주][1일][1~2th] HTML5 : 표 이쁘게 꾸미기(이클립스)

1. 테이블 만들고, CSS 적용해서 표 스타일 완성하기 * 테이블 내용 소스(body태그) 프랑스 와인 프랑스 와인 매니아는 프랑스에 많다. 차종 24시간 48시간 72시간 추가요금 SM3 45,000 90,000 135,000 6,000 모닝 42,000 84,000 126,000 6,000 소울 61,000 122,000 183,000 9,000 윈스톰 94,000 188,000 282,000 13,000 제주 5월 기준이며 추가요금은 시간당입니다. 차종 24시간 48시간 72시간 추가요금 SM3 45,000 90,000 135,000 6,000 모닝 42,000 84,000 126,000 6,000 소울 61,000 122,000 183,000 윈스톰 94,000 188,000 282,000 제주..

[2주][5일][5~7th] 자바스크립트 실습. alert = 경고창.

★ 자바스크립트 실습(1) 1. 새로운 HTML파일을 생성한다.(test1.html) 2. 다음의 코딩을 작성한다. 3. 컴파일 후 실행하면 뜨는 메시지들 (1) alert 메시지 ☞ , 둘 다 가능! 경고 메시지가 출력된다. (2) js파일을 만들어서 출력하기 //js파일의 내용을 불러옴 (3) 하이퍼링크 만들기 하이퍼링크 하이퍼링크를 누르면, 자바스크립트 메시지가 뜬다. (4) 버튼 만들기 하이퍼링크 버튼을 누르면, "버튼클릭" 경고창이 표시된다. ★ 자바스크립트 실습(2) (1) 계산결과 경고창에 표시하기 ☞ 11번줄 (2) 계산결과 일반 창에 표시하기 ☞ 8~10번 ★ 자바스크립트 실습(3) (1) 이름과 나이 출력하기 ☞ 20번부터... var name="홍길동"; var age=25; docu..

[2주][5일][5~7th]자바스크립트(javascript) 시작하기 (이클립스에서)

오늘은 자바스크립트를 이클립스에서 시작하는 날이다. 이클립스를 정상적으로 실행하기 위해 몇가지 설정이 필요하다. 1. 새로운 폴더 "workspace_jsp"를 만들고, 이클립스를 실행한다. File - Switch Workspace - Other를 클릭하면 다음과 같은 창이 뜬다. 방금 만든 새로운 폴더로 경로 지정 후 확인을 누른다. 2. Window - preferences에 들어간다. (1) 아래의 경로에서 other에서 UTF-8을 선택 (2) 아래의 경로에서 "Show line numbers"를 누른다. 맨 밑에 하이퍼링크된 Colors and Fonts를 클릭한다. (3) Text Font를 더블클릭한다. (4) 글꼴에서 원하는 설정을 한다. (5) 설정이 끝나면, 자바스크립트를 작성하기 위..

[2주][5일][3~4th] 인터페이스 상속의 개념.

*인터페이스 상속 개념 1. 아래 그림과 같이, 2개의 인터페이스와 그 안에 각각 메서드를 만든다. 2. 인터페이스는 다중상속이 가능하다. 3. 상속 받아온 인터페이스는 메서드오버라이딩이 필수가 아니다. 4. 그러나 상속 받아온 클래스는 필수이다! 5. 오버라이딩 설정을 하면(alt+shift+s+v) 6. 정상적으로 3개의 메소드가 생성이 된다 7. 상속받은 ISay의 인스턴스를 생성해서 출력한다. 결과 *인터페이스 상속 실습(1)1. IColor 인터페이스를 만든다.인터페이스 안에서 대문자로 표시된 RED 멤버변수는 자동으로 이탤릭체로 바뀌는데, 자동으로 상수가 된다는 의미이다. 2. AbsColor메서드를 만들고, 오버라이딩을 한다. 헌데, 오류가 나네?앞에 IColor 인터페이스에서 분명 2개의 ..

[2주][4일][5~7교시] JAVA: 접근지정자 final, 추상클래스와 인터페이스

★ 접근지정자 final 오늘은 앞에서 배운 static 말고 다른 접근지정자인 "final"에 대해 실습하고자 한다. 멤버변수의 접근지정 실습 1. FinalTest, FinalTest2 클래스를 각각 만들어 준다. 2. a의 값을 20으로 변경해준 후 출력해본다. 3. 정상적으로 값이 변경되는 것을 알 수 있다. 4. 멤버변수에 접근지정자 final을 지정한다. 5. a값을 20으로 변경하려고 하니, 오류가 출력된다. 6. 이번에는 메서드에 final 접근지정자를 설정해본다. 7. FinalTest2 클래스에서 오버라이딩을 하려하자, 오류가 났다. 8. 마지막으로 클래스에 final을 지정해보자. 9. 아예 상속을 못하게 막아준 것을 아래 그림을 통해 알 수 있다. ★ 추상클래스와 인터페이스 차이점 ..

[2주][4일][3~4교시] JAVA: 레퍼런스 형변환 복습, is-a연산자, 업/다운 캐스팅.

*복습 업 캐스팅과 다운 캐스팅~ ☆ 실습(1) 1. 부모클래스와 자식클래스 2. 메인 메서드 - 설명 포함 (1) 업 캐스팅 (2) 다운 캐스팅 ☆ 실습(2) - Car 1. Car클래스 2. 트럭클래스(서브클래스-1) 3. 택시클래스(서브클래스-2) 4. 메인 메서드 - 업캐스팅, 다운캐스팅(오류), 다운캐스팅(정상) 출력 ☆ 실습(3): is-a 연산자. instanceof 1. 메인 메서드 2. 핸드폰/스마트폰 클래스 ☆ 실습(4): 업 캐스팅의 원리 1. 부모와 자식 클래스 2. 메인 메서드 처음엔 자식클래스의 인스턴스 c를 생성하여 출력했고, 두번째는 부모클래스의 인스턴스 p를 생성해서, p를 c로 업 캐스팅했다. 첫번째의 결과는 당연히 오버라이딩의 출력문이 나올 것이고, 두번째의 결과는 자식..

[2주][4일][1~2교시] CSS: 레이아웃 만들기, 영역 나누기.

레이아웃 만들고, 영역 나누기 - #left{}, ※ 스타일 적용이므로 태그 안에 들어간다. css에 따라 같은 html 구조라도 디자인의 느낌이 많이 달라진다. css에 따라 같은 html 구조라도 디자인의 느낌이 많이 달라진다. css에 따라 같은 html 구조라도 디자인의 느낌이 많이 달라진다. #left를 right로 적용했을때 #left{ float:right; width:150px; background-color:#ff0; //노랑 margin:0px 0px 0px 50px; //위쪽부터 시계방향순: 위,오른,아래,왼쪽 padding-bottom:50px; }

[2주][4일][1~2교시] CSS: 가상선택자. 롤오버효과, 하이퍼링크 등

**가상선택자**(선택자 끝에: 가상선택 내용붙임) ※ 스타일 css 적용은 123 456 789 123 456 789 ☆ 롤오버효과 - 표 배경 ☆ 롤오버효과 - 셀 안의 글자 두번째 행의 셀 안의 글자가 파란색이 되었다. ☆ 하이퍼링크 밑줄 없애기 ☆ 하이퍼링크에 롤오버 적용 전체소스 ☆ 하이퍼링크가 색 바뀌면서 롤오버효과 주기 마우스를 갖다 대었을 때 ☆ 표에 밑줄효과 주기 (1) 표에 클래스 이름을 지정해준다. 123 456 7 8 9 (2) 스타일을 적용한다.