전체 글 (22) 썸네일형 리스트형 브라우저에 google.com을 입력한다면? 브라우저에 google.com을 입력하면 어떻게 될까? 당연히 google 사이트로 이동할 것이다. 그렇다면 브라우저는 어떤 과정을 통해서 google사이트를 보여주는 것일까? 1. 도메인 주소 변환 : 도메인 주소 → IP 주소로 변환 우선 입력창에 google.com을 입력하면, 컴퓨터는 도메인 주소를 IP주소로 바꾸려 할 것이다. 이때, 이용하는 것이 바로 DNS 레코드이다. DNS는 일종의 전화번호부 라고 생각하면 된다. 컴퓨터는 각각 고유의 IP 주소를 가지고 있다. 우리가 흔히 다른사람의 전화번호를 다 외우고 다니지 않는 것처럼, 일일히 IP 주소를 기억할 수도 없기에, 도메인 네임별 IP를 저장해 놓은 것이 DNS라고 생각하면 될 것이다. DNS 레코드를 찾기 위해서는 이전에 방문한 기록이 .. 싱글스레드인 JS에서 비동기 처리는 어떻게 할까?(3) 저번 아티클에서 JS가 지원하는 비동기 방식인 콜백 함수와 Promise에 대해 알아보았다. 이번에는 나머지 asinc/await에 대해 알아보고자 한다. 지난시간에 알아 보았던 프라미스를 async와 await라는 특별한 문법을 사용해 좀 더 편하게 사용할 수 있다. async 함수 async는 function 앞에 위치한다. async function f() { return 1; } function 앞에 async를 붙이면 해당 함수는 항상 프라미스를 반환한다. 프라미스가 아닌 값을 반환하더라도 이행 상태의 프라미스(resolved promise)로 값을 감싸 이행된 프라미스가 반환되도록 한다. 아래 예시의 함수를 호출하면 result가 1인 이행 프라미스가 반환된다. async function f(.. You don't konw JS- 2장 값 1. 배열 : 1개의 변수에 여러개의 값을 순차적으로 저장할 때 사용 타입 : 객체(Object) Array 생성자로 생성된 Array타입의 객체 (1 )배열 생성 배열 리터럴 (➕ 리터럴 : 프로그램의 코드상에 데이터의 값을 표현하는 방식) 0개 이상의 data를 []로 묶음 첫번째 값은 인덱스 ‘0’으로 접근 빈슬롯 주의! → 존재하지 않는 요소에 접근하면 undefined 반환 var a = ['red','yellow','orange','green','blue','purple']; console.log(a.length); //6 console.log(a[7]); //undefined 대부분의 언어는 같은 타입만 가능 → JS : 여러 데이터 타입의 조합 가능 배열도 하나의 객체 : 키/ 프로퍼티 추.. [Python] 프로그래머스 - 튜플(2019 카카오 개발자 겨울 인턴십) 프로그래머스 - 튜플 / 문제 유형 : 구현, 문자열 / 2019 카카오 개발자 겨울 인턴십 / Level 2 2019 카카오 개발자 겨울 인턴십에서 나온 문제이다. 문제 바로가기 - https://school.programmers.co.kr/learn/courses/30/lessons/64065 프로그래머스 코드 중심의 개발자 채용. 스택 기반의 포지션 매칭. 프로그래머스의 개발자 맞춤형 프로필을 등록하고, 나와 기술 궁합이 잘 맞는 기업들을 매칭 받으세요. programmers.co.kr 문제 Solution 1. 문자열 파싱 : 주어진 문자열은 {{ , },{ }} 이런식으로 되어있다. strip()함수를 이용하여 양 끝에 있는 {{ 과 }}을 없애준 후, 각각의 데이터를 리스트로 저장해 주기 위해.. 싱글스레드인 JS에서 비동기 처리는 어떻게 할까?(2) 저번 아티클에서 JS에서 어떻게 비동기 처리는 하는지 알아보았다. 이번 시간에는 JS가 지원하는 비동기 방식에 대해 알아보고자 한다. JS가 지원하는 비동기 처리 방식에는 대표적으로 콜백 함수, Promise, async/await 가 존재하는데, 이중 콜백 함수와 Promise에 대해 알아보자. 콜백 함수를 통한 비동기 처리 비동기(Asynchronous) 함수란 쉽게 설명하면 호출부에서 실행 결과를 가다리지 않아도 되는 함수이다. 반대로 동기 함수(Synchronous) 함수는 호출부에서 실행 결과가 리턴될 때 까지 기다려야 하는 함수다. 비동기 함수의 이러한 Non-blocking 이점 때문에, 자바스크립트처럼 싱글 쓰레드 환경에서 실행되는 언어에서 광범위하게 사용된다. 예를 들어, 브라우져에서 어.. [Python] 프로그래머스 - 주차요금 계산 프로그래머스 - 주차요금계산 / 문제 유형 : 구현, 해시맵 / 2022 KAKAO BLIND RECRUITMENT / Level2 2022 KAKAO BLIND RECRUITMENT에서 나온 문제이다. 문제 바로가기 - https://school.programmers.co.kr/learn/courses/30/lessons/92341 프로그래머스 코드 중심의 개발자 채용. 스택 기반의 포지션 매칭. 프로그래머스의 개발자 맞춤형 프로필을 등록하고, 나와 기술 궁합이 잘 맞는 기업들을 매칭 받으세요. programmers.co.kr 문제 자세한 문제 설명 및 조건, 입출력에 대한 설명은 문제에서 확인바란다. Solution 문제가 좀 길은 것 같았으나 생각보다 구현은 간단하였다. 우선, 딕셔너리를 2개 생성.. 싱글스레드인 JS에서 비동기 처리는 어떻게 할까?(1) 자바스크립트는 싱글스레드 언어인 것은 프론트엔드를 공부하는 사용하는 사람이라면 한번쯤은 들어봤을 것이다. 왜 자바스크립트는 싱글스레드인 것이고 그렇다면 비동기는 어떻게 처리하는지에 대해 알아보자. 자바스크립트는 왜 싱글 스레드인 것일까?🧐 자바스크립트는 싱글 스레드 언어이다. 자바스크립트를 공부하기 시작할 때 부터 계속 들어왔기에 너무나 당연시 여겼고, 이에 한번도 궁금증을 가져본 적이 없었다. OS 공부를 하다보면 가장 중요한 내용 중 하나가 싱글 스레드와 멀티 스레드의 차이이다. 분명 우리는 싱글 프로세스 보다 일을 처리하는 것이 멀티 프로세스가 더 효율적이며, 멀티 프로세스 보다 더 가벼운 특성으로 인해 멀티 스레드가 더 선호된다고 배운다. 현재 JAVA, C, C++과 같은 다른 언어들은 멀티 스.. [네트워크]OSI 7계층 IT직무를 희망하는 사람이라면 당연히 알고있어야 할 OSI 7계층을 알아보도록 하자. 특히 프론트엔드, 백엔드와 같이 웹관련 직무에서는 가장 기본중에 기본이 아닐까 싶다. 기본이고, 이미 알고 있다고 생각했지만 막상 다른사람에게 설명하려고 하니 매끄럽지 않은 건 사실이다. 이번기회에 확실히 정리하고 넘어가자 OSI 7계층 : OSI 7계층이란 네트워크에서 통신이 일어나는 과정으르 7계층으로 나눈 것으로 국제 표준화 기구에서 네트워크 간의 호환을 위해 OSI 7계층을 만들었다. OSI 7계층 구조 아래 그림은 OSI 7계층의 구조와 각 헤더들을 표현한 것이다. [출처]https://velog.io/@poiuyy0420/네트워크-OSI-7-계층-개념-정리 AH : Application Header PH : .. 이전 1 2 3 다음
