minTech

Javascript를 통해 웹페이지를 다루기 위해서는 원하는 요소를 정확하게 선택할 수 있어야 한다. 이러한 요소를 선택하는 방법에 대해 작성하였다. 👉 Id 명으로 요소 선택하기 let tag = document.getElementById( 아이디명 ) 필요한 아이디를 가진 태그를 명확하게 선택할 수 있다. 만약 존재하지 않는 태그를 선택할 경우 null 값을 출력한다. 👉 Class명으로 요소 선택하기 let tags = document.getElementsByClassName( 클래스명 ) 여러 개의 요소들이 배열의 형태 같이 저장된다. 배열의 형태 같지만 완벽한 배열의 형태가 아닌 유사 배열 객체(Array-Like Object) 임을 주의한다. 요소들의 순서는 깊이에 상관없이 HTML의 위부터 ..

알고리즘 분류 : 수학, 기하학, 많은 조건 분기 ❓Question 조규현과 백승환은 터렛에 근무하는 직원이다. 하지만 워낙 존재감이 없어서 인구수는 차지하지 않는다. 다음은 조규현과 백승환의 사진이다. 이석원은 조규현과 백승환에게 상대편 마린(류재명)의 위치를 계산하라는 명령을 내렸다. 조규현과 백승환은 각각 자신의 터렛 위치에서 현재 적까지의 거리를 계산했다. 조규현의 좌표 (x1,y1)와 백승환의 좌표 (x2,y2)가 주어지고, 조규현이 계산한 류재명과의 거리 r1과 백승환이 계산한 류재명과의 거리 r2가 주어졌을 때, 류재명이 있을 수 있는 좌표의 수를 출력하는 프로그램을 작성하시오. ‼️ Answer 조규현의 좌표와 백승환의 좌표를 기준으로 각각 r1과 r2를 반지름으로 가진 원을 그려준다. 👉..

🫸브라우저 렌더링 원리에 대해 알기 전에 ☝️ 브라우저란(browser)? 인터넷에서 웹 서버의 모든 정보를 볼 수 있도록 하고, 문서 검색을 도와주는 응용 프로그램이다. 우리는 필요한 정보를 얻기 위해서 구글이나 네이버에 접속한다. 해당 사이트에 접속하기 위해 사용하는 도구를 '브라우저'라고 한다. ✌️렌더링(Rendering)이란 서버로부터 HTML, CSS, JavaScript로 작성된 파일을 받아 브라우저에 시각적으로 출력하는 것을 말한다. 👩‍🎨브라우저 렌더링 과정의 대략적인 그림 사용자가 원하는 URL을 입력하면 아래 과정으로 렌더링을 진행한다. client가 서버에 주소를 보내면 sever에서는 해당 HTML 파일로 응답을 한다. CSS 파일과 JS파일도 마찬가지로 client에서 파일 요청..

Brute Force 발생할 수 있는 모든 경우의 수를 탐색하면서 조건에 충족되는 결과 만을 가져오는 방법을 말한다. 이는 다음과 같은 특징을 갖는다. 1. 전체적으로 모든 경우의 수를 탐색할 수 있는 방법을 필요로 한다. 브루트 포스는 될 수 있는 모든 경우를 다 계산하면서 조건에 맞는 해를 찾는다. ex) 약수 구하기 HTML 삽입 미리보기할 수 없는 소스 2. 굉장히 단순하고, 직관적인 방법이다. 말 그대로 브루트포스를 이용해 코드를 작성하는 것은 굉장히 단순하지만, 단순하고 직관적인 만큼 코드가 비효율적일 수 있다. 3. 브루투포스 방법을 사용하기 전에 두 가지 조건을 만족하는지 확인해야 한다. 입력 값의 범위가 작아야 한다. 현재의 경우와 이전의 경우 모두를 따져야 하므로 O(n^2) 의 시간복..

array는 각각의 요소에 순서가 정해져 있는 객체이다. 이 순서를 내가 원하는 대로 정리할 때 사용하는 함수가 바로 sort() 함수이다. arr1.sort([compareFunction) * sort() 함수의 경우 복사본이 따로 만들어지는 것이 아닌 원배열 그 자체가 정렬되는 것이기 때문에 주의한다. compareFunction - 정렬 순서를 정의하는 함수이다. - 함수의 리턴 값에 따라 오름차순/내림차순 이 결정된다. 1) return 값 0 : b가 a보다 앞에 오도록 정렬한다. - default 는 오름차순 정렬이기 때문에 만약 compareFunction 부분을 생각할 경우에는 오름차순 정렬을 한다. 유니코드 순서로 정..

코딩 테스트 연습 중에 배열의 중복된 값을 제거하는 어려움을 만났다. 내가 생각한 코드는 너무 복잡하여 서치 해보던 중에 new Set() 이라는 것을 통해 배열의 중복 값을 제거하는 방법을 알아내었다. 그래서 이 함수에 대해 더 알아보고, 정리해보고자 한다. 1. Set 1) set의 중복된 값을 허용하지 않는 값의 집합을 나타내는 자료구조이다. 따라서 set 객체안에는 동일한 값을 가지지 않고, 유일한 값을 저장한다. 2) Set은 순서를 가지지 않는다. 따라서 값의 위치에 의존하지 않는다. 2. new Set () : Set 객체를 생성 let letters = new Set(["a","b","c"]); console.log(letters); 결과 사진과 같이 'a','b','c'의 값을 요소로 갖..