ImJay

[JavaScript] 간단한 드래그 앤 드롭 예제 (Drag&Drop) See the Pen Untitled by Jay (@ijkgit) on CodePen. 이 코드는 HTML Drag and Drop API를 사용하여 화면 어디든지 드래그하여 요소를 놓을 수 있는 간단한 예제입니다. 이 HTML 코드는 드래그 가능한 요소를 생성하고, 해당 요소를 드래그할 때 실행될 JavaScript 함수를 호출하는 구조를 가지고 있습니다. function drag(ev) { // 드래그하는 요소의 ID를 데이터로 설정 ev.dataTransfer.setData("text", ev.target.id); } drag 함수는 드래그가 시작될 때 호출되는 함수입니다. 이 함수에서는 ev.dataTransfer.setD..

html a 태그에는 disabled 속성이 따로 적용되지 않는다. 보통의 경우 css 의 pointer-events 메소드를 사용한다. a.disabled { pointer-events: none; cursor: default; } 그러나, 이 경우는 시각적으로만 접근을 못하게 할 뿐 onclick 에 메소드가 존재할 경우 해당 메소드가 그대로 노출된다. 브라우저에서 개발자 도구 콘솔로 해당 메소드를 입력할 경우 그대로 접근할 위험이 있다. pointer-events: none; 스타일은 해당 엘리먼트가 마우스 이벤트를 받지 않도록 막는 CSS 속성이다. 그러나 이는 단지 시각적으로 클릭을 막을 뿐이며, 실제로는 JavaScript에 의해 연결된 이벤트 핸들러가 여전히 실행될 수 있다. 이 취약점을 막..

[SW Expert Academy] 18799. 평균의 평균 SW Expert Academy SW 프로그래밍 역량 강화에 도움이 되는 다양한 학습 컨텐츠를 확인하세요! swexpertacademy.com 풀이 # 테스트 케이스의 수 T를 입력 받음 T = int(input()) # 부분집합의 평균을 계산하는 함수 정의 def avg(num): return sum(num) / len(num) # 각 테스트 케이스에 대해 반복 for t in range(1, T + 1): # 집합의 크기 n 입력 n = int(input()) # 집합 S를 구성하는 n개의 정수를 리스트로 입력 S = list(map(int, input().split())) # 부분집합을 저장할 리스트를 초기화하고, 전체 부분집합의 평균을 ..

[SW Expert Academy] 19003. 팰린드롬 문제 SW Expert Academy SW 프로그래밍 역량 강화에 도움이 되는 다양한 학습 컨텐츠를 확인하세요! swexpertacademy.com 풀이 # 테스트 케이스의 개수 입력 TC = int(input()) # 각 테스트 케이스에 대해 반복 for t in range(TC): # 현재 테스트 케이스의 N과 M 값을 입력받음 N, M = map(int, input().split()) # 답, 카운트, 회문 여부를 나타내는 플래그를 초기화 ans = cnt = 0 p = False # 회문 여부를 판별할 문자열을 저장할 리스트 isNot = [] # 회문 여부 판별을 위한 입력 반복문 for _ in range(N): s = input().r..

폼에 defaultbutton option 을 설정할 경우, 해당 스크립트가 자동으로 추가된다. ScriptManager.RegisterStartupScript(Page, typeof(Page), "Script", "SyncTab();", true); 따라서 위 태그를 서버에서 RegisterStartupScript 와 함께 사용할 시, defaultbutton 옵션도 후위 스크립트에 추가되기 때문에, 둘이 함께 실행되어 의도치 않은 결과가 나올 수 있다. webForm 에서 어? 왜 안되지? 하는 것에 99%는 UpdatePanel 과 ScriptManager 문제인듯 하다.

[파이썬/Python] 프로그래머스 176963번 추억 점수 프로그래머스 코드 중심의 개발자 채용. 스택 기반의 포지션 매칭. 프로그래머스의 개발자 맞춤형 프로필을 등록하고, 나와 기술 궁합이 잘 맞는 기업들을 매칭 받으세요. programmers.co.kr 문제 제한 사항 입출력 예 입출력 예 설명 풀이 def solution(name, yearning, photo): answer = [] for p in photo: score = 0 for person in p: if person in name: score += yearning[name.index(person)] answer.append(score) return answer 코드 설명 빈 리스트 answer를 초기화합니다. 이 리스트는 각 사진별로 ..

오류 내용 프로젝트의 모든 jsp 에서 The superclass "javax.servlet.http.HttpServlet" was not found on the Java Build Path 컴파일 에러 발생 해결하기 위해 수행했던 과정들 서치했을 때 대부분 두가지 방법으로 해결하셨었다. 첫번째 방법 1. 프로젝트 우클릭 > Properties 2. Java Build Path > Libraries > Add Library.. 3. Server Runtime > Next 4. 본인에게 해당하는 Tomcat version 선택 > Finish 5. Apply and Close 나는 안됨 두번째 방법 1. 프로젝트 우클릭 > Properties 2. Project Facets > Java > Runtimes..

[Java Spring] 3-2. IP(인터넷 프로토콜) 내가 원하는 곳까지 데이터를 전달하기 위해서는 우선 나와 상대방의 IP 주소가 필요하다. 이 때 IP(인터넷 프로토콜)의 역할은 다음과 같다. 지정한 IP 주소(IP Address)에 데이터 전달 패킷(Packet)이라는 통신 단위로 데이터 전달 패킷에는 출발지 IP, 목적지 IP, 전송 데이터 등이 담겨 있다. 클라이언트가 이 패킷을 전송하고, 서버가 패킷으로 응답을 하면서 통신이 이루어진다. 그러나, 이러한 IP 프로토콜은 다음과 같은 한계가 있다. 비연결성 패킷을 받을 대상이 없거나 서비스 불능 상태여도 패킷 전송 비신뢰성 중간에 패킷이 사라지면? 패킷이 순서대로 안오면? 프로그램 구분 같은 IP를 사용하는 서버에서 통신하는 애플리케이션이 둘..

[Java Spring] 3-1. 인터넷 통신 인터넷에서 컴퓨터 둘은 어떻게 통신할까? 내가 보내고자 하는 데이터는 복잡한 인터넷 망을 거쳐서 목적지에 전달된다. 이 과정에서 발생하는 복잡한 일들을 이해하기 위해서는 우선 IP(인터넷 프로토콜)에 대해 이해해야 한다.

[Java Spring] 3-0. 모든 개발자를 위한 HTTP 웹 기본 지식 모든 개발자를 위한 HTTP 웹 기본 지식 - 인프런 | 강의 실무에 꼭 필요한 HTTP 핵심 기능과 올바른 HTTP API 설계 방법을 학습합니다., [사진] 📣 확인해주세요!본 강의는 자바 스프링 완전 정복 시리즈의 세 번째 강의입니다. 우아한형제들 최연소 기술 www.inflearn.com