본문 바로가기

programming study

(889)
[코드잇] 인터랙티브 자바스크립트 (3) (2021.2.23) 본 내용은 해당 강의 토대로 작성 이벤트 살펴보기 01. 이벤트 핸들러 등록하기 onclick 프로퍼티는 여러개의 이벤트 핸들러를 다룰 수 없다. 복잡한 로직을 다루기 어렵다. addEventListener 메소드 element.addEventListener(event, handler); 하나의 요소에 여러 독립적인 이벤트 핸들러를 등록할 수 있다. 첫 번째 파라미터 : 이벤트 타입 문자열 두 번째 파라미터 : 이벤트 핸들러 외부에서 함수를 만들고 그 함수명을 전달해야 한다. 함수 이름만 전달해야 한다(소괄호 생략) removveEventListener 메소드 element.removeEventListener(event, handler); 이벤트 핸들러를 제거할 수 있다. 첫 번째 파라미터: 이벤트 타입..
[인프런 - 김태원] 파이썬 알고리즘 문제풀이 (코딩테스트 대비) (29)(2021.2.22) 본 내용은 해당 강의 토대로 작성 1. 알리바바와 40인의 도둑(Bottom-Up) 문제 해설 최단거리로 가기위해서는 오른쪽, 아래로 움직인다. 별도의 dy 2차원 리스트 만들기 출발지에서 각 지점까지 가는데 드는 최소 비용 0행과 0열의 dy 값은 누적되어 가는 값이다. 문제 풀이 n = int(input()); a = [list(map(int, input().split())) for _ in range(n)]; dy = [[0]*n for _ in range(n)]; # 각 지점에서의 최소 비용 dy[0][0] = a[0][0]; # 시작점 for i in range(1 , n): # dy의 0행, 0열 초기화 dy[0][i] = a[0][i] + dy[0][i - 1]; dy[i][0] = a[i]..
[코드잇] 인터랙티브 자바스크립트 (2) (2021.2.22) 본 내용은 해당 강의 토대로 작성 브라우저와 자바스크립트 01. 브라우저 브라우저 또한 객체이다. window : 브라우저의 창 window 브라우저의 창을 나타내는 객체 JavaScript에서의 최상단에 존재하는 객체 window 객체가 JavaScript의 모든 객체를 포함 내장 객체, 내장 함수 JavaScript의 어느곳에서나 항상 접근할 수 있다. 내장 객체, 내장 함수에 접근시 본래 window.를 써야하지만 생략 가능하다. 전역 객체 (global object) 프로퍼티에 접근하여 브라우저를 자유롭게 제어할 수 있다. window.innerWidth, window.innerHeight : 창의 너비와 높이 document 객체 console 객체 메소드 또한 존재한다. window.open(..
[인프런 - 김태원] 파이썬 알고리즘 문제풀이 (코딩테스트 대비) (28)(2021.2.21) https://www.inflearn.com/course/파이썬-알고리즘-문제풀이-코딩테스트/dashboard 파이썬 알고리즘 문제풀이 (코딩테스트 대비) - 인프런 파이썬을 이용한 코딩테스트 문제풀이를 합니다. 초급 프로그래밍 언어 알고리즘 자료구조 Python 코딩 테스트 온라인 강의 코딩테스트 문제풀이 강의, 자료구조와 알고리즘,기업 코딩테스트, 파 www.inflearn.com 동적계획법 Dynamic Programming 크고 복잡한 문제를 다룰 때 문제를 직관적인 작은 단위로 바꾸어 해를 구한다. 그 후, 조금 더 큰 문제로 확장하여 구한 해를 이용하여 조금 더 큰 문제의 해를 구한다. 이 구한 작은 단위들의 해들은 따로 기록한다(메모이제이션) 이를 반복하여 주어진 문제의 점화식을 도출해서 답..
[인프런 - 김태원] 파이썬 알고리즘 문제풀이 (코딩테스트 대비) (27)(2021.2.20) 본 내용은 해당 강의 토대로 작성 정렬 1. 병합 정렬 분할 정복 배열의 중간지점을 나누어 더이상 영역을 나눌 수 없을 때까지 재귀함수 호출 두 원소의 대소를 비교 후 임시의 공간에 원소를 넣으며 진행 후회순회 병합 정렬 알고리즘 def Dsort(lt, rt): # 왼쪽부터 오른쪽 if lt < rt: mid = (lt + rt) // 2; # 중간 Dsort(lt, mid); # 왼쪽 Dsort(mid + 1, rt); # 오른쪽 p1 = lt; # 정렬 시작 p2 = mid + 1; tmp = []; while p1
[코드잇] 인터랙티브 자바스크립트 (1) (2021.2.20) 본 내용은 해당 강의 토대로 작성 인터랙티브 자바스크립트 시작하기 01. 웹 서비스와 JavaScript 웹 서비스의 중심에서 다양한 분야에서 사용되는 프로그래밍 언어 웹 페이지의 여러요소들을 자유롭게 다루기 위해 등장 HTML로 구조 -> CSS로 꾸미기 -> JavaScript로 동작하기 사용자의 입력값을 받아 정보를 처리 02. HTML/CSS + JavaScript HTML/CSS는 처음의 모습에서 변화를 주기 어렵다 JavaScript를 이용하면, 실시간으로 HTML을 변화시키거나 스타일을 수정하는 것이 가능하다. 03. id로 태그 선택하기 document.getElementById('id'); document: 객체 getElementById(): 해당 id값(파라미터)을 가진 태그 선택하는..
[인프런 - 김태원] 파이썬 알고리즘 문제풀이 (코딩테스트 대비) (26)(2021.2.19) 본 내용은 해당 강의 토대로 작성 1. 토마토 (BFS) 문제 해설 토마토의 정보가 있는 2차원 배열(board), 익는데에 며칠 걸리는지 정보를 적는 2차원 배열(dis)을 만든다. dis는 0으로 초기화 board를 탐색하며 익은 토마토 정보를 큐에 넣기 상하좌우 탐색 익게된 토마토의 날짜를 기록 익게된 토마토를 큐에 넣기 문제 답안 from collections import deque dx = [-1, 0, 1, 0]; dy = [0, 1, 0, -1]; n, m = map(int, input().split()); board = [list(map(int, input().split())) for _ in range(m)]; # 토마토 Q = deque(); # 큐 자료구조 dis = [[0]*n fo..
[코드잇] 반응형 웹 퍼블리싱 (2021.2.19) 본 내용은 해당 강의 토대로 작성 반응형 웹 Responsive Web Design 브라우저 사이즈에 맞춰서 레이아웃이 바뀌는 것 모바일, 태블릿 버전을 만들지 않아도 된다. media query /* 기본 폰트 크기*/ h1 { font-size: 24px; } p { font-size: 16px; } /* 브라우저의 가로길이가 768px을 넘어갈 때 */ @media (min-width: 768px) { h1 { font-size: 36px; } p { font-size: 24px; } } /* 브라우저의 가로길이가 992px을 넘어갈 때 */ @media (min-width: 992px) { h1 { font-size: 48px; } p { font-size: 32px; } } @media를 이용하..