본문 바로가기

전체 글230

폼을 구성하는 태그들 웹 프로그램에서 폼은 데이터를 전송할 때 주로 사용한다고 보면 된다. 태그 자신의 태그 내에 있는 데이터를 지정한 웹 경로로 전송 속성 설명 method 데이터를 전송하는 방식(get이나 post)을 지정 name 폼의이름을 지정한다. JS에서 폼내의 데이터를 구분할때 사용 action 폼 내의 데이터를 가지고 이동할 위치(URL,JSP)를 지정 enctype 대용량 파일의 데이터 속성(multipart나 form-data)을 지정 form 태그 외에 폼을 구성하면서 사용하는 태그들에는 , , 등이있다. 이들을 통해 폼에 데이터를 적게 된다. 태그 간단하게 설명 속성 설명 text 한 줄짜리 텍스트를 입력받을 때 사용하는 형식 password 비번 형식을 텍스트를 입력 radio 여러 항목 중 하나만 선.. 2021. 3. 13.
HTML 페이지 분할과 페이지 포함 태그 ※HTML5에서는 사용 되지 않는 태그가 나오지만 HTML5를 사용하지 않는 경우가 있기에 알아 두어야 한다. 태그 이 태그는 웹페이지를 여러 영역으로 나눌때 사용한다. 나누어진 영역들은 개별적으로 파일로 관리 이때 태그를 사용 속성 설명 rows 페이지를 상하로 나눌때 사용한다. cols 페이지를 좌우로 나눌때 사용한다. border 나누어진 프레임의 테두리(0이나 숫자)로 지정 bordercolor 테두리 색을 지정 frameborder 프레임을 구분하는 테두리를 화면에 표시할지 여부(yes,no)를 지정 기본값은 yes이다. no인 경우 border 값을 0으로 해야한다. 태그 태그로 나누어진 영역들에 대하여 파일을 지정하는 태그 속성 설명 name 프레임의 이름을 지정. target속성을 사용할 .. 2021. 3. 13.
HTML의 기본 태그들(2) 목록 태그 태그 순번이 있는 목록으로 정렬할 때 사용와 같이 사용 속성 설명 type 각각의 목록 앞에 붙는 표식(A,a,l,i,1)을 지정 start 시작 번호(숫자)를 지정 태그 순번이 없는 목록으로 정렬할 때 사용 과 같이 사용 속성 설명 type 각각의 목록 앞에 붙는 표식(disc, circle, square)을 지정 기본값은 disc이다. 태그 요소는 설명 목록을 나타냅니다. 은 로 표기한 용어와 요소로 표기한 설명 그룹의 목록을 감싸서 설명 목록을 생성합니다. 주로 용어사전 구현이나 메타데이터(키-값 쌍 목록)를 표시할 때 사용합니다. 예제 코드 바나나 딸기 배 컴퓨터 모니터 마우스 최민준 HTML 공부중 레노버 사용중인 PC만든 회사 이미지, 링크, 사운드 태그 동일 폴더 : 파일이름.확장.. 2021. 3. 13.
HTML의 기본 태그들(1) 본문 태그 속성 설명 background 배경 이미지(파일 이름이나 URL)를 저정 bgcolor 배경색을 지정 text 글꼴 색을 지정 link 링크 색을 지정 vlink 방문했던 링크 색을 지정 alink 링크를 클릭하는 순간의 색을 지정 예제 코드 안녕하세요 두번째 HTML 파일 주석의 단축키는 Ctrl + Shift + /이다. 위의 코드에선 body에서 bgcolor와 text 태그를 사용하였으며 두개의 색상을 지정해주었다. 문단 태그 tag 줄바꿈을 하는 태그이다. 끝tag가 필요없지만 이런씩으로 사용하는것이 좋다. tag 단을 나누는 태그이다. 단을 정렬할 때 많이 사용한다. 끝태그는 없지만 코드에서는 시작과 끝을 구분하는 것이 좋다. 속성 설명 align 문단의 정렬(left, right,.. 2021. 3. 13.
이클립스 한글 깨질때 1. General > Content Types :: Java Class File 클릭 후 아래 UTF-8 입력 하고 Update 클릭 2. General > Workspace :: Text file encoding 에 Other 체크하고 UTF-8 선택 후 Apply 클릭 3. ​General > Editors > Text Editors > Spelling :: Encoding 에 Default (UTF-8) 선택 후 Apply 클릭 4. Web > CSS Files :: Encoding에 ISO 10646/Unicode(UTF-8) 선택 후 Apply 클릭 5. Web > JSP Files :: Encoding에 ISO 10646/Unicode(UTF-8) 선택 후 Apply 클릭 6. XML > X.. 2021. 3. 12.
Tomcat Jsp 연동 1. 프로젝트 만들기 Dynamic Web Project를 선택한다. Dynamic Web Project : JSP와 같이 동적인 웹페이지를 가지는 웹 애플리케이션 개발 시에 사용하는 프로젝트 먼저 화면을 만들기 위해서 HTML 및 JSP 파일을 생성 한다. HTML과 JSP코드를 작성한다. 2. 서버 실행하기 사진과 같은 순으로 서버를 실행 한다. 결과 수정 코드의 EUC-KR를 전부 UTF-8으로 수정하기 2021. 3. 12.
이클립스 JDK 설정 및 Tomcat 설정 1. 이클립스 Jdk설정 window → Preferences → Java→ Compiler로 들어가 " Compiler compliance level"를 자신이 설치한 JDK로 설정하기 2. 이클립스 Server 설정 File → New →Other로 들어가서 server를 입력 후 선택 한다. 3. Tomcat 버전 선택 맨위에 있는 Apache를 선택하고 자신이 설치한 톰캣버전을 선택합니다. 이후 위치 저장 이후 [Finish]를 눌러서 설정을 완료 한다. 2021. 3. 12.
Tomcat(톰캣) 설치 수정본 Tomcat이란 Apache 재단에서 만든, Java Servlet을 지원하기 위한 Open Source 프로젝트이다 Tomcat은 Java를 이용한 웹 애플리케이션의 다양한 규격 (Spec)을 준수하여 JSP, HTML 파일들로 구성된 .war 파일을 배포해주는 엔진입니다. WAS(Web Application Server) 컨테이너, 웹 컨테이너, 서블릿 컨테이너라고 부름 JSP,서블릿처리,HTTP요청 수신 및 응답 아파치만 쓰면 정적인 웹페이지만 처리하므로 처리속도가 매우 빠르고 안정적이다. 하지만 톰캣(WAS)를 쓰면 동적인 데이터 처리가 가능하다. DB연결,데이터 조작, 다른 응용프로그램과 상호 작용이 가능하다. 톰캣은 8080포트로 처리한다. 1. 톰캣 사이트 방문 http://tomcat.ap.. 2021. 3. 12.
이클립스 설치 1. 이클립스 구형 버전 설치 선택 신형 버전 설치 하는것이 아니라면 Download Packages를 선택 2.이클립스 구형 버전 설치 선택(2) 오른쪽의 MORE DownLoads를 선택 3.이클립스 구형 버전 설치 선택(3) 원하는 버전을 누르고 R Packages를 누르기 4. 이클립스 다운하기 Eclipse IDE for Java EE Developers의 자신 PC버전을 선택하고 다운하기 5. 다운 받은 알집 풀기 6. UTF-8 설정 | 설정에 들어가기 UTF-8이라는 방식이 가장 힘을 얻게 되었고, 세계 표준으로 인정받고 있습니다. 한국어의 경우 현재 사용가능한 11172자의 한글 외에도 아래하, 반자음 처럼 이제는 사라져 버린 옛날 문자인 고어도 표시할수 있습니다. window → Pre.. 2021. 3. 11.

티스토리툴바