본문 바로가기

전체 글152

[Web APIs] 브라우저 좌표 - Element.getBoundingClientRect() 💡 Element.getBoundingClientRect() Element의 위치와 크기 등의 정보를 알고 싶을 때! MDN 요소의 크기와 뷰포트에 상대적인 위치에 대한 정보를 제공하는 DOMRect 개체를 반환. 주의 💦 CSS는 오른쪽 아래를 기준으로 bottom, right 이 측정되기 때문에 주의할 것! Syntax domRect = element.getBoundingClientRect(); 참고 https://developer.mozilla.org/en-US/docs/Web/API/Element/getBoundingClientRect 2021. 6. 28.
[Web APIs] Window 사이즈 💡 Window Interface Window 인터페이스에서 자주 사용하는 화면사이즈 정리 window.screen; // 브라우저를 포함한 모니터 사이즈 window.outerHeight; // 브라우저 창 외곽 높이 window.outerWidth; // 브라우저 창 외곽 너비 window.innerHeight; // 페이지가 표기되는 부분의 높이 (수직 스크롤 포함한 영역) window.innerWidth; // 페이지가 표기되는 부분의 너비 (수평 스크롤 포함한 영역) document.documentElement.clientWidth; // 스크롤바 제외한 영역의 높이 document.documentElement.clientHeight; // 스크롤바 제외한 영역의 너비 참고 https://dev.. 2021. 6. 28.
애자일 프로세스 모델(애자일 방법론) 현 직장은 전통적인 폭포수 모델 방식으로 개발하는데 산출물 중심으로 개발하고 최종 릴리즈 후 새로운 요구사항을 추가하는 것이 쉽지 않다. 특히 개발 중간에 산출물도 변경되는 경우가 많다(┬┬﹏┬┬) 많은 기업들이 애자일 방식으로 일을 하는 것 같다. 다음 직장을 위해 애자일 방법론을 알아둬야 할 것 같아 애자일 프로세스 모델이 무엇인지에 대해 정리해봤다. ⚡ 애자일 프로세스 모델 고객의 요구에 민첩하게 대응하고 그때그때 주어지는 문제를 풀어나가는 방법론 📝 애자일의 기본 가치 ‣ 프로세스와 도구 중심이 아닌, 개개인의 상호 소통 중시 ‣ 문서 중심 X, 실행 가능한 소프트웨어 중시 ‣ 계약과 협상 중심이 아닌, 고객과의 협력을 중시 ‣ 계획 중심이 아닌, 변화에 대한 민첩한 대응을 중시 정리해보자면, 고.. 2021. 6. 27.
[이것이 코딩테스트다] [Day5] 정렬 ※ 해당 포스팅은「이것이 취업을 위한 코딩테스트다(나동빈 저)」책 내용을 바탕으로 작성하였습니다. 📚 선택 정렬Selection Sort 매번 가장 작은 데이터를 선택해서 앞으로 보내는 과정을 반복 수행하여 전체 데이터를 정렬. array = [7, 5, 9, 0, 3] for i in range(len(array)): min_index = i # 가장 작은 원소의 인덱스 for j in range(i+1, len(array)): if array[min_index] > array[j]: min_index = j array[i], array[min_index] = array[min_index], array[i] # 스와프 print(array) 선택 정렬의 시간 복잡도 : O(N²) 📚 삽입 정렬Inser.. 2021. 4. 25.
[이것이 코딩테스트다] [Day4] 탐색 - DFS/BFS 📚 DFS (Depth-First Search) '깊이 우선 탐색'이라고도 부르며, 그래프에서 깊은 부분을 우선적으로 탐색하는 알고리즘. 특정한 경로를 탐색하다가 특정한 상황에서 최대한 깊숙이 들어가서 노드를 방문한 후, 다시 돌아가 다른 경로로 탐색하는 알고리즘이다. ✅ 동작 과정 ( Stack 이용 ) 1️⃣ 탐색 시작 노드를 스택에 삽입하고 방문 처리를 한다. 2️⃣ Stack 의 최상단 노드에 방문하지 않은 인접 노드가 있다면 그 인접 노드를 Stack 에 넣고 방문 처리를 한다. 방문하지 않은 인접 노드가 없으면 Stack 에서 최상단 노드를 꺼낸다. 3️⃣ 2️⃣번 과정을 더 이상 수행할 수 없을 때까지 반복한다. * '방문처리' 는 스택에 한 번 삽입되어 처리된 노드가 다시 삽입되지 않게 체.. 2021. 4. 20.
[이것이 코딩테스트다] 구현 - 완전탐색과 시뮬레이션 📚 구현 - 완전탐색, 시뮬레이션 구현(Implementation)이란 머릿속에 있는 알고리즘을 소스코드로 바꾸는 과정. 풀이를 떠올리는 것은 쉽지만 소스코드로 옮기기 어려운 문제 완전탐색 : 모든 경우의 수를 주저 없이 다 계산하는 해결 방법 시뮬레이션 : 문제에서 제시한 알고리즘을 한 단계씩 차례대로 직접 수행해야하는 문제 유형 📃 [예제 1] 상하좌우 - 풀이시간 : 13분 - 문제풀이 # 1. 나의 풀이 n = int(input()) map = list(map(str, input().upper().split())) x,y = 1,1 for m in map: if m == 'R': y = y+1 if y+1 = 1 else y if m == 'U': x = x-1 if x-1 >= 1 else x .. 2021. 4. 18.
반응형

티스토리툴바