taeo taeo

이번 공부에서는 OSI 7계층중에서도 「물리 계층」  에 대하여 다루며, 다음의 목표를 설정하였다. 물리 계층의 역할케이블 종류와 구조리피터와 허브 1. 물리계층의 역할OSI 7계층에서 최하위 레이어에 해당하는 물리 계층은 컴퓨터들을 물리적으로 연결하거나 데이터를 전기 신호로 변환하고 제어하는 역할을 담당한다. 여기서 전기 신호는 전압이 일정한 패턴으로 변하여 생기는 일련의 흐름을 의미한다. 즉, 전압의 변화에 의한 신호라 할 수 있다. 2대의 컴퓨터는 이러한 전기 신호들을 주고 받음으로써 사진이나 문서등을 주고 받을 수 있다. *데이터를 주고 받기 위한 전기 신호아날로그 신호빛, 소리 등과 같이 연속적으로 변하는 물결 모양의 신호Ex. 전화, 라디오 방송디지털 신호특정한 값을 기준으로 불연속적으로 변하..

이번 공부에서는 네트워크 통신에 대해서 알아보기 위해 다음의 목표를 설정하였다. 프로토콜OSI7계층, TCP/IP캡슐화, 역캡슐화VPN 1. 네트워크의 규칙과 프로토콜프로토콜(Protocol)이란 컴퓨터 네트워크에서 데이터 통신을 원활하게 하기 위해 정해진 규칙과 절차를 의미한다.  이는 마치 사람들이 서로 원활하게 대화하기 위해 사용하는 언어와 같은 개념으로, 컴퓨터와 네트워크 장비들이 정보를 주고받을 때 따라야 하는 표준화된 방식이다. 예를 들어, 우리가 이메일을 보낼 때 SMTP(Simple Mail Transfer Protocol)를 사용하고, 웹사이트에 접속할 때 HTTP(HyperText Transfer Protocol)나 HTTPS를 사용한다. 이러한 프로토콜이 존재하기 때문에 서로 다른 기..

1. 네트워크란?  Net과 Work의 합성어로서 생선을 잡는 그물망과 일을 의미한다. 다시말해, 사람끼리 촘촘히 얽혀서 일을 할 수 있는 환경이라 할 수 있다. 여기서 일하는 도구로 컴퓨터와 같은 도구를 사용하고 이를 유기적으로 연결되어 있는 환경을 제공하는 것이 네트워크인셈이다.   네트워크란? 각종 통신 장비들이 서로 그물망처럼 연결되어 데이터를 교환하거나 협력하여 일할 수 있게 해주는 통신망  2. 네트워크의 필요성주변 장치 공유데이터 공유공동 작업1) 주변 장치는 컴퓨터에서 연결하여 사용하는 장치로 예를 들어, 프린터, 태블릿, 스마트폰과 같은 기기 등이 있다. 2) 데이터 공유는문서를 공동으로 함께 만들거나 편집할 때도 네트워크를 사용한다. 예를 들어, 내가 가지고 있는 파일을 다른 사람에게 ..

TIL이란? Today I Learned의 약자로서, 그날그날 내가 공부한 것을 정리하는 것.   1. 🚀 TIL 네트워크, 블로그로 기록!개발을 하면서 네트워크에 대한 이해가 중요하다는 걸 느꼈다. 올해의 목표중의 하나로 네트워크를 좀 더 잘 이해하는 것을 목표로 설정했지만, 개념이 깊이 이해하기 어려워, 정리하면서 공부해야겠다고 생각했다. 그래서 앞으로 이 블로그에서 네트워크 관련 개념을 정리하며 공부려하 한다..2. 🎯이 블로그의 목표네트워크 핵심 개념을 정리하고, 직접 실습해보며 이해하기실무에서도 활용할 수 있도록 깊이 있는 개념 정리내가 정리한 내용을 다른 사람과도 공유하고 피드백 받기3. ✍️ 어떻게 작성할까?[ 모두의 네트워크 기초 ] 책을 읽고 정리한 개념씩 짧고 명확하게 정리코드 예제..

아이템 1 : 타입 스크립트와 자바스크립트의 관계 이해하기타입스크립트는 자바스크립트의 상위 집합(superset)이다. 타입스크립트는 문법적으로도 자바스크립트의 상위집합입니다. 따라서, 자바스크립트 프로그램에 문법 오류가 없다면 유효한 타입스크립트 프로그램이라고 할 수 있습니다. 그런데 자바스크립트 프로그램에 어떤 이슈가 존재한다면 문법 오류가 아니더라도 타입 체커에게 지적당할 가능성이 높습니다. 그러나 문법의 유효성과 동작의 이슈는 독립적인 문제입니다. 빌드시 타입스크립트에서는 작성된 코드를 파싱을 통하여 자바스크립트로 변환합니다. Key Point💡타입스크립트는 타입이 정의된 자바스크립트의 상위 집합자바스크립트 파일이 .js 또는 .jsx를 쓰는 반면, 타입스크립트는 .ts , .tsx확장자를 사용..

⚠️ 이슈 내용React 프로젝트를 하면서 다양한 모듈 번들러를 사용해왔는데, 그중 유독 Vite를 사용할때, 아이폰(모바일)에서 개발서버는 물론, 빌드해서 서버를 배포한 프로젝트 자체도 열리지 않을때가 있었다.  또한, 무조건 다 열리지 않는 것은 아니었다. 갤럭시에서는 잘 열리며, 최신의 아이폰 기종에서도 잘 열리고 있었다 . 하지만, 구형의 아이폰 모바일 화면에서는 Vite로 환경설정을 사용했던 프로젝트들은 화면이 열리지 않는 것을 종종 겪는데, 이에 대한 해답을 여기에서 찾을 수 있었다..  How to open Vite dev server on your mobileIntroduction Developing web applications that work seamlessly across multi..

⚠️ 이슈 내용Typescript기반의 프로젝트를 설정할 때, any 타입으로 인한 에러 이슈로 작업이 어려움이 있었다. 이에 이러한 에러가 발생했다.Unexpected any. Specify a different type. eslint 📌 이슈 원인현재의 Typescript기반의 프로젝트에서 eslint를 어떻게 규정하느냐에 따라 any를 접하게 되었을 경우, Error 메시지를 띄우도록 하였기 때문이다. 이러한 이유를 Typescript-eslint에서 찾을 수 있었다.  no-explicit-any | typescript-eslintDisallow the `any` type.typescript-eslint.io 아래의 그림에서 보듯이 Typescript에서 any타입을 쓰는 것은 굉장히 무책임할 ..

React Native에서 Navigation이란?React를 먼저 공부했다면, React 에서 다른 페이지로 화면 전환을 위해 Router라는 개념을 익히 알 것 입니다. React Native에서도 모바일 화면에서 화면 전환이 필요한 경우가 있습니다. 이때, 마찬가지로 네비게이션(Navigation)이라는 라이브러리를 이용합니다. 네비게이션(Navigation)도 다 같은 종류가 아니라, 여러 종류의 네비게이션이 존재합니다. 이를테면 모바일에서는 웹과는 다르게 하단 부분에 각 화면의 이동 버튼을 통해 이동하게 됩니다. 이러한 것을 탭 네비게이션이라고 합니다. 이런것처럼 대표적으로 세 가지의 네비게이션이 존재합니다.스택 네비게이션 (Stack Navigation)탭 네비게이션 (Tab Navigatio..