IT 42

[WEB] 웹 브라우저 동작원리 와 과정

웹 브라우저의 동작 과정 및 원리 웹 브라우저는 어떻게 동작 하는지? 그리고 그 원리에 대해서 정리해 보았다. 아래는 웹 브라우저의 동작 과정을 이미지로 정리 한 것이다. 웹 브라우저의 동작 과정 위 이미지 순서도와 함께 과정에 대해 설명을 하도록 하겠습니다 ㅎㅎ 무슨 소리야? 할 수 있겠지만.. 자주 읽고 보다보면 언젠가 아! 하는 날이 오니까 다들 화이팅.. 합시다.. 1. 브라우저 주소창에 URL 입력 후 ENTER를 하면, 2. 브라우저는 해당 URL과 매핑되는 IP주소를 찾기 위해 Cache를 통해 DNS 기록을 찾는다. 3. 요청한 URL이 Cache에 존재하지 않으면, ISP의 DNS서버는 IP 주소 정보를 찾기 위해 DNS 쿼리를 한다. 4. IP 주소를 받은 브라우저는 서버와의 TCP(전..

[WEB/Server] DNS 2탄 - DNS서버 종류, DNS쿼리, DNS레코드

DNS 2탄 DNS - Domain Name System (도메인 네임 시스템) DNS 서버 종류, DNS 쿼리, DNS 레코드 개념 DNS(Domain Name System, 도메인 네임 시스템)는 IP 네트워크에서 사용하는 시스템이다. 우리가 인터넷을 편리하게 쓸 수 있게 해주는 것으로, 영문/한글 주소로 이루어진 도메인을 IP 네트워크에서 찾아갈 수 있는 IP 주소로 변환해준다. 즉, 도메인을 IP주소로 변환 시켜주는 시스템이다. ➡️사용자들은 jobkorea.co.kr 또는 goole.com 과 같은 도메인 이름을 통해 웹 주소에 접근 하려고 할 때, 웹 브라우저 DNS 서버에 대해 DNS 조회를 수행하여 호스트 이름을 제공한다. 그리고 DNS서버는 호스트 이름을 가져와서 웹 브라우저가 연결할 수..

Server 2024.01.03

[WEB/Server] DNS 1탄 - IP주소, 도메인, DNS(도메인 네임 시스템) 개념

DNS 1탄 IP주소, Host(호스트), Domain(도메인), 도메인 구성요소, DNS(Domain Name System - 도메인 네임 시스템) 개념 DNS는 백엔드 개발자라면 무조건 필수적으로 알아야하는 개념이기때문에, 어려워도 완벽하게는 아니더라도 어떤 역할을 하는지 이해를 하고 넘어가는것이 좋다. 본격적인 시작을 하기 전에, DNS(Domain Name System)을 간략하게 설명하자면 도메인 이름을 IP주소로 변환 시켜주는 시스템 이다. DNS 대한 자세한 설명을 하기 전에 IP 주소, 도메인 이름 개념에 대해 먼저 알아보자. IP Adress (IP주소) ? 인터넷에 연결되어 있는 장치(컴퓨터, 스마트폰, 타블릿, 서버 등등)들은 각각의 장치를 식별할 수 있는 고유한 주소이며 숫자로 구성..

Server 2024.01.02

[WEB/Server] 도메인(Domain), 도메인 네임(Domain Name), 도메인 구조

도메인(Domain), 도메인 네임(Domain Name), 도메인 구조 도메인, 도메인네임, 도메인 구조에 대해 알아보자 프론트, 백엔드 개발자라면 꼭 알아둬야 하는 필수 지식이고 면접에 자주 나오는 단골 질문이기도 하다 🔸 도메인(Domain) 이란? 웹 사이트를 찾기 위해 웹 브라우저 창에 입력하는 문자로 이루어진 주소이다. 🔸 도메인 이름(Domain Name) 👉🏽 Google 의 도메인 이름은 ‘google.com’ 또는 'google.co.kr' 이다. 통신망 환경에서 컴퓨터나 통신 장비 간 통신에 최적화된 주소 체계는 IP주소( IP Address )이다. IP Address 란? 인터넷에 연결되어 있는 장치(컴퓨터, 스마트폰, 태블릿, 서버 등등)장치를 식별할 수 있는 고유한 주소이다. ..

Server 2023.12.15

[WEB] HTTP 요청 데이터를 확인 하는 법 - httpbin.org 사용법

HTTP , HTTPS 요청 httpbin.org 활용하기 http://httpbin.org/#/ 이거 진짜 진짜 유용하니까 꼭- 꼭- 제 블로그 내용 읽어보시고 사용해보세요 지금 회사에서 다양한 업체 API를 연동하는 일을 주로 하고있는데, Jersey 라이브러리를 활용해서 회사에서 만든 유틸을 활용하여 HTTP 요청을 하고있다. 내가 보내고 싶은 요청의 형태는 아래와 같다. POST 방식으로 파라미터(Parmas)가 아닌, 바디(Body)에 JSON형태로 보내고 JSON 타입이라는걸 명시를 해줘야 해서 헤더(Headers)에 Content-Type=application/json 를 추가해서 보내고 싶었다. 회사 유틸을 활용해서 필요한 값들을 바인딩하여 HTTP 요청을 했는데, 업체 API에서 500에..

[DB] DBeaver(디비버)로 Tibero(티베로) 연결하기

DBeaver로 티베로(Tibero) 연결하기 DBeaver(디비버)를 이용해서 티베로 데이터 베이스 연결하는 방법에 대해 알아보자 ! DBeaver란? DBeaver는 SQL 클라이언트이자 데이터베이스 관리 도구이다. 관계형 데이터베이스의 경우, API를 사용하여 JDBC 드라이버를 통해 데이터베이스와 통신한다. 그 밖의 데이터베이스(NoSQL)의 경우 사유 데이터베이스 드라이버를 사용한다. 디비버(DBeaver)에는 기본적으로 제공해주는 데이터베이스들이 있는데, 티베로(Tibero) 같은 경우에는 따로 없기 때문에직접 추가를 해줘야한다. 디비버가 무엇을 하는지 알아 보았으니 이제, 디비버에 티베로 데이터베이스를 추가하는 방법에 대해 설명해보려고 한다. 1. 데이터 베이스(Database) > 드라이버..

DB 2023.12.11

[Java] 자바 예외 처리 - Throw, Throws

자바 예외처리 : Throw, Throws 자바 예외처리에 대해서 알아보기 전에 오류와 예외에 대해서 정리를 해보려고한다. 일단, 오류와 예외는 다르다. 🔍 오류(Error)와 예외(Exception) 오류(Error)는 시스템이 비정상적인 상황이 생겼을 때 발생한다. 예를들어, 메모리 부족(OutofMemoryError)이나 스택오버플로우(StackOverflowError)와 같이 복구할 수 없는 것을 말한다. 이러한 오류는 주로 JVM에서 발생하기 때문에 애플리케이션 코드에서 해결하면 안되고, 개발자가 예측하기도 쉽지 않고 처리할 수 있는 방법도 없다. 예외(Exception)는 프로그램 실행 중 개발자의 실수로 예기치 않는 상황이 발생했을 때 발생한다. 예를들어, 값이 null인 참조변수를 참조(N..

Back-end 2023.12.11

[Java] 자바 레퍼런스(Reference) - 스택과 힙

자바(Java) 레퍼런스(Reference): 변수선언,  스택(Stack)과 힙(Heap)  오늘은 자바의 레퍼런스에 대해 정리를 해보았다.변수선언 스택 그리고 힙에 대해서 알아보자.  자바 프로그램은 JVM(Java Virtual Machine -  자바 가상 머신) 이라는 프로그램이 실행시켜주는데, IDE(편집기)에서 프로그램 실행 버튼을 누를 때 마다IDE는 JVM을 실행시키고JVM은 작성한 파일을 실행해 달라고 요청을 한다.  정확하게 말하면, javac가 자바코드를 자바 바이트 코드로 바꾸고 JVM이 해당 자바 바이트 코드를 실행 시킨다 !  JVM은 프로그램을 실행시키기 위해 여러가지 일을 하는데, 그 중 하나가 '메모리 관리'이다. 여기서 말하는 메모리는 RAM을 말한다.  "메모리는 한정..

Back-end 2023.12.08

[JS] 나름 리팩토링 1탄 - 배열로 바꾸기

하나의 조건문에 여러가지 조건이 들어가 true/false 체크하는 방식에서 자바스크립트 배열을 이용하기 !   안녕하세요. 곧 만3년 되는 백엔드 개발자 입니다!점점 연차가 쌓이면서클린코딩, 좋은코드, 리팩토링 등관심이 많아지고 있는데요- 시간적 여유가 있을때에는좋은 코딩을 하려고 노력중 입니다.(회사가 si이다보니 쉽지가 않습니다 ㅠ____ㅠ) 그래서,오늘 소소하게 고쳐본 자바스크립트 리팩토링 소스를 공유 해보려고 합니다. 문제점이 있다면 꼭! 댓글로 알려주세요 👀 🔍 배경 JS(자바스크립트)에서 파일 업로드를 할 때, 원래 jpg와 jpeg만 업로드 할 수 있게 파일 유형 체크를 하고 있었다. 클라이언트가 png와 html 파일도 추가로 유효성 체크를 할 수 있게 해달라고 해서소스를 수정하게 되..

Front-end 2023.12.08

[Git] 소스트리(SourceTree)로 프로젝트 클론(Clone) 하는 방법

소스트리(SourceTree)로 프로젝트 클론(Clone) 하는 방법  소스트리(SourceTree)를 이용해서 깃 저장소에서 프로젝트를 클론하는 방법에 대해서 정리를 해보았습니다.  클론하는 방법은 어렵지는 않고, 한번 따라 해보면 매우 간단하지만 자주 하지 않다보면 헷갈리는 부분들이 있기 때문에 정리를 해두었습니다 :)가끔 기억 안날때 이 포스팅을 읽어주세요 ! 🔍개념 정리 1. 소스트리란(Sourcetree) ?  프로젝트 개발시 협업 할 때 가장 필요한 버전 관리 시스템(또는 형상 관리 도구) 중 하나로 깃(Git)이 있습니다.깃과 관련하여 가장 권위 있는 도구 중 하나로 손꼽히는 프로그램으로 소스트리가 있습니다. 즉, 소스트리는 Git을 쉽게 사용 및 관리 할 수 있는 프로그램입니다.  소스트..