본문 바로가기

All118

브라우저에 URL을 입력하면 무슨 일이 일어날까? 브라우저에 URL을 입력하면 무슨 일이 일어날까? 간단히 정리하자면 브라우저는 입력된 URL의 의미를 조사하고 Request 메시지를 만든 후 이것을 웹 서버에 보낸다. 그러나 이 메시지는 브라우저 자체가 송신하는 것이 아니라 OS에 내장된 네트워크 제어용 소프트웨어에 의뢰하여 메시지를 서버측까지 도착하게 하는 것이다. 본 포스팅에서는 브라우저가 이 메시지를 '의뢰하는 동작'에 대해 다룬다. 브라우저에 URL을 입력했을때 브라우저가 하는 일에 대해 간단한게 표현해 보자면 아래 그림과 같다. (정확하게 말하자면 HTTP Request를 송신하는 역할은 브라우저가 하는게 아니다) 응답 메시지를 받기까지의 과정을 좀 더 세부적으로 표현해 보자면 아래 그림과 같다. 1. URL을 해독한다. URL은 어떤 일정한.. 2021. 1. 21.
클라우드 서비스의 세가지 모델, IaaS, PaaS, SaaS 클라우드 서비스는 제공범위에 따라 IaaS, PaaS, Saas의 세가지 모델로 나뉜다. IaaS : 서비스로서의 인프라(infrastructure-as-a-service) AWS EC2, MS Azure etc., 서비스로 제공되는 인프라 스트럭처. '물리적 자원'을 '가상화'하여 제공. IaaS는 컴퓨팅, 네트워킹, 스토리지 및 기타 인프라스트럭처를 사용하기 위한 서비스이며, 사용자는 필요할 때마다 서비스를 통해 리소스를 구입할 수 있다. 물리적 자원 제공. 서버, 네트워크, 스토리지를 제공하고 관리한다. 가상화된 물리적 자산을 UI형태의 대시보드 또는 API로 제공한다. 고객들은 서버와 스토리지에 접근할 수 있지만 사실상 클라우드에 있는 가상 데이터 센터를 통해 리소스를 전달받는 형태이다. 기존의 .. 2020. 11. 2.
백준)11052.카드구매하기 - 풀이(JAVA) 처음에는 n보다 작은 자연수들을 더해서 n을 만드는 경우를 구해야 한다고 생각했다. 그런 방향으로 풀다가 시간초과가 나버렸고 구글링 끝에 간단한 방법이 있어 정리해본다. 카드 n개를 구매하는 방법은. n개가 들어있는 팩을 구매하거나, 또는 카드 1개가 들어있는 팩을 구매하고 n-1개가 들어있는 팩을 구매한다. 카드 2개가 들어있는 팩을 구매하고 n-2개가 들어있는 팩을 구매한다. . . . 이런식의 방법이 있다. 가장 큰 비용으로 n개를 구매하는 방법까지 도달하기 전에 n보다 작은 카드들을 가장 큰 비용으로 구매하는 법들을 기억(memomemoization)해놓고, 이전에 구했던 값들을 이용해 n개를 가장 큰 비용으로 구매하는 법을 구하는 방식으로 접근해야 하는 문제다. (Dynamic Programmi.. 2020. 10. 26.
백준)1018.체스판 다시 칠하기 - 풀이 및 반례(JAVA) 작년 8월 같은 문제를 풀고 포스팅 한 적이 있다. 마음 같아선 작년의 모든 포스팅을 삭제하고 싶지만, 내 블로그의 취지인 '성장의 기록'을 위배하는 듯 하여 남겨둔다ㅎㅎ 작년 같은 문제 포스팅(별로 도움 안됩니다) dreamingdreamer.tistory.com/73?category=797039 백준)Q.1018_체스판 다시 칠하기(완전탐색(Brute-fore Search)) https://www.acmicpc.net/problem/1018 1018번: 체스판 다시 칠하기 첫째 줄에 N과 M이 주어진다. N과 M은 8보다 크거나 같고, 50보다 작거나 같은 자연수이다. 둘째 줄부터 N개의 줄에는 보드의 각 행의 상태가. dreamingdreamer.tistory.com 작년의 코드와 크게 다른 점은,.. 2020. 10. 16.
[Vue.js] 컴포넌트 기초 컴포넌트란? 컴포넌트는 하나의 블록을 의미한다. 컴포넌트를 활용하여 화면을 만들면 보다 빠르게 구조화하여 일괄적인 패턴으로 개발할 수 있다. 화면의 영역을 컴포넌트로 분리함으로써 재사용 편리한 코드가 구조가 되는것이다. 쇼핑몰의 화면을 예를 들어보면, 화면의 header, footer, menu 등을 컴포넌트단위로 분리하여 어느 화면에서나 재사용 할 수 있고, 더 세부적으로 장바구니 버튼 같은 것들을 분리하여 재사용 할 수도 있다. 전역, 지역 컴포넌트 전역 컴포넌트 등록은 Vue.component(tagName, options)를 사용한다. 컴포넌트를 components 인스턴스 옵션으로 등록하여 다른 인스턴스/컴포넌트의 범위에서만 사용할 수있는 지역적인 컴포넌트를 만들 수도 있다. app.html E.. 2020. 7. 29.
[Vue.js] 이벤트 핸들링 v-on 디렉티브 inline 태그인 onclick과 같이 vue.js에서 v-on 디렉티브를 이용하여 이벤트를 캐치할 수 있다. v-on:이벤트 = @이벤트 와 같이 사용할 수 있다. app.html Add 1 위 버튼을 클릭한 횟수는 {{ counter }} 번 입니다. make Alert! app.js let example1 = new Vue({ el: '#example1' , data: { counter: 0 } }) let example2 = new Vue({ el: '#example2' , data: { message: 'hi!' } , methods: { makeAlert: function(e) { alert(this.message) } } }) example1처럼 html태그 안에 data.. 2020. 7. 28.

티스토리툴바