본문 바로가기

programming study

 (889)
[코드잇] jQuery 활용하기 (2) (2021.2.27) 본 내용은 해당 강의 토대로 작성 이벤트 01. 이벤트 객체 파라미터 $('document').on('keydown', keyboardInput); // 이벤트 등록 function keyboardInput(e){ console.log(e.key); } 위와 같이 이벤트 등록 시, 이벤트 핸들러 함수를 호출하는 코드가 자바스크립트 내부에 이미 구현되어 있다. 함수 선언 시, 파라미터를 넣는 것만으로 이벤트 객체의 전달이 가능하다. 02. $(document).ready 와 익명함수 ready 이벤트 script 태그를 body 마지막 부분에 쓰는 이유 코드는 위에서 아래로 읽히는데 모든 DOM 객체가 준비가 되야 하므로 script 태그를 head 태그에 넣는 경우 $(document).ready(fun..
[코드잇] jQuery 활용하기 (1) (2021.2.26) 본 내용은 해당 강의 토대로 작성 jQuery I 01. DOM pt.1 문서 객체 모델(Document Object Model, DOM) 브라우저가 HTML 문서를 정리하여 객체로 만들고 보여준다. 태그의 부모 - 자식 관계로 객체가 만들어짐 02. DOM pt.2 Document: 최상위 객체 DOM 트리에 접근을 가능하게 한다. 메소드를 이용하여 객체 접근 03. jQuery 사용해보기 $('selector').method(); dot(.)을 기준으로 두 부분으로 나눌 수 있다. selector: 요소를 선택하는 부분 CSS의 선택자 태그 명 가상 클래스와 같은 복잡한 선택자도 가능 method: 요소에 대해 동작하는 부분 04. jQuery 내부 살펴보기 jQuery는 JavaScript의 라이브..
[코드잇] 기본 자료 구조들 (1) (2021.2.26) 본 내용은 해당 강의 토대로 작성 자료 구조란? 01. 자료 구조란? 자료 구조: 데이터를 저장, 관리하기 위해 사용하는 구조 데이터의 효율적인 접근 및 조작을 가능하게 하주는 저장 및 관리 방식 02. 상황에 맞는 자료 구조 각 자료구조마다 장점, 단점이 있다. 모든 경우에 제일 좋은 자료구조는 없다. 각 상황에 알맞은 자료구조를 선택해서 사용한다. 컴퓨터가 데이터를 저장하는 법 01. 스토리지 vs. 메모리 자료 구조의 목적: 자료를 구조화하여 데이터를 효율적으로 사용 컴퓨터에 데이터가 어떻게 저장되는지 알아야 한다. 데이터가 저장되는 곳 스토리지 (Storage) 메모리 (Memory) 스토리지 (Storage) 데이터가 영구적으로 저장되는 곳 사진, 음악, 영상, 워드문서 등 데이터를 저장, 불러..
[코드잇] jQuery 시작하기 (2021.2.26) 본 내용은 해당 강의 토대로 작성 jQuery 01. jQuery JavaScript를 간단하게 사용할 수 있게하는 라이브러리 적용하기 1. jQuery CDN 2. jQuery 코드 다운로드 jQuery 사이트 다운로드 후, 아래를 코드 입력 문법 $('selector').attr('property', 'property value'); $('selector').css('property', 'property value'); attr: 속성을 바꾸는 메소드 첫 번째 파라미터: 속성 두 번째 파라미터: 속성값 css: style을 설정하는 메소드 첫 번째 파라미터: 속성 두 번째 파라미터: 속성값 02. 이벤트 HTML 요소들에게 일어날 수 있는 일들 요소를 클릭 페이지 로딩이 끝남 키보드를 입력 마우스의 ..
JavaScript 노트 (01) Math 절댓값 (Absolute Number) Math.abs(number); number: 양수 혹은 음수 최댓값 (Maximum) Math.max(num1, num2, num3, num4, num5); 여러 파라미터 중, 가장 큰 값을 리턴 최솟값 (Minimum) Math.min(num1, num2, num3, num4, num5); 거듭제곱 (Exponentiation) Math.pow(x, y); xy 리턴 제곱근 (Square Root) Math.sqrt(x); x의 제곱근 리턴 반올림 (Round) Math.round(x); 정수로 반올림하여 리턴 버림과 올림 (Floor and Ceil) Math.floor(x); Math.ceil(y); floor: 버림 ceil: 올림 난수 (Rand..
[인프런 - 김태원] 파이썬 알고리즘 문제풀이 (코딩테스트 대비) (31)(2021.2.24) 본 내용은 해당 강의 토대로 작성 1. 플로이드 워샬 알고리즘 문제 해설 각 정점에서 각 정점으로의 최소 비용 2차원 리스트 다이나믹 프로그래밍 냅색 알고리즘 dis[ i ] [ j ]: i노드에서 j노드로 가는데 드는 최소 비용 i: 출발점 j: 도착점 i에서 j로 갈 때의 경우의 수 이 중에서 최소비용을 찾기 최솟값을 찾기 dis[ i ] [ j ] dis[ i ] [ k ] + dis[ k ] [ j ] k: 중간 경유지 , for문으로 접근할 것 비용이 제일 최소가 되는 순열로 이루어지게 된다. 문제 답안 if __name__ == "__main__": n, m = map(int, input().split()); # 정점, 간선 개수 dis =[[5000] * (n + 1) for _ in ran..
[코드잇] 인터랙티브 자바스크립트 (4) (2021.2.24) 본 내용은 해당 강의 토대로 작성 다양한 이벤트 알아보기 01. 마우스 버튼 이벤트 MouseEvent.button 0: 마우스 왼쪽 버튼 1: 마우스 휠 2: 마우스 오른쪽 버튼 3: X1 (일반적으로 브라우저 뒤로 가기 버튼) 4: X2 (일반적으로 브라우저 앞으로 가기 버튼) 노트북의 경우: 0, 2만 있음 마우스 이동과 관련된 이벤트에서는 이 값이 0이다. MouseEvent.type click: 마우스 왼쪽 버튼 contextmenu: 마우스 오른쪽 버튼 dbclick: 동일한 위치에서 빠르게 두번 click할 때 mousedown: 마우스 버튼을 누른 순간 mouseup: 마우스 버튼을 눌렀다 뗀 순간 한 동작에 두 개 이상의 이벤트가 발생할 수 있다. 더블클릭의 경우 mousedown -> ..
[인프런 - 김태원] 파이썬 알고리즘 문제풀이 (코딩테스트 대비) (30)(2021.2.23) 본 내용은 해당 강의 토대로 작성 1. 가방문제 (냅색 알고리즘) 문제 해설 다이나믹 프로그래밍 dy: 0으로 초기화한 배열 만들기 dy[ j ]: 가방에 j라는 무게까지 담을 수 있을 때 가방에 담을 수 있는 보석들의 최대 가치 보석이 한 종류만 있다는 가정하에 dy 테이블 기록하기 w: 보석의 무게, v: 보석의 가치 dy[ j ] = dy[j - w] + v dy[ j ] 에 값이 있으면 넣을 값과 비교하여 그 중 최댓값을 넣는다. 문제 풀이 n, L = map(int, input().split()); # 보석의 종류, 가방 무게 한도 dy = [0] * (L + 1); # 각 인덱스 기준 보석의 최대 가치 for _ in range(n): w, v = map(int, input().split())..

티스토리툴바