hanker

네트워크는 여러 장치들이 상호 연결되어 데이터를 주고받는 복잡한 환경을 제공한다.이 환경에서 DNS(Domain Name System)와 DHCP(Dynamic Host Configuration Protocol)는 필수적인 역할을 하며, 각각 장치가 서로를 찾고 연결하는 데 중요한 역할을 한다. 이번 글에서는 DNS와 DHCP에 대해서 알아보자! DNS DNS는 사용자가 기억하기 쉬운 도메인 이름을 (예 : www.google.com)을 네트워크가 이해할 수 있는 IP 주소로 변환하는 시스템이다. DNS 없이는 인터넷에서 우리가 웹사이트를 방문하거나 메일을 보내는 일이 매우 불편해질 것이다. DNS의 기본 작동 원리1. 사용자가 도메인 이름을 입력- 사용자가 웹 브라우저에 도메인을 입력한다. (예 : w..

인터넷과 네트워크를 사용하는 모든 디바이스는 데이터를 주고받기 위해 고유한 주소를 필요로 하는데, 이 고유한 주소가 바로IP 주소(Internet Protocol Address)이다. IP주소와 함께 네트워크를 효과적으로 관리하기 위한 도구로 서브넷 마스크(Subnet Mask)가 사용된다. 이번 글에서는 IP 주소의 구조와 작동 원리, 서브넷 마스크의 역할 및 이를 활용한 네트워크 설계 방법을 알아보자! IP 주소란? IP 주소는 네트워크에서 디바이스를 식별하기 위한 고유한 번호이다.이는 우리가 일반적으로 인터넷에 연결된 디바이스를 구분할 수 있도록 도와준다.IP 주소에는 두 가지 버전이 있는데, 우리가 주로 알고 있는 IPv4 와 IPv6가 있다. IPv4 (Internet Protocol versi..

1. JavaScript가 뭘까?2. JavaScript를 시작하기3. JavaScript의 기본 문법4. JavaScript 제어문5. JavaScript 함수6. JavaScript에서 객체와 배열은 무엇일까?7. JavaScript에서 DOM 조작 방법8. JavaScript의 유용한 기능 feat. ES6+ 9. JavaScript의 디버깅과 개발도구 활용 JavaScript 코드를 작성하면서 예상치 못한 오류가 발생하거나 원하는 결과가 나오지 않을 때, 디버깅을 사용하게된다.개발자분들은 알겠지만 각 툴마다 디버깅 기능을 사용하지 않으면 개발할 때 정말 힘든데, 우리가 보는 뷰 단에서 디버깅 하는 방법에 대해서 작성하려한다. 디버깅의 기본 원칙과 함께 브러우저의 개발자 도구를 활용하는 방법을 알아..

1. JavaScript가 뭘까?2. JavaScript를 시작하기3. JavaScript의 기본 문법4. JavaScript 제어문5. JavaScript 함수6. JavaScript에서 객체와 배열은 무엇일까?7. JavaScript에서 DOM 조작 방법8. JavaScript의 유용한 기능 feat. ES6+  JavaScript에서 기본 문법 외에도 개발자에게 유용한 기능을 제공하는데, 이번글에서 알아보자. 템플릿 리터럴(Template Literals) 템플릿 리터럴은 문자들을 작성할 때 더 간결하고 가독성 좋게 만들 수 있는 기능이다.백틱(`) 기호를 사용하며, 변수와 표현식을 ${} 안에 넣어서 사용할 수 있다. 기존 문자열 결합과 템플릿 리터럴 사용할 경우 차이// 기존 문자열 결합let ..

1. JavaScript가 뭘까?2. JavaScript를 시작하기3. JavaScript의 기본 문법4. JavaScript 제어문5. JavaScript 함수6. JavaScript에서 객체와 배열은 무엇일까?7. JavaScript에서 DOM 조작 방법  JavaScript는 웹 페이지의 요소를 조작하여 동적인 웹 애플리케이션을 만들 수 있다.DOM(Document Object Model)은 웹 페이지의 구조를 표현하는 프로그래밍 인터페이스로, JavaScript를 통해 HTML 요소를 읽고, 수정하고, 삭제하거나 새로운 요소를 추가할 수 있게 해준다. 이번 글에서는 DOM의 개념과 주요 조작 방법을 알아보자! 1. DOM이란? DOM은 웹 페이지의 HTML 문서를 트리 형태로 표현한 구조이다.이를..

네트워크가 원활하게 작동하기 위해서는 데이터가 어떻게 전송되고, 어떤 규칙을 따라야 하는지에 대한 명확한 구조가 필요하다. 이를 위해 네트워크 통신의 기본 원칙을 정리한 두 가지 주요 모델은 OSI(Open Systems Interconnection) 모델과 TCP/IP(Transmission Control Protocol/Internet Protocol) 모델이다.  이번 글에서는 이 두 모델의 개념과 차이점을 알아보고, 각각의 계층이 담당하는 역할에 대해서 알아보자 OSI 모델: 네트워크의 청사진 OSI 모델은 네트워크 통신을 7개의 계층으로 나눈 참조 모델이다. 이 모델은 국제 표준화 기구(ISO)에 의해 1984년에 만들어졌으며, 네트워크에서 데이터가 어떻게 흐르는지를 단계별로 설명한다. OSI ..

1. JavaScript가 뭘까?2. JavaScript를 시작하기3. JavaScript의 기본 문법4. JavaScript 제어문5. JavaScript 함수6. JavaScript에서 객체와 배열은 무엇일까? JavaScript에서 객체와 배열은 데이터를 구조화하여 저장하고 관리하는 데 매우 중요한 역할을 한다. 이번 글에서는 객체와 배열의 기본 개념, 생성 및 사용법, 그리고 내장 메서드에 대해 살펴보자! 1. 객체(Object) 객체란?객체는 키-값 쌍(Key-Value Pair)으로 데이터를 저장하는 데이터 구조입니다. 각각의 키는 고유하며, 이를 통해 값을 참조할 수 있다. let person = { name: "Hanker", age: 32, isDeveloper: true..

현대 사회에서 인터넷과 네트워크는 우리 일상에 깊숙이 자리 잡고 있다. 스마트폰을 사용하거나, 온라인으로 동영상을 스트리밍하거나, 이메일을 보내는 모든 활동이 네트워크를 통해 이루어진다.  그렇다면 네트워크란 정확히 무엇일까? 네트워크(Network)는 간단히 말해 두 대 이상의 장치가 서로 데이터를 주고받을 수 있도록 연결된 상태를 의미한다. 여기서 말하는 장치는 컴퓨터, 스마트폰, 서버, 프린터, 라우터 등 모든 디지털 기기를 포함한다. 이러한 연결은 유선(케이블) 또는 무선(Wi-Fi, Bluetooth 등)으로 이루어질 수 있다. 네트워크의 주요 목적 1. 자원 공유- 네트워크를 사용하면 여러 사용자가 하나의 프린터를 공유하거나, 파일 서버에서 데이터를 동시에 접근할 수 있다. 기업 환경에서는 이..

1. JavaScript가 뭘까?2. JavaScript를 시작하기3. JavaScript의 기본 문법4. JavaScript 제어문5. JavaScript 함수6. JavaScript에서 객체와 배열은 무엇일까?  JavaScript에서 함수는 재사용 가능한 코드 블록으로, 특정 작업을 수행하기 위해 작성된다.함수는 프로그램을 구조화하고 코드의 반복을 줄이는 데 매우 유용하다. 이번 글에서는 함수의 선언과 호출, 매개변수와 반환값, 그리고 다양한 함수 형태를 살펴보자! 1. 함수 선언과 호출 함수 선언JavaScript에서 함수는 function 키워드를 사용해 선언한다.function say() { console.log("Hello, Hanker!");}  함수 호출정의한 함수를 호출하려면 함수..

1. JavaScript가 뭘까?2. JavaScript를 시작하기3. JavaScript의 기본 문법4. JavaScript 제어문 이전 글에서는 JavaScript의 기본 문법에 대해서 알아보았는데, 이번 글에서는 프로그램의 흐름을 제어하는 제어문에 대해서 알아보자.https://hanke-r.tistory.com/entry/JavaScript-JavaScript%EC%9D%98-%EA%B8%B0%EB%B3%B8-%EB%AC%B8%EB%B2%95 JavaScript - JavaScript의 기본 문법1. JavaScript가 뭘까?2. JavaScript를 시작하기3. JavaScript의 기본 문법 https://hanke-r.tistory.com/entry/JavaScript-JavaScript..