웹시의 코딩기록

고정 헤더 영역

글 제목

메뉴 레이어

웹시의 코딩기록

메뉴 리스트

  • 홈
  • 태그
  • 방명록
  • 분류 전체보기 (12)
    • C언어 (0)
    • Database (0)
    • HTML (5)
    • CSS (3)
    • Javascript (0)
    • 웹사이트 (2)
    • JAVA (0)

검색 레이어

웹시의 코딩기록

검색 영역

컨텐츠 검색

분류 전체보기

  • [spring] sts3 이전 오류들로 인해 컨텍스트 [/주소]의 시작이 실패했습니다. 오류 해결하기

    2024.07.02 by 웹시코기

  • [Eclipse] 이클립스 'Publishing to Tomcat v9.0' has encountered a problem 오류 해결하기

    2024.06.29 by 웹시코기

  • [HTML] 입력 폼 만들기 (input, label, select)

    2024.06.10 by 웹시코기

  • [HTML] 표 만들기 (table 태그)

    2024.06.10 by 웹시코기

  • [CSS] 마우스 커서 속성 (hover, active, enabled, disabled)

    2024.06.09 by 웹시코기

  • [CSS] 자손, 자식, 형제 선택자

    2024.06.09 by 웹시코기

  • [HTML] 유튜브 영상 불러오기 (iframe 태그)

    2024.06.09 by 웹시코기

  • [HTML] 이미지 삽입 , 이미지에 링크 걸기 (img, a href)

    2024.06.09 by 웹시코기

[spring] sts3 이전 오류들로 인해 컨텍스트 [/주소]의 시작이 실패했습니다. 오류 해결하기

프로젝트를 import 해서 실행하려고 하자 이런 오류가 납니다. 몇시간동안 실행 못하다가 드디어 해결 방법 찾았습니다... 실행되지않는 프로젝트를 클릭해서 properties를 눌러줍니다. Deployment ~  →  Add  →  java build path entries 클릭 후 Next  → Maven Dependencies클릭 후 Finish  →  Apply , close 한 다음 다시 프로젝트를 실행해줍니다.

카테고리 없음 2024. 7. 2. 23:17

[Eclipse] 이클립스 'Publishing to Tomcat v9.0' has encountered a problem 오류 해결하기

이클립스 창을 실행하려고 했는데 다음과 같은 오류가 뜹니다.  먼저 서버의 'server.xml' 파일을 열어줍니다. 소스코드 안에서 context 태그를 찾아줍니다. 찾다보면 한 문장에 중복된 context 태그가 있습니다. 뒷부분 context 한 문장을 삭제해줍니다.이렇게 수정 후 다시 실행하면 오류가 해결됩니다 !

카테고리 없음 2024. 6. 29. 00:05

[HTML] 입력 폼 만들기 (input, label, select)

HTML에서 사용자에게 정보를 입력 받기 위해 사용하는 다양한 입력 양식 태그들에 대해 알아보겠습니다.  태그 태그는 사용자에게 정보를 입력 받는 기능을 수행하는 태그입니다. type 속성을 사용하여 다양한 유형의 입력 양식을 만들 수 있습니다. input 태그의 type 속성값button : 버튼 생성password : 비밀번호 입력 양식 생성reset : 초기화 버튼 생성text : 글자 입력 양식 생성number : 숫자 입력 양식 생성date : 날짜 입력 양식 생성time : 시간 입력 양식 생성 이름: 주소: 이메일: 색상: 나이: 생년월일: 시간:  이렇게 코드를 구성할 수 있습니다.  태그 태그는 폼 양식에 이름을 붙이는 태그입니다. 사용자가 입력 필드와 쉽게 상호작..

HTML 2024. 6. 10. 19:44

[HTML] 표 만들기 (table 태그)

HTML에서 표를 만들 때 사용하는 태그와 속성에 대해 알아보겠습니다. 표는 데이터를 구조화하여 보여줄 때 매우 유용합니다. 기본 표 태그 : 표를 생성하는 태그 : 표 내부의 행을 정의하는 태그   : 행 내부의 제목 셀을 정의하는 태그 (열 제목에 사용됨)  : 행 내부의 일반 셀을 정의하는 태그기본 표 만들기 제목1 제목2 데이터1 데이터2 데이터3 데이터4  이 코드는 아래와 같은 표를 생성합니다. 셀 병합rowspan : 셀의 높이 지정, 행을 병합할 때 사용colspan : 셀의 너비 지정, 열을 병합할 때 사용 111 222 333 444 555 666 777  이 코드..

HTML 2024. 6. 10. 18:45

[CSS] 마우스 커서 속성 (hover, active, enabled, disabled)

hover, active 마우스 속성커서가 요소 위에 없는 기본 상태hover : 마우스 커서가 요소 위로 움직였을 때의 상태h1:hover {color : red;}  이 코드에 따르면 마우스 커서가 h1 요소 위로 이동하면 글자 색상이 빨간색으로 바뀝니다.active : 요소가 클릭된 상태h1:active {color : blue;}  이 코드에 따르면, h1 요소를 클릭하면 글자 색상이 파란색으로 바뀝니다.  enabled, disabled Enabled Disabled enabled : 사용자가 데이터를 입력하고 상호 작용할 수 있는 상태disabled : 사용자가 데이터를 입력하거나 상호 작용할 수 없는 상태focus : 사용자가 요소를 클릭하면 해당 요소에 스타일 ..

CSS 2024. 6. 9. 22:07

[CSS] 자손, 자식, 형제 선택자

선택자에는 자손 선택자, 자식 선택자, 형제 선택자가 있습니다.우선 자손 선택자부터 알아보도록 하겠습니다.자손 선택자 자손 선택자는 특정 요소의 모든 자손 요소를 선택합니다.  CSS1 CSS2 CSS3 CSS4 #header h3 : id가 header인 요소 아래의 모든 h3 요소를 빨간색으로 지정합니다.#section h3 : id가 section인 요소 아래의 모든 h3 요소를 파란색으로 지정합니다.CSS4 텍스트가 색상이 변경되지 않는 이유는 h3 요소가 아닌 p 요소 안에 있기 때문입니다. 자식 선택자 자식 선택자는 특정 요소의 직계 자식 요소만 선택합니다.  C..

CSS 2024. 6. 9. 22:04

[HTML] 유튜브 영상 불러오기 (iframe 태그)

유튜브 영상을 화면에서 바로 볼 수 있도록 하겠습니다. 가져오고 싶은 유튜브 영상에서 "공유" 버튼을 누른 후 "퍼가기"를 선택합니다.  "퍼가기"를 누르면 이러한 창이 뜨는데 이 내용을 모두 복사합니다.   복사한 내용을 HTML 문서의 'body' 태그 아래에 붙여넣기 합니다. 그럼 이렇게 화면에서 바로 유튜브 영상을 실행할 수 있게 됩니다.

HTML 2024. 6. 9. 21:53

[HTML] 이미지 삽입 , 이미지에 링크 걸기 (img, a href)

이미지를 삽입하는 방법에는 두 가지가 있습니다.첫 번째는 사진을 다운로드하여 파일에서 불러오는 방법, 두 번째는 이미지 주소를 복사해서 삽입하는 방법입니다.  첫 번째 방법 : 이미지 파일에서 불러오기먼저, 원하는 이미지를 다운로드 한 후 쉽게 찾을 수 있도록 파일 이름을 변경합니다. (굳이 안 해도 상관은 없습니다) 그리고 코드를 다음과 같이 작성하면 이미지가 보이게 됩니다.'alt'속성은 파일 이름에 오타가 있거나 다른 이유로 이미지가 보이지 않을 때 대신 표시될 문구입니다.'alt'는 생략 가능합니다. 두 번째 방법 : 이미지 주소 사용원하는 이미지의 주소를 복사합니다. 저는 핑구를 좋아해서 핑구 사진을 가져올 겁니다. 복사한 이미지 주소를 사용해서 이렇게 코드를 넣어주면 이미지가 나타납니다. 이제..

HTML 2024. 6. 9. 21:50

추가 정보

인기글

최신글

페이징

이전
1 2
다음
TISTORY
웹시의 코딩기록 © Magazine Lab
페이스북 트위터 인스타그램 유투브 메일

티스토리툴바