쉽게 쉽게

▤ 목차1. CSS로 구현1. css로 구현 text-overflow을 사용하기 위한 조건text-overflow 속성은 블록 형태인 경우에만 적용된다.width 또는 height가 고정적이어야 한다.overflow: hidden; 을 사용해 영역을 감춰야 한다.아래줄로 내려가는 것을 막기 위해 white-space: nowrap 등이 필요하다. text-overflow 적용을 하려면 가로넓이가 있어야 하기 때문에 width를 적용해 줬다.한 줄일 때 말 줄이기를 하고 싶으면 white-space: nowrap이 적용이 되어야 한다.아래는 nowrap 적용 시 표현되는 예시다.해당 속성이 없으면 자동으로 글자가 다음줄로 넘어가기 때문에 이러한 상황을 방지해야 한다.2줄 이상일 경우 white-space ..

1. 이슈유튜브에 있는 동영상을 웹사이트로 가져와 보여줄 필요가 있었다.이를 위해 video 태그를 알아봤다.2. video 속성//video 태그 속성들 1. src 속성 재생하고 싶은 동영상의 경로를 입력하는 속성이다. 그러나 세부적인 동영상 컨트롤을 위해서는 src 속성 외에 다른 속성이 필요하다. 2. controls 속성 재생버튼, 음량버튼, 전체화면 등 동영상을 컨트롤할 수 있는 버튼이 추가된다. 3. autoplay 속성 동영상을 자동재생해주는 속성이다. 크롬은 muted 속성을 같이 추가해줘야 자동재생이 진행된다. 모바일에서는 보안상 이유로 자동재생이 되지 않는다. 4. muted 속성 동영상 음소거 속성이다. 비디오의 오디오 출력을 음소거로 지정한다. 5. nodownload 속성 동영상..

1.  이슈프로젝트에서 JSTL을 이용하여 데이터를 보여주는데, 동적으로 변하는 변수를 사용하여 문을 구현할 필요성이 생겼다.(안그러면 모든 항목을 일일이 다 적어줘야 함..)이에 대해 알아봤다. 2. JSTL 동적 변수 ${item[index]} 예를 들어 it_1, it_2, it_3..... it_100까지의 데이터를 보여줘야 한다면 이를 일일이 100개의 데이터를 작성하기엔 무리가 있다.이때 동적으로 변하는 변수를 값으로 두어 한 번에 처리할 수 있다. 이런식으로 할 수도 있다. ${item[index]}  참고https://gomest.tistory.com/39 [JSP] jstl 동적 변수 사용DB 에서 데이터를 가지고 오다보면 info1 ,..

프로젝트를 진행하다 안에 속성들을 submit 해주는 을 구현하려고 했다.을 테스트하던 중 버튼을 클릭하면 내용이 submit 되는 현상이 발생했다.아무것도 지정하지 않은 태그를 클릭하면 왜 submit이 되는 현상이 발생하는지 알아보고자 했다. 의 특징--생략--버튼버튼을 클릭하면 test.do로 submit이 되버린다.이런 현상의 원인으로는 기본적으로 button 태그에 type 속성을 지정하지 않으면 type이 "submit" 이 된다.때문에 명시적으로 type 속성값을 "button"으로 지정해 주어야 submit이 되지 않는다.잘못된 내용이 있다면 지적부탁드립니다. 방문해주셔서 감사합니다.