분류 전체보기 558

[지식루프 IT공부] .remove, .prepend, .append, .before, .after 를 이용한 노드 삭제, 이동방법

1. .remove()를 이용한 노드 삭제.remove() 메서드는 DOM에서 특정 요소를 삭제하는 데 사용됩니다. 이 메서드는 해당 요소를 DOM 트리에서 완전히 제거하며, 더 이상 페이지에 표시되지 않습니다.예제: 노드 삭제html미리보기접기자동 줄바꿈복사` 항목 1 항목 2 항목 3 항목 2 삭제 `설명:코드 동작:항목 2 요소를 getElementById로 선택한 뒤, .remove()를 호출해 삭제합니다.버튼을 클릭하면 item2가 DOM에서 제거되어 더 이상 화면에 표시되지 않아요.결과:삭제 전: 항목 1항목 2항목 3삭제 후: 항목 1항목 32. prepend, append, before, after를 이용한 노드 이동prepend, append, before, after는 새로운..

IT공부 2025.03.25

[지식루프 IT공부] prepend, append, before, after의 차이

prepend, append, before, after의 차이.이는 JavaScript에서 DOM(Document Object Model)을 조작하는 방법인데, 각각의 메서드가 HTML 요소를 어떻게 다루는지 보여주고 있습니다.코드 분석*append (코드: tomorrow.append(last))의미: append는 특정 요소의 맨 끝에 새로운 요소를 추가합니다.코드 설명:last라는 요소(마지막)를 tomorrow라는 부모 요소의 맨 마지막 자식으로 추가해요.즉, tomorrow 요소 안에 이미 자식 요소들이 있다면, 그 뒤에 last가 붙습니다.예시 결과: 만약 tomorrow가 기존였다면, append(last) 후에는 기존마지막가 됩니다.*prepend (코드: tomorrow.prepend(f..

IT공부 2025.03.25

맥북 화면분할 단축키

제 유튜브에 있는 영상 링크드립니다. https://youtube.com/shorts/XNWP-QjTzjo?feature=share 구독과 좋아요 도 부탁드리며,, 흠흠  정렬 부분을 보시면 됩니다. 펑션키 + 컨트롤 + 시프트 +  방향키 인데, 펑션키 + 컨트롤 + 시프트  이 부분을 저는 닭발이라고 부릅니다. 키가 다 한군데 몰려있어서, 동시에 누르려면 손모양이 닭발처럼 되서요 ㅎㅎ  닭발 + 방향키 라고 외워두시면 헷갈릴 일은 없으실 듯 합니다.

IT공부 2025.03.25

[지식루프 경제공부] 최근 알테오젠 주가 하락 이유

최근 알테오젠 주가 하락 원인 분석 보고서1. 요약최근 알테오젠의 주가가 상당 폭으로 하락했으며, 특히 2024년 11월 말과 2025년 3월에 두드러진 하락세를 보였습니다. 본 보고서는 이러한 주가 하락의 주요 원인을 분석하고 있습니다. 분석 결과, 주된 요인은 다음과 같습니다. 첫째, 할로자임과의 특허 분쟁 가능성에 대한 우려와 시장의 추측이 투자 심리를 위축시켰습니다. 둘째, 알테오젠의 핵심 기술이 적용된 머크(MSD)의 피하주사(SC) 제형 키트루다의 임상 3상 결과에 대한 불확실성과 부정적 전망이 주가에 영향을 미쳤습니다. 셋째, 회사가 고려 중인 상환전환우선주(RCPS) 발행 가능성이 주식 가치 희석에 대한 우려를 낳아 주가 하락을 부추겼습니다. 마지막으로, 전반적인 국내 바이오 시장의 분위기..

경제공부 2025.03.25

[지식루프 IT공부] innerHTML이 위험한 이유

innerHTML를 사용하면 왜 위험할까요? 사용자로부터 입력값을 받아서 그 값을 innerHTML로 처리하면, 입력값에 악의적인 코드가 포함되어 있을 경우 사이트의 내부 코드나 동작이 바뀌거나 손상될 수 있기 때문입니다. 좀 더 구체적으로 풀어서 설명해볼게요.상황 설명사용자 입력값: 예를 들어, 웹사이트에 댓글 기능이 있다고 가정해봅시다. 사용자가 댓글 입력란에 텍스트를 작성하고 제출하면, 서버를 거쳐 클라이언트(브라우저)에 그 내용이 표시됩니다.innerHTML 사용: 그 댓글을 화면에 띄우기 위해 같은 요소에 innerHTML로 삽입한다고 해보면:const userInput = document.getElementById("user-comment").value; *// 사용자 입력값* documen..

IT공부 2025.03.24

충격 뉴스 - 두바이에서 실종됐던 우크라이나 국적의 여성 인플루언서, 길거리에서 사지가 부러진 채 발견

심각한 여성 성 착취 파티 ‘포르타 포티’ 희생 가능성두바이에서 실종됐던 우크라이나 국적의 여성 인플루언서가 길거리에서 사지가 부러진 채 발견됐다.지난 20일 우크라이나 어포스트로피 등에 따르면 우크라이나의 인플루언서 마리아 코발추크는 실종 10일 만에 팔다리와 척추가 부러지고 피투성이가 된 채 두바이 길거리에서 발견됐다.보도에 따르면 코발추크는 지난 9일 모델 에이전트라는 두 남성과 함께 두바이 한 호텔에서 열린 파티에 참석했다. 코발추크는 하루 뒤에도 남성들과 함께 있다는 연락을 엄마에게 남겼고, 이후 갑자기 연락이 끊겼다.코발추크는 지난 11일 두바이에서 태국으로 가는 비행기에 탑승해야 했으나 공항에 나타나지 않았고, 이에 가족과 친구들이 경찰에 신고했다. 코발추크는 지난 19일 두바이 길거리에서 ..

사회이슈 2025.03.24

한덕수 총리 탄핵 기각 사유

한덕수 총리 탄핵안이 기각되었습니다. 기각 의견을 낸 재판관들 사이에서도 한 총리의 법적 책임에 대해서는 의견이 엇갈렸습니다. 문형배·이미선·김형두·정정미 재판관은 재판관 후보자 임명 보류가 헌법과 법률을 위반한 행위임을 인정하였으나, 해당 위반이 파면을 정당화할 정도로 심각하지는 않다고 판단하였습니다.헌법재판소에서 ‘기각 의견’을 낸 재판관들이 한덕수 총리의 법적 책임을 두고 입장이 달랐다는 점에서, 많은 국민들이 "위반을 인정했는데 왜 파면까지 가지 않았는가", "심각하지 않다고 본 근거는 무엇인가"라는 의문을 가질 수 있습니다. 이에 대해 아래와 같이 설명드립니다.1. 위반을 인정했음에도 파면까지 가지 않은 이유헌법재판소의 탄핵 심판은 단순히 헌법이나 법률 위반 여부만을 판단하는 것이 아니라, 해당..

사회이슈 2025.03.24

맥북/윈도우 vscode 단축키

맥북 vscode 사용 시 편리한 단축키 소개드립니다.  #맥북 vscode 단축키 반복되는 코드를 한번에 수정하기맥 단축키: Command + D   또는 Command + Option + 방향기 ↑ / ↓ 로 선택윈도우 단축키: CTRL + D변수명/함수명 한번에 바꾸기단축키: F2코드 위/아래로 이동하기맥 단축키: Option + ↑ 또는 ↓윈도우 단축키: Alt + ↑ 또는 ↓코드 위/아래로 복사하기맥 단축키: Shift + Option + ↑ 또는 ↓윈도우 단축키: Shift + ↑ 또는 ↓코드를 한번에 주석 처리하기맥 단축키: Command + /윈도우 단축키: Ctrl+ /여러줄에 커서 선택하여 수정하기맥 단축키: Option + 마우스 클릭윈도우 단축키: Alt + 마우스 클릭다중 커서 선..

IT공부 2025.03.24

법률 용어 - 기각과 각하의 차이

판결에서 "기각"과 "각하"의 차이는 판결의 성격과 결과를 이해하는 데 중요한 개념입니다. 아래에 간단히 설명드릴게요:1. 기각 (Dismissal on Merits)의미: 헌법재판소가 사건의 본질적인 내용(본안)을 심리한 후, 청구인의 주장이 이유 없다고 판단하여 청구를 받아들이지 않는 결정입니다.상황: 청구가 적법하게 제기되었고, 절차상 문제는 없지만, 내용적으로 헌법 위반이 아니거나 청구 요건을 충족하지 못한다고 판단될 때 내려집니다.결과: 사건이 종결되며, 청구인의 주장이 실질적으로 배척됩니다.예시: "이 법률은 헌법에 위반되지 않으므로 기각한다."2. 각하 (Dismissal without Prejudice)의미: 헌법재판소가 본안을 심리하기 전에, 절차적 요건이나 제출 조건을 충족하지 못해 사..

[지식루프 IT공부] JavaScript 배열의 기본 메서드 정리

📌 JavaScript 배열의 기본 메서드 정리JavaScript의 배열(Array)은 여러 개의 데이터를 저장하고 조작할 수 있는 다양한 메서드(method) 를 제공합니다. 아래에서 자주 사용되는 배열 메서드 15가지를 설명해드리겠습니다.✅ 배열 요소 추가 및 제거 메서드1️⃣ push(요소) - 배열 끝에 요소 추가배열의 끝에 새로운 요소를 추가합니다. let arr = ["a", "b"];arr.push("c"); console.log(arr); // ["a", "b", "c"]2️⃣ pop() - 배열 끝 요소 제거 & 반환배열의 마지막 요소를 제거하고 그 값을 반환합니다. let arr = ["a", "b", "c"];let removed = arr.pop();console.log(arr);..

IT공부 2025.03.18