본문 바로가기

전체 글290

네트워크 OSI 7 Layer, 5 Layer 기본 개념과 흐름도 네트워크 7 Layer는 OSI(Open Systems Interconnection) 모델로도 알려져 있으며, 컴퓨터 네트워크에서 통신이 일어나는 과정을 7개의 계층으로 분류하여 설명하는 모델입니다. 아래에서 각 계층에 대해 자세히 설명하겠습니다. 물리 계층 (Physical Layer) 데이터를 전기 신호, 빛 신호, 라디오 신호 등의 신호로 변환하여 전송하는 역할을 합니다. 전송되는 데이터는 0과 1의 이진수 형태로 변환됩니다. 케이블, 허브 등의 기술적 요소들이 이 계층에서 사용됩니다. 데이터 링크 계층 (Data Link Layer) 물리 계층에서 전송된 데이터를 논리적인 데이터 프레임 형태로 조립하여 상위 계층으로 전송하는 역할을 합니다. 물리 계층에서 전송된 데이터가 오류가 있는지 검사하고, .. 2023. 3. 2.
"디지털 노마드" Nomad(유목민?) 무슨 뜻일까? 디지털 노마드(Digital Nomad)란, 인터넷과 모바일 기술을 이용하여 장소나 시간에 구애받지 않고 일하는 삶을 살고 있는 사람들을 일컫는 말입니다. 이들은 사무실이나 회사에서 근무하는 것이 아니라, 원하는 장소에서 자유롭게 일을 할 수 있습니다. 디지털 노마드는 컴퓨터와 인터넷 연결만 있으면 어디서든 일할 수 있기 때문에, 여행 중이더라도 일을 계속할 수 있습니다. 이러한 장점 때문에, 디지털 노마드는 최근 몇 년 간 인기가 높아지고 있습니다. 또한, 디지털 노마드는 일을 할 때 지출이 적기 때문에 경제적인 이점도 있습니다. 디지털 노마드의 삶은 일종의 라이프스타일로, 이들은 자신이 원하는 일을 하고 원하는 장소에서 살 수 있기 때문에, 자유롭고 유연한 삶을 살고 있습니다. 그러나 이는 동시에, .. 2023. 2. 27.
CSS flexbox 개념 정리 CSS의 flexbox는 웹 페이지의 레이아웃을 관리하는 데 매우 유용한 기능입니다. 이 글에서는 flexbox의 기본 개념과 기능에 대해 설명하겠습니다. Flexbox란? Flexbox는 CSS의 레이아웃 모듈 중 하나로, 요소의 크기와 위치를 조정하는 데 사용됩니다. Flexbox를 사용하면 요소를 수평 또는 수직으로 정렬하고 간격을 조절하는 등의 작업이 가능해집니다. Flexbox는 부모 요소인 flex container와 그 안에 들어가는 자식 요소인 flex item으로 구성됩니다. flex container는 display 속성을 이용하여 선언하며, flex item은 flex container 안에 있는 요소입니다. Flex Container의 속성 Flex container는 다음과 같은 .. 2023. 2. 27.
CSS position에 대한 개념 정리 CSS에서 position 속성은 요소의 위치 지정 방법을 정의합니다. position 속성의 값에 따라 요소의 위치가 결정됩니다. 이번에는 position 속성과 그 값을 사용하는 방법에 대해 알아보겠습니다. position 속성 position 속성에는 다음과 같은 값이 있습니다. static relative absolute fixed sticky static static 값은 position 속성의 기본값입니다. 이 값은 요소가 문서 흐름에 따라 배치되는 것을 의미합니다. top, bottom, left, right, z-index 속성이 동작하지 않습니다. position: static; relative relative 값은 요소를 문서 흐름에 따라 배치한 다음, 요소 자신의 위치를 상대적으로 이.. 2023. 2. 27.
Mac에서 react-native 개발환경 세팅하기 React Native는 iOS 및 Android 모바일 애플리케이션을 만드는 데 사용되는 JavaScript 기반의 프레임워크입니다. 이번에는 Mac에서 React Native 개발 환경을 설정하는 방법에 대해 알아보겠습니다. 1. Node.js 설치 React Native를 개발하기 위해서는 먼저 Node.js가 필요합니다. Node.js를 다운로드하려면 공식 웹사이트에서 다운로드 페이지로 이동하십시오. Mac OS 버전에 맞는 버전을 다운로드하고 설치하십시오. Node.js Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine. nodejs.org 2. Watchman 설치 Watchman은 파일 시스템 변경을 감지하고 해당.. 2023. 2. 27.
Windows에서 react-native 개발환경 세팅하기 React Native는 iOS 및 Android 모바일 애플리케이션을 만드는 데 사용되는 JavaScript 기반의 프레임워크입니다. 이번에는 Windows 운영체제에서 React Native 개발 환경을 설정하는 방법에 대해 알아보겠습니다. 1. Chocolatey 설치 Chocolatey는 Windows에서 패키지 관리를 위한 도구입니다. React Native 개발을 위해서는 Chocolatey가 필요합니다. Chocolatey를 설치하려면 PowerShell을 열고 다음 명령을 실행하십시오. Set-ExecutionPolicy Bypass -Scope Process -Force; [System.Net.ServicePointManager]::SecurityProtocol = [System.Net... 2023. 2. 27.
반응형

티스토리툴바