본문 바로가기

programming study

(889)
[동빈나]이코테 2021 강의 몰아보기(8) (2021.1.6) 본 내용은 해당 강의 토대로 작성 이진 탐색 1. 이진 탐색 개요 순차 탐색 : 리스트 안에 있는 특정한 데이터를 찾기 위해 앞에서부터 데이터를 하나씩 확인 이진 탐색 : 정렬되어 있는 리스트에서 탐색 범위를 절반씩 좁혀가며 데이터를 탐색하는 방법 시작점, 끝점, 중간점을 이용하여 탐색 범위 설정 2. 이진 탐색의 시간 복잡도 연산 횟수는 log2N에 비례 시간 복잡도는 O(logN)보장 3. 이진 탐색 소스코드 : 재귀적 구현 def binary_search(array, target, start, end): if start > end: return None mid = (start + end) // 2 # 찾은 경우 중간점 인덱스 반환 if array[mid] == target: return mid # ..
[노마드코더]코코아톡 클론코딩 (4)(2021.1.6) 본 내용은 해당 강의 토대로 작성 Advanced CSS 1. Transitions 어떤 상태에서 다른 상태로 변화할 때 애니메이션 효과를 줄 수 있다. 규칙 transitions는 state가 없는 요소에 붙어야 한다. 그렇지 않으면 자연스럽게 동작하지 않는다. state에 들어있는 것을 기준으로 애니메이션 효과를 준다 사용 예시 Go home a:hover에서 변경되는 것들을 기준으로 애니메이션 효과가 적용된다. color 1s ease-in-out 적용할 속성, 시간, 변화하는 방법 순으로 쓴다 바뀌는 모든 속성에 적용할 때는 all 1s ease-in-out을 쓴다. https://matthewlein.com/tools/ceaser 에서 다양한 변화 방법을 볼 수 있다. 자신이 원하는 Transi..
[동빈나]이코테 2021 강의 몰아보기(7)(2021.1.6) 본 내용은 해당 강의 토대로 작성 정렬 알고리즘 정렬(Sorting)이란 데이터를 특정한 기준에 따라 순서대로 나열하는 것 문제 상황에 따라 정렬 알고리즘이 공식처럼 사용 1. 선택 정렬 처리되지 않은 데이터 중 가장 작은 데이터를 선택 후 맨 앞에 있는 데이터와 바꾸는 것을 반복 이중 반복문으로 구현 선택 정렬 동작 예시 처리되지 않은 데이터 중 가장 작은 데이터를 선택하여 가장 앞의 데이터와 바꾼다. 이러한 동작을 반복한다. 선택 정렬 소스코드 array = [7, 5, 9, 0, 3, 1, 6, 2, 4, 8] for i in range(len(array)): 0 ~ 9 min_index = i # 가장 작은 원소의 인덱스 for j in range(i + 1, len(array)): if arra..
[노마드코더]코코아톡 클론코딩 (3)(2021.1.5) 본 내용은 해당 강의 토대로 작성 Learning CSS 1. Flexbox inline block은 기기마다 출력되는 화면이 다르며, 최적값을 찾기 힘든 단점이 있다. Flexbox는 반응형 디자인을 지원하기 때문에 inline block의 문제점을 해결할 수 있다. 사용 예시 Flexbox 사용은 아래와 같은 규칙이 있다. 부모 엘리먼트를 felx container로 만들어야 한다. 이 경우에서는 div가 자식 엘리먼트이다. body가 부모 엘리먼트이므로 이곳에 felx를 적용한다. justify-content : main axis의 설정(가로,기본값) aling-items : cross axis의 설정(세로,기본값) body가 height가 기본값이면, align-items를 사용해도 그대로인 것처..
[노마드코더]코코아톡 클론코딩 (2)(2021.1.4) 본 내용은 해당 강의 토대로 작성 Learning CSS 1. CSS 추가하기 CSS를 HTML에 추가하는 방법은 두 가지가 있다. HTML파일에 인라인 코드로 작성하기 HTML의 HTML의 Class 여러개의 요소들에게 부여해서 사용할 수 있다. .class를 이용해서 접근한다. 예시 hello hello hello hello hello hello hello hello
[동빈나]이코테 2021 강의 몰아보기(6)(2021.1.4) 본 내용은 해당 강의 토대로 작성 그래프 탐색 알고리즘: DFS/ BFS 탐색(Search)이란 원하는 데이터를 찾는 과정 DFS, BFS 자주 출제되는 유형 1. DFS (Depth-First Search) 깊이 우선 탐색 그래프에서 깊은 부분을 우선적으로 탐색하는 알고리즘 스택 자료 구조(혹은 재귀함수)를 이용 동작 과정 탐색 시작 노드를 스택에 삽입하고 방문 처리 스택의 최상단 노드에 방문하지 않은 인접한 노드가 하나라도 있으면 그 노드를 스택에 넣고 방문 처리. 방문하지 않은 인접 노드가 없으면 스택에서 최상단 노드를 꺼낸다. 더 이상 2번의 과정을 수행할 수 없을 때까지 반복 DFS 소스코드 예제 # DFS 메서드 정의 def dfs(graph, v, visited): # 현재 노드를 방문 처리..
[동빈나]이코테 2021 강의 몰아보기(5)(2021.1.3) 본 내용은 해당 강의 토대로 작성 그래프 탐색 알고리즘: DFS/ BFS 탐색(Search)이란 원하는 데이터를 찾는 과정 DFS, BFS 자주 출제되는 유형 1. 자료구조 스택 Stack 선입후출의 자료 구조 입구와 출구가 동일한 형태 박스를 쌓듯이 나중에 들어온 것을 가장 먼저 뺄 수 있다. 스택 구현 예제 stack = [] # 리스트 자료형 # 삽입(5) - 삽입(2) - 삽입(3) - 삽입(7) - 삭제() - 삽입(1) - 삽입(4) - 삭제() stack.append(5) # 가장 오른쪽에 추가 stack.append(2) stack.append(3) stack.append(7) stack.pop() # 가장 오른쪽 제거 stack.append(1) stack.append(4) stack.p..
[노마드코더]코코아톡 클론코딩 (1)(2021.1.1 ~ 2) 본 내용은 해당 강의 토대로 작성 Introduction 수업 환경 Google Chrome Visual Studio Code GitHub desktop 1. 웹사이트 크롬 브라우저에서 아래처럼 브라우저의 소스코드를 볼 수 있다. [Chrome] View(보기) - Developer(개발자 정보) - View Source(소스 보기) 무엇이 웹 사이트를 만들까? text 파일이다. 텍스트 파일 -> 브라우저 -> 이해해서 사용자에게 출력 브라우저가 코드를 이해해서 구현 어떤 종류의 텍스트를 어디에 쓰냐가 관건 3가지 종류의 텍스트(언어)가 있다. 2. HTML HyperText Markup Language 브라우저에게 content가 무엇인지 알려준다 타이틀, 링크, 리스트 등등 어떻게 구성되어있는지 M..