HTML, CSS, JS13 2022-09-21(2) CSS CSS의 개요 및 사용방법 : cascading style sheets => 문서를 구성하는 구성요소의 스타일을 정의 [css를 정의하는 방법] 1) 태그 안에 정의하고 사용 - 문서 해드태그의 하위 태그인 *선택자 - [ p, h1, div ... ] 태그명, class명, id명 ... 어떤 컨텐츠에 스타일을 적용할 것인지 알려주는 목적 ex) *{ color: blue; font-size: 9pt; } p{ color: rgb(255, 128, 192); font-size: 20pt; } h1{ color: rgb(128, 255, 128); font-size: 16pt; } 2) 외부파일로 선언하고 사용하는 방법 - 태그에서 style 속성을 정의하고 사용 - 내 사이트를 구성하는 모든 문서에 동.. 2022. 9. 21. 2022-09-21(1) html 양식태그 입력하여 서버로 전송 6) 양식태그 (참고 : form.test.html) - 사용자가 입력한 내용을 서버로 전송하기 위해 사용하는 태그(양식태그, 입력태그, 폼태그...) - 사이에 추가해서 사용 - 양식태그 => 사이에 있는 양식태그에 입력한 모든 내용이 서버로(action속성에 명시한 어플리케이션을 호출하며) 전송된다. => action에 어플리케이션이 호출되는 방식 * get방식 : 서버의 데이터를 가져오기 위한 방식. 주소표시줄에 요청한 내용이 노출. 4000바이트정도 서버로 넘길 수 있다. * post방식 : 사용자가 입력한 내용이 요청헤더의 바디에 추가되어 전송되므로 주소표시줄에 노출되지 않는다. 1. 텍스트를 입력 받.. 2022. 9. 21. 2022-09-20 html 파일구조, 테이블 html 파일구조 : Hyper Text Markup Language 1) html의 문서 구조 : 문서가 html형식이라는 의미(html로 작성된 웹문서) ---- html의 문서의 시작 브라우저에 표시할 내용을 정의(이곳의 내용물이 사이트에 반영됨) ---- html의 문서의 끝 * : 꺽세 안에 있는 것을 '태그'라고 함 " : 열림태그와 닫힘태그 필수 * -> 틀림 [ [ ] ] ->태그의 순서가 맞아야 함 2) 열림 태그를 입력하면 자동으로 닫힘 태그가 뜸 -> 이것이 표준 형태이기 때문에 (닫힘 태그가 없어도 웹페이지에서는 구현한 대로 나오나, 이클립스 자체에서 워닝이 뜸) 3) 이클립스에서는 ~ 까지만 인식함. 은 인식X 4) 'Tag' 작성 방법 5) Tag.. 2022. 9. 20. 2022-09-19 환경구축 이클립스 환경구축 1. 1. JDK - jdk 다운로드 및 설치 jdk17 버전 - 환경설정 JAVA_HOME path 2. 이클립스 - 한글 encoding 변경 : UTF-8(사전가이드참고) - 서버등록 [server]탭 선택하고 등록하기 server.xml파일에서 port 확인 3. Tomcat - 10버전 설치 - C:\톰캣설치폴더\bin 에서 startup.bat를 실행 - 브라우저를 실행한 후 주소표시줄에 http://내컴퓨터의 IP:port * 내컴퓨터의 IP - 톰캣이 설치된 PC의 IP * IP:port - 기본 port : 8080 (8080은 오류발생하여 8088로 변경 ) http://ip주소:8088/ 4. 테스트 1) dynamic webproject 만들기 file - new .. 2022. 9. 19. 이전 1 2 다음
