PORORIRI

동적으로 태그의 내용이 변경되는 경우, 변경 이후에는 기존에 바인딩된 이벤트가 동작하지 않게 된다. 나의 경우에는 ajax 통신으로 값을 받아와 태그 속의 내용을 변경 했을 때 그러한 상황을 경험했다. 그 이유는 동적 태그의 경우 document.ready()의 동작이 작용하지 않기 때문이다. document.ready는 페이지가 로드 되면서 이벤트를 할당해주는데 로드 되기 전에 존재 하지 않던 부분이라 이벤트 할당이 되지 않기 때문이다. 그를 위해서 동적 태그는 아래와 같이 .on을 사용해 주면 된다. $(document).on('click','.selectBox_Branch .box .list', function(e){ that.listSelectBranch($(e.target)); });

|삽질 기록 모바일 웹에서 동영상 스트리밍 기능을 테스트 하던 중 아이폰에서 영상의 video가 재생이 되지 않는 문제를 발견했다. 처음에는 뭐가 문제인지 아예 감을 못잡아서 디버깅 해보려고 맥북에서 부트캠프로 맥과 윈도우를 왔다 갔다 하다가 피시가 아예 터져버렸다..😢 그 뒤로는 무한 복구 모드.. 결국 다행히 오늘치의 작업분은 백업을 해둬서 큰 맘먹고 윈도우를 아예 초기화를 하고 디버깅 환경을 내 피시말고 다른 맥북에 세팅했다. 하지만 결국 별다른 문제를 찾지 못하며 이틀째 삽질하다가 원인을 찾아냈다. |해결방법 및 원인 if(videoSrc != '') { if (video.canPlayType('application/vnd.apple.mpegurl')) { video.src = videoSrc; ..

html 리스트 요소의 인덱스를 받아와서 css를 변경해야 할때가 있다. 예를 들어 나열되어있는 리스트를 클릭 했을때 색상을 변경해주는 등의 이벤트를 할 때 선택 요소의 css 변경이 필요하다. 그럴때는 eq() 함수를 이용하면 된다. |사용 예시 function listClick(e){ $(".mylist").find('li').eq($(e).index()).css('background-color','#f2f2f2'); } mylist 클래스의 li 태그 중에서 클릭한 인덱스의 css를 변경하는 예제이다. 위의 예제에서는 선택한 리스트의 배경 색상을 #f2f2f2로 변경해주는 코드이다. eq(인덱스) eq안에는 인덱스가 들어가는데, 클릭이벤트가 실행될때 클릭이벤트가 실행된 객체를 입력 받고, 입력받은 ..

|Uncaught TypeError: Failed to execute 'putImageData' on 'CanvasRenderingContext2D': parameter 1 is not of type 'ImageData'. html 캔버스를 사용 할 때 캔버스의 내용을 저장 하던 중 발생한 에러이다. imageData 타입이 아니다라는 뜻 나의 경우 json으로 저장햇었어서 json 데이터를 인식을 못한 것. 그냥 imageData로 저장하고 바로 함. |메시지 Handler dispatch failed; nested exception is java.lang.Error: Unresolved compilation problems: → 프로젝트 클린하기 |Uncaught SyntaxError : Unexpe..

html태그와 연결된 jsp 변수의 값을 html에서 가져와야 할 때가 있다. 이럴때는 다음과 같은 방법으로 변수의 값을 확인 하면 된다 console.log(window['변수명']) //내용 가져오기 console.log(window['변수명'].textContent) //text 값 가져오기 cctvName = cctvTextName3.textContent; //html에서는 이렇게

png 파일을 넣었는데 이미지가 자꾸 흐릿하게 깨지는 문제가 발생함. 파일 사이즈를 아무리 키워도 똑같았음. 원인은 벡터 이미지 에서 png 로 저장되면서 화질 저하가 일어나서 그랬던 것. 해결방법 png확장자로 이미지 사이즈를 키워도 똑같이 깨질 수 있음. .svg 확장자(벡터 이미지로 저장하면 깨지지 않는다.

스프링 부트 2.2 부터 JUnit 채택했다고 함. 그래서 2.2 버전 이후부터 사용 가능하다. java 8 버전부터 JUnit 이 사용 가능 하니, 자바 버전을 그 이상으로 맞춰줘야 한다. Spring Initialize로 생성한 프로젝트에는 build.gradle 에 알아서 들어가 있다. testImplementation('org.springframework.boot:spring-boot-starter-test') { exclude group: 'org.junit.vintage', module: 'junit-vintage-engine' } |어노테이션 Annotation @Test 테스트를 만드는 어노테이션. 테스트 코드 위에 사용해준다. @Test void findMembers() { //테스트 함..

회사에서 수습 프로젝트가 끝나고 업무보조로 선배가 개발중인 프로젝트의 웹페이지 스타일 입히는 것을 일부 맡게 되었다. 웹은 웹해킹만 해봤지 프론트 개발 경험은 전무해서 하나하나 찾아가며 공부하고 익히며 진행했다. 일부 영역에 스타일을 입히기 위해 태그를 사용하였는데 자꾸 의도치 않은 줄바꿈이 생기는 거다. 그 이유는 아래와 같다. div의 display 기본 설정은 block 이기 때문 div 태그와 함게 많이 쓰이는 태그도 있는데 둘의 차이점은 div의 display는 block, span은 기본 inline 따라서 div를 사용 하는데 줄바꿈을 금지 하기 위해서는 아래와 같이 해주면 된다. 만약 div에 크기 지정을 해줄 때에는 inline-block 옵션을 사용해야 한다. inline옵션에서는 크기..