본문 바로가기

programming study

 (889)
[코드잇] HTML/CSS 핵심개념 (4)(2021.2.18) 본 내용은 해당 강의 토대로 작성 포지셔닝 01. relative 포지션 position 속성 모든 요소는 기본적으로 static이다. 원래 있어야할 위치에 배치 position: relative 상대적인 위치 원래 있어야할 위치를 기준으로 이동한다. top, right, bottom, left margin과 다른점 다른 요소에 영향을 주지 않는다. 이동 후 요소들과 겹칠 수 있다. 예시 b { position: relative; top: 30px } 02. fixed 포지션 브라우저를 기준으로 포지셔닝 top, right, bottom, left 해당 요소를 포지셔닝한 위치에 고정한다. 네비게이션바에 주로 사용 03. absolute 포지션 가장 가까운 포지셔닝이 된 조상(Ancestor) 요소가 기준..
[인프런 - 김태원] 파이썬 알고리즘 문제풀이 (코딩테스트 대비) (25)(2021.2.18) 본 내용은 해당 강의 토대로 작성 1. 미로탐색(DFS) 문제 해설 방법의 수를 구하는 것에 유의 -> DFS 지나온 길은 재방문하지 않는다. 경로를 탐색 후 지나온 길의 체크를 풀 것 문제 답안 dx = [-1, 0, 1, 0]; # 방향 dy = [0, 1, 0, -1]; def DFS(x, y): global cnt; if x == 6 and y == 6: # 도착지점 cnt += 1; else: for i in range(4): xx = x + dx[i]; # 갈 곳 yy = y + dy[i]; if 0
[코드잇] HTML/CSS 핵심개념 (3)(2021.2.18) 본 내용은 해당 강의 토대로 작성 Display 01. display HTML 요소의 레이아웃을 결정하는 가장 중요한 속성 중 하나 display의 종류 모든 요소는 딱 하나의 display 값을 가진다. inline block inline-block flex list-item none 대부분의 요소들은 inline과 block 중 한 가지이다. inline display 다른 요소들과 같은 줄에 머무르려고 하는 성향을 가지고 필요한 만큼의 가로길이만 차지한다. 아래는 기본 diplay값이 inline이다. width, height를 가질 수 없다. span 태그 a 태그 b 태그 i 태그 img 태그 button 태그 block display 다른 요소들과 다른줄에 가려고 하는 성향을 가지고 최대한 많..
[코드잇] HTML/CSS 핵심개념 (2)(2021.2.17) 본 내용은 해당 강의 토대로 작성 CSS 제대로 활용하기 01. 선택자 정리 선택자 : CSS에서 스타일링할 요소 태그 이름 h1 { color: red; } 클래스/아이디 .title { color: red; } #important { color: white; } 자식 (children) 부모 요소의 해당 모든 자식 요소에 스타일 적용 .title span { color: orange; } 직속 자식 (direct children) 부모요소의 해당 직속 자식 요소에만 스타일 적용 .title > span { color: whitesmoke; } 복수 선택 콤마로 구분 .title, #subtitle { color: teal; } 여러 조건 .outside .title { color: white; } 0..
[코드잇] HTML/CSS 핵심개념 (1)(2021.2.17) 본 내용은 해당 강의 토대로 작성 Box Model 01. Box Model 소개 모든 HTML 요소는 Box Model로 이루어져 있다. content : 실제 내용 padding: 내용과 테두리 사이의 여유 공간 border: 테두리 margin: 해당 요소와 다른 요소 사이의 여백 별도의 설정이 없이도 웹 브라우저의 기본 설정 값이 있다. 02. margin, padding padding 설정 padding이 상하좌우 다 같은 경우 하나의 값을 입력하면 된다. 위아래, 좌우로 묶어 지정하려면 순서대로 두 개를 입력하면 된다. element { padding: top right bottom left; } margin 설정 element { margin: top right bottom left; } 가..
[인프런 - 김태원] 파이썬 알고리즘 문제풀이 (코딩테스트 대비) (24)(2021.2.17) 본 내용은 해당 강의 토대로 작성 1. 동전 분배하기(DFS) 문제 해설 상태 트리 각 동전을 누구에게 주는지 정하기 각 사람의 동전 금액을 기록하는 리스트 만들기 문제 답안 def DFS(L): global res; if L == n: # 종료 지점 cha = max(money) - min(money); # 최댓값과 최솟값의 차 if cha < res: tmp = set() # set 자료구조 for x in money: tmp.add(x); if len(tmp) == 3: # 서로 다 다른 금액 res = cha; else: for i in range(3): money[i] += coin[L]; # 더하기 DFS(L + 1); money[i] -= coin[L]; # 빠져왔을 때 다시 빼기 if __..
[인프런 - 김태원] 파이썬 알고리즘 문제풀이 (코딩테스트 대비) (23)(2021.2.16) 본 내용은 해당 강의 토대로 작성 1. 최대 점수 구하기(DFS) 문제 해설 부분집합 문제를 푸는 경우, 안 푸는 경우로 나누기 최대 점수가 나오면 갱신 문제 풀이 def DFS(score, time, s): global maxScore; if time > m: # 시간초과한 경우 중단 return; else: if maxScore < score: maxScore = score; for i in range(s, n): DFS(score + p[i][0], time + p[i][1], i + 1); # 푼 경우 DFS(score, time, i + 1); # 풀지 않은 경우 if __name__ == "__main__": n, m = map(int, input().split()); # 문제의 개수, 제한 ..
[코드잇] 프로그래밍과 데이터 in JavaScript (3)(2021.2.16) 본 내용은 해당 강의 토대로 작성 자료형 심화 01. 다양한 숫자 표기법 지수 표기법 단위가 큰 정수, 자릿수가 많은 소수를 표현 알파벳 e 이용 e를 기준으로 왼쪽의 수에 오른쪽의 수만큼 10의 거듭제곱을 곱한다. 오른쪽의 수가 음수인 경우, 그만큼 10의 거듭제곱을 나눈다. let myNumber1 = 1e9; let myNumber2 = 16e-5; console.log(myNumber1); // 1000000000 console.log(myNumber2); // 0.00016 16진법, 8진법, 2진법 console.log로 출력 시 10진법 표기로 출력된다. 16진법 (Hexadecimal) let hex1 = 0xff; // 255 let hex2 = 0xFF; // 255 8진법 (Octal..

티스토리툴바