지금까지 html 배운것을 활용해서 회원가입창을 만들어 보자. 우선 사진 부터 올린다. 당연히 회원가입은 되지 않고 모양새만 저럴 뿐이다. 단 약간의 조건이 있다. 1. 아이디와 비밀번호는 4~12자까지만 입력가능하게 할것. 2. 모든 정보를 입력하고 회원 가입버튼을 누르면 내 블로그 로 이동되도록 할것. 3. 다시입력을 누르면 내용이 초기화가 될것. 우선 앞서 배운 테이블을 활용해 디자인을 먼저 한후에 두 가지 조건을 어떻게 만족시킬지 생각을 해본다. 사실 답을 몰랐을땐 머리가 안돌아갔지만 알고나니 허무할 정도로 간단한 문제였다. 코드 //코드를 form으로 묶어줌 , 회원가입 버튼 누르면 action기능 수행 //table 위치 가운대로 회원 기본 정보 아이디: 4~12자의영문 대소문자와 숫자로만 입..
프레임셋 html문서의 레이아웃을 구성하기 위해 프레임 정보만을 가지는 html문서를 말한다. 프레임이적용된 html문서는 하나의 문서가아니라 프레임셋이 정의된 html문서와 이 문서에 정의된 각 프레임이 보여줄 html문서를 따로 만들어야 한다. //프레임셋 예시!! //실제내용담긴파일 넷마블 바로가기 마구마구 게임 사용자와 웹사이트또는 어플리케이션이 서로 상호작용하는 것 중 중요한 기술중 하나. 사용자가 웹사이트에 데이터를 입력받을 수 있는 입력 폼을 정의할때 사용한다. 은 태그들을 하나 이상 포함할 수 있다. 라디오 버튼, 체크박스, 드롭박스 어떤 기능인지는 설명하기 귀찮으니 사진으로 어떤 기능인지 대체하겠다.! 예제! //체크박스 1.제일 어려운 언어는?) C Java Python 전부 //라디오..
Table html에서 굉장히 많이 쓰이는 태그중에 하나다. 표,갤러리,웹 사이트의 레이아웃 공간을 배치할때 주로 사용하고 다양한 응용이 가능하다. 표만들기 태그 설명 html문서에 표를 삽입 테이블의 헤더 부분을 만드는 태그 안에서 사용하고 한줄표시 태그내에서 사용하고 한 칸을 표시 테이블 내에 제목줄 표시 테이블 위에 테이블 제목표시 테이블을 이용해서 간단한 표를 만들어보자. //모든 텍스트 가운데정렬 ; border = 선표시 //bgcoler="색상코드"//텍스트 가운데정렬//td칸 3개 합친다. 오늘의 수입/지출 //은 행나누기 는 열 나누기 기능을 갖고있다 내용 수입 지출 월급! 1,000,000 점심값 5,000 부모님 선물 30,000 총계 수입 지출 1,000,000 35,000 남은 돈..
HTML (Hypertext Markup Language)의 기초 1.태그 html의 기본 구조의 핵심은 태그이다. 태그는 웹브라우저에 어떤 역할을 하는지 알려준다. 만약 태그를 사용하지 않고 값을 넣어주면 웹브라우저에서는 그냥 아무런 기능없는 텍스트로 밖에 출력을 하지 않는다. 태그는 이런 형식으로 여는태그가 있으면 '/' 를 붙힌 닫는 태그가 있다. (닫는태그 없는것도잇다.) 그리고 이런 태그 안에 있는것을 문단 으로 인식을 하게되고 태그의 기능에 맞는 형태로 보여지게 된다. 기본 태그의 종류 1절 동해물과 백두산이 마르고 닳도록 하느님이 보우하사 우리 나라 만세 html문서자체에 설명을 제공하기 위해 사용 일반적인 태그와 달리 닫는 태그가 없다. 검색엔진들이 html문서에 포함된 검색 키워드를 이용..
CSS CSS (Cascading Style Sheet) - html문서의 모든 요소에 대해 스타일을 적용할 수 있는 표준 규격(디자인적인 부분) - 스타일시트를 작성할 때는 CSS라는 언어를 사용한다. - 웹 브라우저는 스타일시트를 해석하여 해당 요소의 디자인을 결정한다. -주요 기능- html 태그의 글자색을 바꿀 수 있다. 글자의 정력방식을 바꿀수있다. 배경색을 지정할 수 있다. 이미지등을 지정할 수 있다. 외에도 여러가지 기능이 있다. 위의 기능은 html로도 사용 가능하지만 사용의 편의성과 일괄성 때문에 css를 사용한다 css는 style라는 태그를 명시해서 사용한다. -인라인 스타일 지정- 하나의 태그에 직접 스타일을 지정하는 방법 하나의 태그에만 원하는 스타일 지정 단점 : 같은 스타일을 ..
네트워크 데이터를 다른장치로 이동시킬 수 있는 컴퓨터들과 주변 장치들의 집합이다. 네트워크의 연결된 모든 장치들을 노드라고 한다. 하나의 컴퓨터에서 다른 컴퓨터로 데이터를 이동시킬때 계층을 통해 전송되는데 대표적인 모델이 OSI 7계층 모델이다. 포트와 프로토콜 컴퓨터의 주변장치를 접속하기 위한 물리적인 포트와 프로그램에서 사용되는 접속 장소인 논리적인 포트가 있다. 논리적인 포트 포트번호는 0 ~ 65535까지고 0~1023까지는 시스템에 의해 예약된 포트번호이기때문에 사용하지 않는게 좋다. 예약된 포트번호의 대표적인 예로는 80(HTTP) 21(FTP) 22(SSH) 23(TELNET)이 있다. 프로토콜 프로토콜은 클라이언트와 서버간의 통신 규약이다. 통신규약이란 상호간의 접속이나 절단,통신방식 주고..
Thread의 개념 [멀티 태스킹] OS에서 여러개의 프로세스가 실행되고 일을 처리하는것. [스레드] 프로세스 내에서 실행되는 각각 일을 하고있는 작은 프로세스 단위를 스레드라고 한다. 프로세스가 끝나도 스레드가 수행을 끝낼때까지는 스레드는 끝나지 않는다.(독립적) 멀티 스레드 두개 이상의 스레드를 사용하고 있는것. (병행적으로 처리) 스레드의 생명주기 New - 스레드가 만들어진 상태. (start()를 하는순간 runnable로 감( run()으로 직접호출 X) Runnable - 스레드 객체가 생성된 후에 start()메서드를 호출하면 Runnable 상태로 이동(스케줄러가 호출 할 수 있는 대기실) running - 멀티스레드를 사용할때 동시에 일을 시작하지않고 스케쥴러에 의해 먼저 호출된 스레드..
1.추상클래스란? 구체화를 시키지 못한 클래스 ( 추상 메소드를 갖고 있는 클래스) 객체를 생성할 수 있는 클래스는 실체클래스이다. 실체클래스들이 공유할 수 있는 특성을 가진 변수,메소드를 가지고 있는 것을 추상 클래스 라고하고, 추상클래스와 실체 클래스는 상속관계이다. 추상 클래스는 객체를 만들 수 없고 구체화를 시켜야지 사용 가능하다. 오직 상속을 위해서만 사용하는 클래스이다. 추상 메소드란? 구체화가 되지 못한 메소드고 가장 큰 특징은 강제성을 부여한다. 어떤 강제성이냐면 자식클래스 하나이상이 무조건 부모의 메소드를 오버라이딩을 해야한다. 부모가 정의 할 수 없기 때문에 만드는 메소드 ( 자식이 어떻게 사용 할 지 모르기 때문에) 이름만 정의해준다. 단 여러가지 기능중 여러클래스들이 같은 기능을 사..
List란? list는 배열의 한계 때문에 만들어진 자료형이다. List자료형에는 ArrayList,LinkedList등의 List인터페이스를 구현한 자료형이 있다. 배열은 사용할때 index크기를 정해야 하는데 list는 메모리가 허용하는 한 계속 추가할 수 있도록 만든 자료형 클래스이다. import java.util.List 는 인터페이스 클래스고 List를 사용하기 위해서는 인스턴스화를 해야한다. List는 인터페이스이고 ArrayList는 List에 상속된 클래스이다. ArrayList ArrayList는 내부적으로 데이터를 배열에서 관리하며 데이터의 추가,삭제를 위해 임시 배열을 생성해 데이터를 복사하는 방법을 사용한다.각 데이터는 인덱스를 갖고 있기 때문에 한번에 참조가 가능해서 검색할때 좋..
ArrayList 란?(ArrayList기본) 1. 객체들의 삽입,삭제,검색을 할 수 있는 컨테이너 클래스다. 2. 배열의 index길이의 제한성을 극복할 수 있다. 3. 객체의 수가 많아지면 자동으로 크기 조절이 가능하다. 4. 값을 맨 뒤나 중간에 추가 할 수 있다(한칸씩 뒤로 밀림). 5. 객체 삭제시 위치를 한칸씩 땡긴다. ArrayList 기본 생성법 //Array String[] arr = new String[3]; // 기존 배열 선언 방식 arr[0] = "one"; //기존 배열은 선언할때 입력한 index길이를 초과하게 되면 오류가 발생한다 arr[1] = "two"; arr[2] = "three"; //ArrayList ArrayList al = new ArrayList(); al.a..