본문 바로가기
728x90
반응형

전체 글407

[ HTML + CSS + 자바스크립트] 6.5 ~ 6.6 [ 코딩 자율학습 ] HTML+CSS+자바스크립트 6.5) 위치 속성으로 HTML 요소 배치하기 : 좌푯값에 따라 배치할 때 사용 Document body { height: 5000px; } .box { width: 100px; height: 100px; } .red { background-color: red; float: left; } .green { background-color: green; float: left; } .blue { background-color: blue; float: left; } - position 예시들 - - absolute 와 relative 기준점 차이 - absolute: 웹 브라우저의 왼쪽 위 모서리 relative: 요소의 왼쪽 위 모서.. 2023. 4. 2.
[ HTML + CSS + 자바스크립트] 6.3 ~ 6.4 [ 코딩 자율학습 ] HTML+CSS+자바스크립트 6.3) 박스 모델을 구성하는 속성 다루기 - margin -border -padding -content 속성값 (4) margin-top margin-right margin-bottom margin-left 순으로 값을 의미함 - margin 적용 예시 - : margin과 달리 여러 속성값이 복합적으로 사용 p { border-width:2px; } - border-width 속성 - : 테두리 굵기 p { border-width:2px; border-style:dotted; } h1 { border-style; } h2 { line-height: 16px; } h3 { line-height: .. 2023. 4. 2.
[ HTML + CSS + 자바스크립트] 6.2 [ 코딩 자율학습 ] HTML+CSS+자바스크립트 6.2 ) 텍스트 속성으로 텍스트 꾸미기 1. font - family : 글꼴 지정 : 쉼표로 구분 : 한글 또는 공백있는 글꼴명은 큰따옴표로 감싸야 함 2. font - size : 일반적인 텍스트 크기 = 16px 3. 숫자표기법 (font-weight) : 100 - 최소 굵기 900 - 최대 굵기 4. 키워드표기법 (font-weight) 5. font-style 6. font-variant : 텍스트를 크기가 작은 대문자로 변환 7. text-align : 텍스트를 정렬 8. text-decoration : 텍스트에 선 긋기 : a 태그와 같이 사용 가능 9. letter-spacing : 글자 사이 간격 조절 10. lin.. 2023. 4. 1.
[SQL] Oracle 11 & SQL developer 설치 방법 Oracle 11g 설치 참고 블로그: https://chldnals.tistory.com/entry/Chapter-1-%EC%98%A4%EB%9D%BC%ED%81%B4-11g-%EC%84%A4%EC%B9%98 https://www.oracle.com/database/technologies/xe-prior-release-downloads.html XE Prior Release Archive Getting Started: Support Oracle Database Express Edition (XE) is a community supported edition of the Oracle Database family. Please go to the Oracle Database XE Community Suppor.. 2023. 3. 30.
[ IT핥기] JSP! 독학! (2) 기본 문법 및 구문 분석 오류 해결 팁 기본문법 살펴보기 정적, 동적 서비스와 클라이언트와 서버 관계 이해 = 8:30 - 코드 에러 없는데 빨간 줄 뜨는 경우 해결법 - Ctrl + A - 전체 선택 Ctrl + X - 자르고 Ctrl + S - 저장 Ctrl + V - 잘라냈던 걸 다시 붙이고 Ctrl + S - 저장 - 톰캣 오류 참고 블로그 - https://to-dy.tistory.com/59 [Tomcat 에러]Several ports (8005, 8080, 8009) required by Tomcat v9.0 Server at localhost are already in use. The server may a 톰캣을 구동시켰을 때 생긴 포트 오류이다.나는 이클립스가 비정상적으로 종료가 된 후.. 2023. 3. 29.
[ IT핥기] JSP! 독학! (1) 웹 개발을 위한 개념을 알고 갑시다. 정적 서비스 : 웹페이지 구성할 때 쓰는 언어 웹 페이지 - html 파일들이 많이 있고 그 많은 파일들은 서버에서 제공 웹 브라우저를 통해서 주소창에 해당 서버의 어떤 html 파일을 갖고 올 것인지 서버로 요청을 한다 브라우저에서 request를 요청하고 그 요청을 서버가 받음 서버는 요청을 해석하고 응답 response를 준다 HTTP라는 프로토콜을 기반으로 동작하는 것. 브라우저는 response된 데이터들 중에서 HTML 태그들을 읽을 수 있음 (HTML, CSS, JS 읽을 수 있다) 정적 서비스 : 요청할때마다 항상 동일한 결과를 나타냄 웹서버는 동일한 작업으로 request 와 response가 이뤄진다 파일자체가 변경되지않는 이상 request 했을 .. 2023. 3. 28.
[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.
728x90
반응형

티스토리툴바