[웹]브라우저 렌더링 동작 원리
브라우저란 무엇인가? HTML, CSS, Javascript들을 해석해서 화면에 띄어주는 응용 소프트웨어입니다. 즉, 브라우저의 기본적인 기능은 client가 접속하고 싶은 주소에 접속하면 해당 웹사이트 서버에 요청을 하고 요청으로 받은 html, css script파일을 해석해서 우리에게 보여주게 해 줍니다. 브라우저의 기본 구조 1. 사용자 인터페이스 - 우리가 처음에 브라우저(크롬, 파이어폭스, 웨일, 사파리...)를 실행했을 때, 기본적으로 브라우저마다 가지고 있는 영역입니다. ex) 창닫기, 전체 화면, 새로고침 등... 2. 브라우저 엔진 - 사용자 인터페이스와 렌더링 엔진 사이의 동작을 제어합니다. 3. 렌더링 엔진 - 렌더링 엔진에서 내가 요청해서 받은 html css 등을 파싱 해서 보여..
2022. 3. 21.
[프로그래머스]코딩테스트 정렬 - 가장 큰 수(Javascript)
문제 설명 0 또는 양의 정수가 주어졌을 때, 정수를 이어 붙여 만들 수 있는 가장 큰 수를 알아내 주세요. 예를 들어, 주어진 정수가 [6, 10, 2]라면 [6102, 6210, 1062, 1026, 2610, 2106]를 만들 수 있고, 이중 가장 큰 수는 6210입니다. 0 또는 양의 정수가 담긴 배열 numbers가 매개변수로 주어질 때, 순서를 재배치하여 만들 수 있는 가장 큰 수를 문자열로 바꾸어 return 하도록 solution 함수를 작성해주세요. 제한 사항 numbers의 길이는 1 이상 100,000 이하입니다. numbers의 원소는 0 이상 1,000 이하입니다. 정답이 너무 클 수 있으니 문자열로 바꾸어 return 합니다. 입출력 예 numbers return [6, 10, ..
2022. 3. 21.
[프로그래머스]코딩테스트 정렬 - k번째수(Javascript)
function solution(array, commands) { const answer = []; commands.map((com) => { // 범위 만큼 자르기 const range = array.slice(com[0] - 1, com[1]); // 오른차순으로 정렬 range.sort((a, b) => a - b); // com[2] - 1번째에 value answer에 넣어주기 answer.push(range[com[2] - 1]); }) return answer; } 문제 설명 배열 array의 i번째 숫자부터 j번째 숫자까지 자르고 정렬했을 때, k번째에 있는 수를 구하려 합니다. 예를 들어 array가 [1, 5, 2, 6, 3, 7, 4], i = 2, j = 5, k = 3이라면 arr..
2022. 3. 20.
