컴퓨터 네트워크 01 : 네트워크의 역사, 전달 방식, 품질 기준, OSI 7계층

컴퓨터 네트워크 01 : 네트워크의 역사, 품질 기준, 계층 1. 네트워크의 역사 통신 단말기의 역사(Network edge의 역사) Dial-up Modem 전화선(음성정보)를 그대로 이용 Binary 데이터 -> 가청 주파수 1200bps ~ 9600bps 전송률 전화를 걸어서 통신 음성정보 = 데이터 정보 Network core = 전화망 DSL(Digital Subscriber Line) 전화선을 통신 선로로 사용 Last Mile(마지막 1단계)만 전화선 사용 Network core가 별도로 존재 1~8Mbps 전송률 splitter를 통해 전화국까지의 선은 공유하나 전화가 오는 신호와 DSL 에서 사용하는 신호가 구분됨 dedicated channel(전용채널, 혼자 쓰는 채널) 케이블 모뎀 ..

• format_list_bulleted CS 공부/컴퓨터 네트워크
• · 2023. 3. 9.
• textsms

React Dnd kit 정리 - 드래그 앤 드롭으로 위치 바꾸기(가로, 세로, 그리드)

React Dnd kit 정리 - 드래그 앤 드롭으로 위치 바꾸기 1. React Dnd kit란? React에서 드래그 앤 드롭 인터페이스를 구축하기 위한 패키지 세트. 끌어서 놓을 수 있는 요소를 만들고 이벤트를 관리하고 상호 작용을 구현하도록 도움을 준다. 2. 설치 npm install @dnd-kit/core npm install react react-dom Modifiers 이동 좌표를 동적으로 수정할 수 있는 기능을 제공한다. 단일 축 동작 제한 드래그 가능한 노드 컨테이너, 스크롤 컨테이너의 사각형 경계로 이동 제한 모션 고정 적용 등.. 이와 같은 기능들을 구현하기 위해서는 modifiers의 DndContext, DraggableClone을 활용해야 한다. npm install @dnd..

• format_list_bulleted React/dnd
• · 2023. 2. 24.
• textsms

[React recoil] Warning: You passed a container to the second argument of root.render(...). You don't need to pass it again since you already passed it to create the root. 에러 해결

[React recoil] Warning: You passed a container to the second argument of root.render(...). You don't need to pass it again since you already passed it to create the root. 에러 해결 1. 에러 발생 recoil 라이브러리로 비동기 통신을 하면서 위와 같은 에러가 발생하였다. 포켓몬 api 사이트에서 특정 포켓몬에 대한 데이터를 가져오려는 시도를 했다. console창을 보면 정상적으로 데이터를 가져오는데도 불구하고 렌더링이 되지 않고 loading상태에서 머물러 있는 것을 확인할 수 있었다. 대략적인 코드는 다음과 같았다. export const pokemonInfoQue..

• format_list_bulleted React/recoil
• · 2023. 2. 18.
• textsms

[Flutter GetX : 06] GetxService

GetxService 1. GetxController와의 차이점 GetxController는 인스턴스를 자동으로 생성, 삭제할 수 있었지만, (permanent: true 속성을 적용할 경우 자동 삭제 방지 가능) GetxService는 생성은 자동이나, 삭제는 수동으로 호출해야 한다는 차이점이 있다. 2. GetxService 활용 예제 지난번까지는 컨트롤러를 구현할 때 GetxController를 extends 해왔다. 이번에는 GetxService를 상속받아 컨트롤러를 구현하고, 버튼 누르면 카운트가 되는 간단한 예제에 적용시켜보자. (main.dart) import 'package:flutter/material.dart'; import 'package:flutter_getx/src/home.dar..

• format_list_bulleted Flutter/GetX
• · 2023. 2. 15.
• textsms

티스토리 블로그 게시글 간단하게 목차 만들기, 목차로 되돌아가는 링크 만들기(개쉬움주의)

티스토리 블로그 게시글 간단하게 목차 만들기, 목차로 되돌아가는 링크 만들기(개쉬움주의) 목차 1. 서론 2. 구현하기 : 목차와 링크 설정 3. 구현하기 : 목차로 되돌아가기 1. 서론 TOC인가 뭔가나 자동 목차 만들기 관련 글 찾아보다가 잘 안되고 열받아서 그냥 일일이 수동으로 하는 방식으로 만들어 봤습니다. 좀 귀찮긴 한데 확실하고 깔끔합니다. 블로그 관리 들어가서 html 편집하고 이렇게 하면 그냥 서식만 추가하면 자동으로 목차 만들어줘서 편하긴한데, 코딩 잘 모르는 사람 입장에서는 내 맘대로 커스터마이징하기가 힘들지 않습니까? 그리고 서식도 의도대로 안 만들어져서 그냥 안쓰게 되는 경우도 많았습니다. 제가 사용하는 방식은 수동으로 hdml 태그를 살짝 손봐주는 거라서 매번 포스팅마다 번거롭기는..

• format_list_bulleted 문제 해결
• · 2023. 2. 14.
• textsms

[Flutter GetX : 05] 바인딩, 컨트롤러 선언과 사용 간소화

바인딩, 컨트롤러 선언과 사용 간소화 목차 1. 바인딩 2. 컨트롤러 선언, 사용 간소화 예제 1. 바인딩 ElevatedButton( onPressed: () { Get.to( () => const GetPut(), binding: BindingsBuilder(() { Get.create( () => DependencyController()); }), ); }, child: const Text("create") ), 바인딩은 페이지 라우트 단계(페이지를 보내는 부분)에서 해당 페이지에서 사용하게 될 컨트롤러를 주입하는 방법이다. 넘어갈 페이지가 어디인지, 어떤 컨트롤러를 주입할 것인지 한번에 지정할 수 있다. 위와 같은 방법으로 BindingsBuilder를 이용해 특정 위젯 내부에 선언해도 상관없으나..

• format_list_bulleted Flutter/GetX
• · 2023. 2. 14.
• textsms