공부방108 Trailing slash on void elements has no effect and interacts badly with unquoted attribute values 목차1. 발생원인2. 해결방법3. 참고사항 1. 발생원인 HTML 문서에서 void element (닫는 태그가 없는 요소) 뒤에 슬래시(/)를 사용할 때 발생. void element에는 일반적으로 이미지, 링크 및 입력 요소와 같은 요소가 포함된다. 1.1 문제점 1) 효과없음 void element 뒤에 슬래시를 사용해도 실제로는 아무런 효과가 없어서 문법에 맞게 사용시 문제될게 없긴하다. 2) 문제 발생 슬래시를 사용하면 따옴표 없는 속성 값을 사용할 때 오류가 발생할 수 있다.잘못된 코드의 예시img src=test.jpg />이 코드에서 브라우저는 test.jpg가 속성 값인지 파일 이름인지 구분할 수 없어 오류가 발생 2. 해결 방법 1) 슬래시 제거 void element.. 2024. 6. 30. insertAdjacentHTML vs innerHTML 차이점(보안) 목차1. 개요2. 작동 방식3. 성능4. 보안5. 사용 시나리오 1. 개요 insertAdjacentHTML과 innerHTML은 웹 개발에서 DOM 요소를 조작하는 데 사용되는 두 가지 중요한 JavaScript 메서드. 하지만 각 메서드는 작동 방식, 성능, 보안 측면에서 몇 가지 주요 차이점을 가지고 있다. 여기서는 두 메서드의 차이점을 명확하게 비교 분석하여 개발자가 상황에 맞는 적절한 메서드를 선택할 수 있도록 하자. 2. 작동 방식 1) innerHTML ○ 대상 요소의 모든 자식 요소를 제거하고 전달된 HTML 문자열로 완전히 대체 ○ 마치 요소 내부를 빈 캔버스처럼 비우고 새로운 그림을 그리는 것과 유사 ○ 이미 존재하는 이벤트 리스너, 데이터 속성 등이 모두 삭제2) inser.. 2024. 6. 22. UUID에 대해 알아보자 목차1. UUID란 무엇인가?2. UUID의 버전3. UUID 생성 방법4. UUID 활용 사례5. UUID의 장단점 및 주의사항 1. UUID란 무엇인가? 1.1 정의 및 개념 UUID(Universally Unique Identifier)는 전 세계적으로 고유한 식별자를 생성하기 위한 표준 주로 컴퓨터 시스템에서 객체를 식별하는 데 사용. UUID는 RFC 4122에 정의되어 있으며, GUID(Globally Unique Identifier)라고도 함. 1.2 UUID의 형식 UUID는 128비트 크기의 숫자이며, 일반적으로 16진수로 표현됩니다. 5개의 그룹으로 구분되어 총 36자의 문자열 형식을 갖습니다. 예제 : 123e4567-e89b-12d3-a456-426614174000 .. 2024. 6. 10. XML 쿼리에서 비교연산자 에러 해결( <![CDATA[ > ]]> ) JAVA를 이용해서 일을 하는중에 컴파일을 하는데 알 수 없는 오류가 발생했다.(해결후에 스샷을 안뜬걸 생각해냄... 하하...)The content of elements must consist of well-formed character data or markup.대략 이런 오류 메세지였던거 같다SELECT A, B, C, D FROM TESTWHERE A > 0 AND B 대략 이런 쿼리를 보면 그냥 쿼리만 딱 봤을땐 이상할게 없다이게 왜?? 머가 문제인가?? DB툴에서 돌려봐도 오류 없이 조회가 잘된다. 결국 이러저리 찾아보다 발견된 이 쿼리가 오류가 난 이유..해결결론은 이걸 사용하지 않아서 발생한 문제다.스프링 프로젝트에서는 xml에 쿼리문을 작성할 때, 등의 비교연산자나 부등호를.. 2024. 5. 22. window.print() 사용법 목차1. window.print() 기능2. window.print() 장점3. window.print() 단점4. 기본 사용법5. 고급 사용법 1. window.print() 기능 window.print()는 자바스크립트 함수로, 현재 웹 브라우저 창에 표시된 내용을 프린터로 출력. 웹 개발에서 자주 사용되는 기능이며, 프린트 버튼 클릭 시 자동으로 호출되기도 한다. 2. window.print() 장점 1) 간편하게 웹 페이지 프린트 가능2) 프린트 영역 및 옵션 설정으로 원하는 내용만 출력 가능3) 자바스크립트로 동적으로 프린트 제어 가능 3. window.print() 단점 1) 모든 브라우저에서 동일하게 작동하지 않을 수 있음2) 프린터 설정에 따라 출력 결과 달라질 수 있음3) .. 2024. 5. 18. 따옴표(쌍따옴표, 홑따옴표) 중복으로 표시하는 방법 프로그램을 코딩하다 보면따옴표를 중복으로 입력해야 하는 경우가 생긴다.문제점let test = " '테스트' 입니다. ";이 경우에는 정상적으로 실행이되지만let test = " "테스트" 입니다.";이 경우에는 쌍따옴표가 중복이 나서 제대로 실행이 되지 않는다.JavaScript에서 코딩하다보면 저런식으로 쌍따옴표(")와 홑따옴표(')를 같이 중복으로 사용해야 하는 경우들이 생기는데보통 innerHtml 같은 명령을 쓸때 나오는 문제점이다.기존에 쌍따옴표는 쌍따옴표끼리 쓰고 홑따옴표는 홑따옴표끼리만 써야하는데 중간중간에 얽혀서 중복으로 사용해야만 하는경우가 생겨서 고민이 많이 되는데 해결방법escape 문자를 사용해서 중복으로 사용이 가능하도록 할 수 있다.let test = " \"테스트\" 입니다... 2024. 5. 9. 이전 1 2 3 4 ··· 18 다음
