본문 바로가기

전체 글160

html,css_박스모델 실습과제 layout_main.html 리뷰 1. 문제점 - 로 제대로 구간 제대로 나누지 않음 - margin과 padding을 뒤늦게 이해함. 구분을 못했다......,,,,,,,,,,,,,,,,, - 하나씩 차근차근 하면 되는데 자꾸 이거했다 저거했다 혼잡함 => 하나씩 정리하고 생각하면서 하기!! - float을 제대로 사용하지 못함 ......?! 오른쪽으로 가야하는데 자꾸 오른쪽+밑으로 이동한다. 2. 해결 방법 - 맨 처음 박스로 구간나누고 시작하기!! 그래야 덜 헷갈림 - 위에서부터 하나씩 해나가기 - float:right; margin-top: -770px; 이용해 위로 보냈으나 다른 해결방법이 있을듯함 간단한 건데 틀렸다. 다음부턴 주의해서 구간 나누기! 3. 주의할 점 - 박스 제대로 묶어라 - 도저히 모르겠으면 검색!!! 혼자.. 2022. 9. 24.
2022-09-23 javascript 사용방법, 함수정의 javascript 사용방법 1. 바디태그 내부에서 정의하고 사용하는 방법 2. 헤드태그 안에 스크립트를 정의하고 사용 -> 주로 해드태그에 함수를 정의하고 필요한 곳에서 호출해서 사용 3. 태그 내부에서 inline으로 삽입(이벤트핸들러를 통해서 연결) // "내용입력"이라는 버튼을 클릭하는 순간 "팝업으로 뜰 내용"이라는 팝업창이 뜨도록 함수정의 4. 외부문서에 정의하고 연결해서 사용하기 -> js파일 따로 만들어서 경로를 연결하기 // js파일 /** * */ function hello() { alert("hello"); } * onclick : 클릭이 될 때 "내용" 실행하겠습니다. -> onclick = " 함수명() " * document.write : 내용을 문서(페이지)에 출력함 2022. 9. 24.
2022-09-22 CSS우선순위, 속성 [선택자] 특정한 것을 독립적으로 표현하고자 할 때 사용. 3. id선택자 (자바스크립트, 제이쿼리) - 웹문서를 구성하는 다양한 컨텐츠 중에서 하나의 컨텐츠만 식별해서 사용하고 싶은 경우 사용하는 선택자 - class속성을 정의해서 사용하는 경우는 여러 번 적용해서 사용할 수 있으나 id속성은 하나의 문서에서 한 번만 적용하여 사용할 수 있다. (유일한 컨텐츠를 정의할 목적으로 사용, 하나의 문서에서 하나의 id만 정의한다.) - css에서 id속성은 레이아웃을 설정하는 용도로 많이 사용 첫 번째, 정의 id속성으로 정의 내용 두 번째, 선택자 #id명 { 속성1 : 속성값; 속성2 : 속성값2 ...} 4. 스타일시트의 우선순위 !important h.. 2022. 9. 22.
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.

티스토리툴바