전체 글

전체 글

    브라우저 동작 원리
    웹/JavaScript

    브라우저 동작 원리

    Node.js의 등장으로 자바스크립트는 웹브라우저를 벗어나 서버 사이드 애플리케이션 개발에서도 상요되는 범용 개발 언어가 되었다. 하지만 자바스크립트가 가장 많이 사용되는 문야는 역시 웹브라우저 환경에서 동작하는 웹 페이지/애플리케이션이다. 브라우저의 핵심 기능은 사용자가 참고하고자 하는 웹페이지를 서버에 요청(Request)하고 응답(Response)을 받아 브라우저에 표시하는 것이다. 브라우저는 서버로부터 HTML, CSS, Javascript, 이미지 파일 등을 응답받는다. HTML, CSS 파일은 렌더링 엔진의 HTML 파서와 CSS 파서에 의해 파싱(Parsing)되어 DOM, CSSOM 트리로 변환되고 렌더 트리로 결합된다. 이렇게 생성된 렌더 트리를 기반으로 브라우저는 웹페이지를 표시한다. ..

    [JS][백준]2739_구구단
    Algorithm/BaeKJoon

    [JS][백준]2739_구구단

    문제 번호 2739번: 구구단 N을 입력받은 뒤, 구구단 N단을 출력하는 프로그램을 작성하시오. 출력 형식에 맞춰서 출력하면 된다. www.acmicpc.net 알고리즘 분류 수학, 구현, 사칙연산 문제 풀이 const readline = require('readline'); const rl = readline.createInterface({ input: process.stdin, output: process.stdout }); rl.on('line',function(line){ const num = parseInt(line); for(let i=1; i

    [JS]2884_알람 시계
    Algorithm/BaeKJoon

    [JS]2884_알람 시계

    문제 번호 2884번: 알람 시계 상근이는 매일 아침 알람을 듣고 일어난다. 알람을 듣고 바로 일어나면 다행이겠지만, 항상 조금만 더 자려는 마음 때문에 매일 학교를 지각하고 있다. 상근이는 모든 방법을 동원해보았지만, www.acmicpc.net 알고리즘 분류 수학, 사칙연산 문제 풀이 let fs = require('fs'); let input = fs.readFileSync('test.txt').toString().split(' '); let H = input[0]; let M = input[1]; solution(H, M); function solution(H, M) { if (M >= 45) { console.log(H, M - 45); } else if (M < 45) { if (H != 0)..

    요소의 위치 정의
    웹/CSS

    요소의 위치 정의

    Position 프로퍼티 position 프로퍼티는 요소의 위치를 정의한다. top, bottom, left, right 프로퍼티와 함께 사용하여 위치를 지정한다. 1.1static (기본위치) static은 position 프로퍼티의 기본값으로 position 프로퍼티를 지정하지 않았을 때와 같다. 기본적인 요소의 배치 순서에 따라 위에서 아래로, 왼쪽에서 오른쪽으로 순서에 따라 배치되며 부모 요소 내에 자식 요소로서 존재할 때는 부모 요소의 위치를 기준으로 배치된다. 기본적으로 이 값을 지정할 일은 없겠지만 이미 설정된 position을 무력화하기 위해 사용될 수 있다. 좌표 프로퍼티 (top, bottom, left, right)를 같이 사용할 수 없으며 사용할 경우에는 무시된다. static bo..

    [JS][백준]14681_사분면 고르기
    Algorithm/BaeKJoon

    [JS][백준]14681_사분면 고르기

    문제 번호 14681번: 사분면 고르기 점 (x, y)의 사분면 번호(1, 2, 3, 4 중 하나)를 출력한다. www.acmicpc.net 알고리즘 분류 수학, 구현, 기하학 문제 풀이 const readline = require('readline'); const rl = readline.createInterface({ input: process.stdin, output: process.stdout }); let input = []; rl.on('line', function (line){ input.push(parseInt(line)); if(line == "") rl.close(); }).on('close', function(){ const x = input[0]; const y = input[1];..

    [JS][백준]2753_윤년
    Algorithm/BaeKJoon

    [JS][백준]2753_윤년

    문제 번호 2753번: 윤년 연도가 주어졌을 때, 윤년이면 1, 아니면 0을 출력하는 프로그램을 작성하시오. 윤년은 연도가 4의 배수이면서, 100의 배수가 아닐 때 또는 400의 배수일 때이다. 예를 들어, 2012년은 4의 배수이면서 www.acmicpc.net 알고리즘 분류 수학, 구현 문제 풀이 var fs = require('fs'); var input = fs.readFileSync('/dev/stdin').toString().split(' '); var a = parseInt(input[0]); console.log(solution(a)); function solution(a) { if (a % 400 == 0) return 1; if (a % 4 == 0 && a % 100 != 0) re..

    [JS][백준]9498_시험 성적
    Algorithm/BaeKJoon

    [JS][백준]9498_시험 성적

    문제 번호 9498번: 시험 성적 시험 점수를 입력받아 90 ~ 100점은 A, 80 ~ 89점은 B, 70 ~ 79점은 C, 60 ~ 69점은 D, 나머지 점수는 F를 출력하는 프로그램을 작성하시오. www.acmicpc.net 알고리즘 분류 구현 문제 풀이 var fs = require('fs'); var input = fs.readFileSync('/dev/stdin').toString().split(' '); var a = parseInt(input[0]); console.log(solution(a)); function solution(a){ if(100 >= a && a >= 90) return 'A'; else if(89>= a && a >=80) return 'B'; else if(79>= ..

    [JS][백준]1330_두 수 비교하기
    Algorithm/BaeKJoon

    [JS][백준]1330_두 수 비교하기

    문제 번호 1330번: 두 수 비교하기 두 정수 A와 B가 주어졌을 때, A와 B를 비교하는 프로그램을 작성하시오. www.acmicpc.net 알고리즘 분류 수학, 구현, 사칙연산 문제 풀이 var fs = require('fs'); var input = fs.readFileSync('/dev/stdin').toString().split(' '); var a = parseInt(input[0]); var b = parseInt(input[1]); console.log(compare(a,b)); function compare(a,b){ if(a>b) return '>'; else if(a

티스토리툴바