본문 바로가기
728x90

분류 전체보기530

[JSP] JSP시작, 톰캣 설치하기 Apache Tomcat® - Welcome! Apache Tomcat® - Welcome! The Apache Tomcat® software is an open source implementation of the Jakarta Servlet, Jakarta Server Pages, Jakarta Expression Language, Jakarta WebSocket, Jakarta Annotations and Jakarta Authentication specifications. These specifications are part of the tomcat.apache.org Apache Tomcat 검색 후, 좌측 Download에서 Tomcat 9 클릭 Window 64bit 기준 zip 파일 다운로드.. 2023. 3. 28.
[ HTML + CSS + 자바스크립트] 6.1 [ 코딩 자율학습 ] HTML+CSS+자바스크립트 6.1) CSS의 특징 살펴보기 HTML 태그 : 태그 자체에 꾸밈을 담당하는 역할이나 기능X 하지만, 기본스타일시트가 내장 되어있으면 꾸며진 것처럼 보일 수 O (ex: hn태그) 스타일 적용은 웹브라우저에 내장된 기본스타일시트 스타일보다 사용자가 지정한 스타일 속성이 우선 적용된다 그리고 단계적 적용이 된다 = 같은 태그에 스타일 여러개가 있으면 결국 마지막에 적힌 스타일만 적용 결론: 마지막에 작성된 스타일 >사용자 정의 스타일 > 기본 스타일 시트 : 같은 태그에 중복해서 스타일이 지정될 때 사용 : 선택자를 분류해서 개수를 세고 점수를 곱해 합을 구해서 우선순위를 판단한다 선택자의 개별성 점수가 똑같을 땐 나중에 작성된.. 2023. 3. 26.
[ HTML + CSS + 자바스크립트] 5.3 ~ 5.5 [ 코딩 자율학습 ] HTML+CSS+자바스크립트 5.3 ) 가상 요소 선택자 사용하기 : 명시적으로 작성된 구성요소는 아니지만 존재하는 것처럼 취급해 선택하는 선택자 지정방법 :: 기호(콜론2개)를 붙여서 사용하고, 기준 선택자와 함께 사용. - before 선택자- : 기준선택자 요소 앞의 공간을선택 - after 선택자- : 기준선택자 요소 뒤의 공간을 선택 - content 속성 - : before 선택자와 after 선택자에서만 사용하는 속성 : 새로운 콘텐츠 만들거나 추가할 때 사용한다 - 가상 요소 선택자 활용 예시 - : p (기준선택자)를 기준으로 앞(before), 뒤(after)에 요소가 있는 것 처럼 선택, 그리고 content 속성을 통해 텍스트를 추가했다.. 2023. 3. 25.
[servlet/JSP] 1강 ~ 7강 1강, 2강 서블릿: 서버 어플리케이션 만드는 것 클라이언트 = 요청자 서버 = 제공자 3강 WAS (웹 어플리케이션 서버) : 코드를 실행하고 실행된 결과를 웹서버에 돌려줄 수 있는 기능을 함 server application code: 동적으로 문서를 만들기 위한 코드 그리고 이것을 실행하게 할 수 있는 환경인 웹서버 코드를 찾아서 실행하게 해줄 수 있는 환경인 WAS 가 필요함 5강 톰캣: WAS 또는 웹서버 웹서버: 웹문서를 제공해주고 있는 서비스 6강 context: 가상경로, 가상사이트라고 말하는 경우도 있음 각각의 내용들을 아예 떼어내어서 별개의 사이트처럼 만들 수 있음 (서비스 문맥은 유지하면서) 7강 서버 어플리케이션: 기능별로 코드 나눠짐 사용자가 공지사항(list)를 요청한 것 필요에.. 2023. 3. 24.
[ HTML + CSS + 자바스크립트] 4.1 ~ 5.2 [ 코딩 자율학습 ] HTML+CSS+자바스크립트 4.1 ) CSS 문법 살펴보기 h1{color:red;} 선택자와 선언부 color - 속성 red - 값 ; (세미콜론) - 넣으면 연속해서 스타일 작성 가능 4.2 ) CSS 적용하기 - CSS 적용 방법 (3) - 1. 내부 스타일 시트 html 문서에 태그 사용 2. 외부 스타일 시트 새로운 css 파일 생성 (확장자 .css) html 파일에 css 파일 연결 (link 태그 사용) html 파일과 css 파일 연결된 상태 확인 3. 인라인 스타일 사용 : html 문서에 있는 태그에 직접 CSS 코드 작성하는 방법 선택자 부분 필요없음 5.1 ) 기본 선택자 사용하기 : 모든 요소 선택 p 태그 지정하면.. 2023. 3. 21.
[ HTML + CSS + 자바스크립트] 3.8 ~ 3.10 [ 코딩 자율학습 ] HTML+CSS+자바스크립트 3.8 ) 멀티미디어 설정하기 : 항상 src 속성과 함께 사용 control 속성 - 웹 브라우저에 노출 : audio 태그와 같음 : audio 태그와 video 태그에서 파일의 경로와 미디어 타입 명시 audio 태그와 video 태그의 자식요소로 사용 source 태그 사용시 audio 태그와 video 태그에는 src 속성 쓰지 않음 3.9 ) 웹 페이지 구조를 설계하는 시맨틱 태그 시맨틱 웹: 기계도 쉽게 이해할 수 있는 웹 페이지 설계 table, form, a태그 - 시맨틱 태그 : 웹 페이지의 헤더 영역 구분하는데 사용 < .. 2023. 3. 20.
728x90

티스토리툴바