전체 글 (17) 썸네일형 리스트형 HTML5에서 Vanilla JavaScript를 활용한 DOM 조작: innerHTML vs DOMParser vs createElement HTML5에서 Vanilla JavaScript를 활용한 DOM 조작 HTML5를 사용할 때 Vanilla JavaScript만을 이용하여 DOM을 생성하는 방법에 대해 알아보겠습니다. 다음은 각 방법별 예시 코드입니다. 1. innerHTML을 이용하는 방법 const container = document.getElementById('container'); container.innerHTML = 'Hello, innerHTML!'; innerHTML은 간단하게 HTML 문자열을 DOM 요소의 내용으로 삽입합니다. 그러나 이 방법은 보안상 취약점을 내포하고 있고, 기존의 DOM 구조를 파괴할 수 있으므로 사용을 지양해야 합니다. 2. DOMParser를 이용하는 방법 cons.. Win10에서 Apache 2.4와 Certbot(https) 그리고 왜 안돼? 1. OneDrive와 싸움 우선 글쓰기에 앞서 뻘짓으로 많은 시간을 날려먹었다. 이게 다 전에 겪었던 일 이었던 것 같은데... 당시 손으로 기록을 남겼거나 아니면 바쁘단 핑계로 기록을 남기지 않은 것 같다. 우선 OneDrive 놈이 또 사고를 쳐서(깔끔하게 사용 못하는 내 잘못이겠지만 ㅠㅠ) 개인 PC에 테스트 환경 구성을 다시 진행했다. Apache는 기존에 있던 것을 그대로 사용하려고 하는데. 분명 전에 구동해서 몇번 테스트를 진행했는데, 이게 또 오늘 하려니까 안돌아가는거다. 내 예상으로는 직전에 그만두었던 직장 노트북에 개인 MS Office랑 OneDrive가 설치되어 있었는데. 로그아웃을 해두고 나왔음에도 뭔가의 이유로 다시 붙은 것 같다. 그러면서 OneDrive가 뭘 또 업데이트 한게.. getter 와 setter 아래의 내용 중 메서드를 사용하기 때문에 느리다는 식의 이야기는 지금에 와서는 큰 의미가 없다는 것을 알게 되었다. 사실 그렇게 따지면 JVM을 쓰는 것 자체가 C보다는 리소스를 더 쓰고 더 무겁다. 하지만 이것은 상대적인 것이지 클라이언트 컴퓨팅 파워 마저 옛 서버 PC이상의 성능을 내고 있는 요즘 세대에 와서는 큰 고려 대상이 아닌 것으로 보인다. 만약 당신이 극한상황의 Embedd 프로그램을 만드는 것이라면 애초에 JVM보단 다른 선택을 할 것이기 때문에 아래의 Getter, Setter는 성능과 연결지어 생각하는 것보다는 원래의 목적에 포커스를 맞추는 것이 좋을 듯 하다. Getter, Setter에 대해 사람 몸으로 예시를 들자면, 입을 통해 음식을 씹어 삼켜서 소화를 시켜야 정상적으로 영양분을.. JS는 Template Literal, python은 f-string, 그럼 Java는? 1. 들어가며 최근 개발 언어에서 문자열 포맷팅을 위한 새로운 기능들이 추가되고 있습니다. 예전에는 문자열을 결합하기 위해서 + 연산자나 String.format()과 같은 메서드를 사용했지만, 이제는 새로운 기능들을 통해 간단하게 문자열을 포맷할 수 있게 되었습니다. Python에서는 f-string이라고 불리는 새로운 포맷팅 기법이 추가되었고, Javascript에서는 Template Literal이라는 새로운 문자열 표기법이 등장했습니다. 그렇다면 Java에서는 어떤 기능을 제공할까요? 이번 포스트에서는 Java에서의 문자열 포맷팅 기법인 Text Block과 printf에 대해 알아보도록 하겠습니다. 2. 자바, 자바스크립트, 파이썬 문자열 포맷팅 비교 Javascript와 Python은 각각 T.. JAVA Study Memo 1 아래의 내용은 2020년도 공부당시 정리했던 https://blog.naver.com/csound93/221805026966 블로그의 내용을 옮겼습니다. 지금와서 돌아보면 그냥 난잡하게 글을 썼던 것 같네요. 추후 포스트를 통해 이전블로그에서 작성했던 내용들을 다시 정리해 보는 시간도 갖도록 하겠습니다. - 기본 데이터 타입의 종류 : byte(1byte), short(2), char(2, 유니코드 문자 사용), int(4), long(8), float(4), double(8) // 작은 상자에 담겨 있던 내용물을 큰 상자에 옮기는 건 가능하지만, 큰 곳에 있던 것을 작은 곳으로 옮기는 것은 불가능하다. // 자바에서 default 값 : 정수는 int 이고, 실수는 doub.. 이전 1 2 3 4 다음