전체 글119 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. 논리적 오류(Logical Errors)에 대해 알아보자 목차1. 논리적 오류 개요2. 논리적 오류 발생 원인3. 논리적 오류 코드 예제4. 논리적 오류 디버깅5. 논리적 오류 테스트6. 논리적 오류 코드 리뷰7. 논리적 오류 주의 사항8. 결론 1. 논리적 오류 개요 논리적 오류는 프로그램의 실행 결과가 예상과 다르게 나타나는 경우를 의미한다. 컴파일러나 런타임에서 오류를 감지하지 못하기 때문에 디버깅이 어려울 수 있다. 이러한 오류는 주로 코드의 논리적인 부분에서 발생하며, 프로그램의 설계나 알고리즘에 문제가 있을 수 있다. 2. 논리적 오류 발생 원인 논리적 오류가 발생하는 주요 원인1) 잘못된 조건문 사용 : 부정확한 조건문을 사용하여 예상과 다른 분기로 코드가 실행되는 경우2) 잘못된 반복문 사용 : 반복문의 조건이나 반복 횟수를 잘못 .. 2024. 5. 8. 이전 1 2 3 4 ··· 20 다음
