Fomagran 💻

본문 바로가기

728x90

[Network] TCP는 어떻게 안전하게 데이터를 교환할까? (3-Way-Handshake & 4-Way-Handshake) TCP 지난 글에서 TCP는 안전하고 신뢰성 있는 데이터 전송 프로토콜이라고 다뤘었다. 그렇다면 TCP는 어떤 방식으로 데이터를 전송하기 때문에 안전한 것일까? 우선 TCP는 연결되어 있기 때문에 1대 1로 데이터를 주고 받는다. 즉, 서버와 클라이언트가 연결되어 데이터를 주고 받는 것이다. 3-Way-Handshake 이 때 서버와 클라이언트 간의 데이터가 안전하게 전달되려면 연결이 확실하게 되어있는지 확인해야 할 것이다. 그 방법이 바로 "3-Way-Handshake" 이다. 이름이 3 way handshake인 이유는 3번 신호를 주고 받으며 연결되어 있는 상태를 확인하기 때문이다. 1. 클라이언트 -> 서버 클라이언트 측에서 먼저 서버에 연결하기 위해서 특정 숫자가 담긴 신호를 보낸다. 2. 서버.. 2022. 4. 8.

[Network] TCP와 UDP의 차이 (Difference between TCP and UDP) TCP와 UDP 공통점 이전 글에서 'OSI 7 계층이란?' 에서 OSI 7계층을 '프로토콜이란?' 에서 프로토콜에 대해 다루면서 모두 TCP와 UDP를 언급했었다. 단순하게 짚고 넘어가기엔 중요도가 큰 것 같아서 더 자세히 정리해보려고 한다. 차이점을 알아보기 전에 먼저 공통점에 대해 알아보자. TCP와 UDP는 모두 Transport(전송) 계층에 있는 프로토콜을 의미한다. 고로 Network 계층에 있는 IP 주소와 함께 전송된 패킷 데이터를 세그먼트로 Session 계층에 전달하는 역할을 한다. TCP와 UDP의 차이 1. 연결성 TCP는 안전한 데이터를 보내기 위해 데이터를 보내는 쪽과 데이터를 받는 쪽을 연결하여 데이터를 전송한다. UDP는 빠르게 데이터를 보내기 위해 데이터를 보내는 쪽이 일.. 2022. 4. 7.

[Network] 프로토콜(Protocol)이란? (What is a protocol?) Protocol 📃 Protocol의 사전적 의미는 "여러 컴퓨터나 단말기 사이에서 데이터 통신을 원활하게 하기 위해 필요한 통신 규약" 이다. 즉, 통신 프로토콜이 바로 프로토콜과 같은 의미이다. 통신 프로토콜은 쉽게 말해 통신을 하기 위한 약속이라고 이해하면 된다. 구성 🔗 프로토콜은 물리적 측면과 논리적 측면 이렇게 2가지로 이루어져 있다. 물리적 측면 물리적 측면은 말 그대로 물리적인 기기의 어떤 것을 의미한다. 실제 어떤 장비로 데이터를 보낼 것이며, 어떤 단자를 사용할 것이며, 회선의 규격은 어느 정도로 설정할지가 여기에 포함된다. 논리적 측면 논리적 측면은 물리적인 것이 아닌 데이터를 보낼 때 논리적인 방식을 의미한다. 데이터를 어떤 식으로 표현할 것이며, 어떤 형식 단위로 데이터를 전송할 .. 2022. 4. 6.

[Network] OSI 7계층이란? (What is OSI 7 Layer?) OSI 모델이란? Open System Interconncetion의 약자로 국제 표준화 기구(ISO)가 개발한 모델로 컴퓨터 네트워크 프로토콜 디자인과 통신을 계층으로 나누어 설명한 것이다. 특히 이 모델은 프로토콜을 기능별로 나눈 것인데, 각 계층은 하위 계층의 기능만을 이용하고, 상위 계층에게 기능을 제공한다. 일반적으로 하위 계층들은 하드웨어로, 상위 계층들은 소프트웨어로 구현된다. OSI 7계층이란? 위 OSI 모델을 물리, 데이터링크, 네트워크, 전송, 세션, 표현, 응용 이렇게 7단계로 나눈 것을 의미한다. 1. Physical 7단계 중 가장 아래에 있는 계층으로, 데이터 전송의 시작을 담당한다. 하드웨어 기술로 전송을 하며, 전기 신호(0과 1)를 이용하여 데이터를 전달한다. 하드웨어 기.. 2022. 4. 5.

[SwiftUI] GeometryReader란? (feat. GeometryProxy,CoordinateSpace) 안녕하세요 Foma 💻 입니다! 오늘은 SwitUI를 이용해서 Layout을 잡을 때 아주 유용하게 사용되는 GeometryReader에 대해서 알아보려고 합니다. 바로 시작할게요~ GeometryReader란? 이름을 직역하면 Geometry는 기하학을 나타내니깐, 기하학적인 무언가를 읽는 것이라고 해석할 수 있는데요. 공식 문서에도 이름을 직역한 것과 비슷하게 "컨텐츠의 크기와 위치를 함수로 나타내는 컨테이너 뷰야!" 라고 소개합니다. GeometryReader를 초기화 하는 방법은 아래와 같이 컨텐츠를 만드는데 GeometryProxy를 이용해서 만듭니다. GeometryProxy란? 그렇다면 GeometryProxy는 무엇일까요? 우선 Proxy의 뜻은 무엇인가를 대신 한다는 의미를 나타냅니다. .. 2022. 4. 4.

[TS] Extends와 Implements 차이 (Difference between extends and implements) 안녕하세요 Foma 💻 입니다. 오늘은 TS에서 클래스 옆에 extends와 implements가 순간 헷갈려서 정확히 기억하기 위해 정리하려고 합니다. 바로 시작할게요~ Extends 상속받고자 하는 부모 클래스를 명시하는 것. 즉, extends에 원하는 클래스를 명시하면 해당 클래스의 프로퍼티와 메서드를 따로 구현하지 않아도 인스턴스에서 자유롭게 사용 가능합니다. 쉽게 말해 "부모가 가진 거 너 맘대로 써도 돼~" 라는 것과 같습니다. 아래와 같이 부모 클래스를 만들어 줍니다. class Parent { public lastName: string = "An"; public speakKorean() { console.log("안녕하세요"); } public eatWithChopsticks() { co.. 2022. 4. 2.

[SwiftUI] 자연스러운 화면전환 애니메이션 구현하기 (feat. matchedGeometryEffect,Namespace) 안녕하세요 Foma 💻 입니다! 평소에 AppStore를 보면 화면 간 전환할 때 자연스러운 애니메이션이 많이 보았는데, '이건 어떻게 구현했을까' 라는 생각이 많이 들어 글을 정리하게 되었습니다. 바로 시작할게요~ Preview @Namespace 화면 전환 애니메이션을 구현하기 위해선 @Namespace 프로퍼티 래퍼가 필요합니다. @Namespace는 공식 문서엔 아래와 같이 소개합니다. 속성을 포함하는 개체(예: view)의 영구 ID로 정의된 네임스페이스에 대한 액세스를 허용하는 동적 속성 유형입니다. 간단하게 말하면 객체의 정보를 ID와 함께 기억하고 있는 래퍼입니다. 이 ID를 통해서 정보를 다른 뷰와 공유할 수 있으며, 이것을 통해 지오메트리 애니메이션이 가능해 집니다. 선언하는 방식은 아.. 2022. 3. 28.

[Swift] 2019 KAKAO BLIND RECRUITMENT 블록 게임 Problem 코딩테스트 연습 - 블록 게임 [[0,0,0,0,0,0,0,0,0,0],[0,0,0,0,0,0,0,0,0,0],[0,0,0,0,0,0,0,0,0,0],[0,0,0,0,0,0,0,0,0,0],[0,0,0,0,0,0,4,0,0,0],[0,0,0,0,0,4,4,0,0,0],[0,0,0,0,3,0,4,0,0,0],[0,0,0,2,3,0,0,0,5,5],[1,2,2,2,3,3,0,0,0,5],[1,1,1,0,0,0,0,0,0,5]] 2 programmers.co.kr Solution 1. 먼저 검은 블록을 떨어뜨려 삭제가 가능한 블록들을 찾아낸다. 주어진 블록은 차례대로 1번 블록의 0,1,2,3 타입, 2번 블록의 0,1,2,3 타입 , 3번 블록의 0,1,2,3타입이 있다고 가정할 때 검은 블.. 2022. 3. 28.

[Angular] 회원가입 입력화면 만들어보기 (Register Validation Form) 안녕하세요 Foma 💻 입니다. 오늘은 회원가입을 할 때 정해진 규칙에 맞는지 여부를 검사하는 화면 폼을 만들어 보겠습니다. 바로 시작할게요~ Set up angular material 앵귤러에서는 머터리얼 디자인된 UI 컴포넌트들을 제공합니다. 아래 사이트를 이동하시면 여러 컴포넌트들을 사용하는 방법과 API를 확인할 수 있습니다. Angular Material UI component infrastructure and Material Design components for Angular web applications. material.angular.io 터미널에 angular material을 설치해 줍니다. ng add @angular/material 설치가 완료된 뒤에 몇가지 추가적으로 설치할 건지.. 2022. 3. 24.

[Angular] Router에 대해 알아보기 (feat. 화면이동) 안녕하세요 Foma 💻 입니다! 오늘은 Angular에서 화면을 이동하는 방법인 Router에 대해 다뤄보려고 합니다. 바로 시작할게요~ 프로젝트 설정 프로젝트 생성 시에 "Would you like to Angular routing?(너 앵귤러 라우팅 사용할거야?)" 라고 묻는데, 여기서 y를 해줍니다. login(로그인) 화면을 만들어 줍니다. ng g c pages/login register(회원가입) 화면을 만들어 줍니다. ng g c pages/register app-routing.modules.ts Routes에 원하는 endPoint와 component(화면)들을 세팅해줍니다. const routes: Routes = [ { path: 'login', component: LoginCompon.. 2022. 3. 24.

[iOS/UI] UIBezierPath의 거의 모든 것 (feat. 모양,곡선,직선 그리기) 안녕하세요 Foma 💻 입니다! 오늘은 원하는 모양을 직접 그릴 수 있는 UIBezierPath에 대해서 알아보려고 합니다. 예전부터 다루고 싶은 주제였는데 드디어 정리하게 되네요..! 바로 시작할게요~ UIBezierPath란? UIBezierPath는 UIKit에서 그리기(Drawing)에 속해있는 클래스입니다. 그러므로 어떤 것을 그리기 위한 기능들이 속해있겠죠? 애플 공식 문서에는 아래와 같이 정의하고 있습니다. A path that consists of straight and curved line segments that you can render in your custom views. 해석하면 view에서 렌더링 할 수 있는 직선과 곡선으로 구성된 경로라고 하네요. Initializer Bez.. 2022. 3. 21.

[Git] Git으로 협업하는 방법 알아보기 (feat. Git-Flow) 안녕하세요 Foma💻 입니다. 예전에 Github으로 협업하는 방법에 대해 글을 작성한 적이 있습니다. (Github Flow) (혹시 안보신 분들은 여기 에서 확인할 수 있습니다.) 하지만 Github-Flow뿐만 아니라 Gitlab-Flow,Git-Flow 등 다양한 Work-Flow들이 있는데요. 오늘은 좀 더 복잡한 프로젝트에서 사용되는 브랜치 관리 전략인 Git-Flow에 대해서 알아보려고 합니다. 바로 시작할게요~ Git-Flow란? Vincent Driessen가 만든 Git으로 브랜치를 나눠 개발하는 방식 중 하나입니다. 특징은 5종류의 브랜치를 이용하여 저장소를 운영하게 됩니다. 5종류의 브랜치는 아래와 같습니다. Master(main) Release Develop Feature Hotf.. 2022. 3. 18.

이전 1 ··· 4 5 6 7 8 9 10 ··· 49 다음

728x90

티스토리툴바