컴공생의 다이어리

[HTML] img 태그 이미지 로드 실패시 대체(디폴트) 이미지 img 태그로 src 이미지 로드에 실패한다면 엑스 박스가 나오는데 따로 처리해주지 않는 이상 alt 속성에 넣은 텍스트를 보여준다. 이미지 로드 실패에 대해 대체 이미지를 적용한다거나 이미지를 숨기는 방법을 사용할 수 있다. 이 글에서 2가지 방법에 대해 짧게 정리해보려고 한다. 대체 이미지 onerror 속성에 대체이미지 경로를 아래와 같이 넣어주면 된다. 이미지 숨기기 onerror 속성에 아래와 같이 this.style.display='none'으로 설정을 하면 이미지 로드 실패시 이미지를 숨긴다. https://pingfanzhilu.tistory.com/entry/HTML-img-%ED%83%9C%EA%B7%B8-%EB%8C%8..

개발자 도구(F12)로 동영상 재생속도 변경하기 동영상 재생속도를 변경해서 듣고 싶은데 속도 변경 기능이 없거나 원하는 배속이 없다면 개발자 도구를 통해서 변경할 수 있다. 우선 재생속도를 조정하고자 하는 페이지를 클릭하고 F12 키를 누른다. 그리고 Console 탭을 클릭한다. 그리고 하단에 코드를 작성하는 곳이 있다. 위에 표시한 곳(여기)에 아래 명령어를 입력해주면 재생속도를 변경할 수 있다. document.querySelector('video').playbackRate = {재생속도}; # example document.querySelector('video').playbackRate = 1.5; https://kyounghwan01.github.io/blog/JS/JSbasic/edit-vid..

[Network] LAN, WAN, MAN 네트워크는 분산되어 있는 컴퓨터들이 자원을 공유할 수 있게 통신망으로 연결한 것이다. 네트워크의 규모를 기반으로 LAN, WAN, MAN으로 구분된다. LAN(Local Area Network) 근거리 영역 네트워크 학교, 사무실과 같은 가까운 지역을 묶은 네트워크 전송 속도가 빠르고 혼잡하지 않음 MAN(Metropolitan Area Network) 대도시 영역 네트워크 LAN과 LAN이 모여서 만든 통신망 전송 속도는 평균이며 LAN보다는 더 많이 혼잡 WAN(Wide Area Network) 광대역 네트워크 국가 또는 대륙 같은 더 넓은 지역에서 운영 전송 속도는 낮으며 MAN보다 더 혼잡 https://artsandculture.google.com/en..

URL 문법 URL 문법의 기본적인 형태는 아래와 같이 9개의 컴포넌트로 구성된다. 스킴(프로토콜)에 따라 세부적인 형태는 달라지며, 모든 컴포넌트를 가지는 URL은 거의 존재하지 않는다. 주로 스킴, 호스트, 경로가 중요한 편이다. ://:@:/;?# 스킴 : 사용할 프로토콜 주어진 리소스에 어떻게 접근하는지 알려주는 중요한 정보 어떤 프로토콜을 사용하여 리소스를 요청해야 하는지 스킴 컴포넌트는 알파벳으로 시작해야 하고 URL의 나머지 부분들과 ‘:’로 구분 스킴명은 대소문자를 구분하지 X HTTP://github.com == http://github.com 호스트와 포트 리소스를 호스팅하고 있는 장비와 장비 내에서 리소스에 접근할 수 있는 서버가 어디에 있는지 알려주는 역할 호스트 컴포넌트 : 접근하..

URI(Uniform Resource Identifier) - 네트워크 상 자원을 구분하는 식별자 - 정보 리소스를 고유하게 식별하고 위치를 지정(ex. 우편물 주소) - URI의 하위개념으로 URL과 URN이 있음 - URI 자체는 신원 확인만 제공 → URI가 존재한다고 해서 해당 자원에 접근 보장 X URL(Uniform Resource Loactor) - 네트워크 상에 존재하는 자원의 위치 - 리소스가 어디에 있고 어떻게 접근할 수 있는지 알려주는 역할 → http, ftp 등의 프로토콜 포함됨 - 만약 도메인에 프로토콜이 있다면 그건 URL이면서 URI - 특정 시점의 위치를 알려주는 역할을 하므로 리소스가 옮겨지면 더는 사용할 수 없음 URN(Unifrom Resource Name) - 자원의..

JSTL date format(날짜 형식) jsp 파일에서 날짜 형식을 변경하기 위해서 아래 라이브러리를 jsp 파일 상단에 추가한다. 날짜 포맷을 변경하려면 변수의 타입은 Date형이어야 한다. 만일 다른 형이라면 함수를 사용해서 Date형으로 변경하면 된다. fmt:formatDate가 Date형을 원하는 패턴으로 변경할 수 있다. value 값에는 변수를 넣어주고 pattern에는 출력하고 싶은 형식을 넣어주면 된다. pattern에 넣을 형식과 관련해 아래 표를 참고하면 좋을 것 같다. Letter 설명 y 연 M 월 d 일 E 요일명 u 요일 (1 = 월요일, 2=화요일, ..., 7 = 일요일) a 오전인지 오후인지 ("AM" or "PM" / 한글환경이면 "오전" or "오후") H 24시간..

javascript location.href와 location.replace location.href location.replace 기능 새로운 페이지로 이동 기존페이지를 새로운 페이지로 변경 형태 속성 메서드 주소 히스토리 기록됨 기록 X 예시 location.href='/' location.replace('/') 자바스크립트에서 페이지를 이동시킬 때 보통 location.href를 사용한다. 이때, 페이지가 변경될 때 기존에 있던 페이지로 뒤로가기를 막고 싶다면 location.replace를 사용하면 된다. location.replace는 현재 페이지를 새로운 페이지로 덮어 씌우는 것이기 때문에 뒤로가기 버튼을 눌러도 소용이 없다. https://blog.naver.com/yiuse78/501002..

javascript confirm(선택창) javasciprt에서 아래와 같이 확인, 취소 선택이 가능한 창을 만들기 위해서는 confirm() 함수를 사용하면 된다. 아래의 선택창 https://ungdoli0916.tistory.com/471 (즐거웅코드) 자바스크립트 confirm(선택창) true/false 구분하여 이벤트 실행시키기 [즐거'웅'코드] 목차 JAVASCRIPT 예제 소스 구현 예시 JAVASCRIPT 1 2 3 4 5 6 7 if (!confirm("확인(예) 또는 취소(아니오)를 선택해주세요.")) { // 취소(아니오) 버튼 클릭 .. ungdoli0916.tistory.com

JSTL 변수 선언 및 출력 - , JSTL을 사용해 변수 선언을 하려면 을 사용하면 되는데 아래와 같이 사용하면 된다. 변수를 출력하기 위해서는 을 아래와 같이 사용하면 된다. http://www.devkuma.com/books/pages/1185 프로그램 개발 지식 공유, devkuma 데브쿠마는 프로그래밍 개발에 대한 지식을 공유합니다. www.devkuma.com

JSTL if~ else~문 - , JSTL에서 if~ else~문을 사용하기 위해서는 와 를 사용하면 된다. 단순히 else문이 필요없고 if문만 필요한 경우 를 아래와 같이 사용하면 된다. 관리자입니다! if~ else if~ else~문의 역할이 필요한 경우는 를 아래와 같이 사용하면 된다. 을 if와 else if 처럼 사용하고 를 else의 역할로 사용하면 된다. 관리자입니다! 사용자입니다! 누구세요? https://dullyshin.github.io/2019/08/08/JSTL-if/ JSTL-if, if else 5분안에 정복하기 IF문 : 단순 if문을 구성할때 사용할 수 있습니다. 1234567891011121314 JSTL IF ~ ELSE 문 - 와 JSTL에도 IF문과 같은 분기문을..