염이의 기록

OT(operation Technology)망이란?산업 공정/기반  시설/ 설비를 바탕으로 한 작업공정을 감시하고, 제어하기 위한 일체의 기술을 그 목적에 맞게 구성한 네트워크를 말한다. 제조부터 유통까지 모든 부분에 OT 망이 있으며 OT 보안이 실패하는 경우 그것이 공급망 관리 실패이다.  예시예를 들어 배터리의 충전상태와 양을 PLC라는 모뎀으로 연결을 해서 특정수준으로는 충전이 되지 않도록 공급이 제어ㅚ는 형태가 많이 논의 되고 있음 그러한 관점에서 PLC에 보안수준이 더 중요해져야 한다.  정치 경제적 이유로 인한 공금항 이슈는 OT보안 실패시 더 심각한 형태로 재현 될 수 있음 전체 생산의 과정에서 사용되는 OT 보안의 실패시 제대로 된 공급이 불가능하고 이로 인해서 다양한 분야의 설비들이 동..

React contextReact Context란 컴포넌트간의 데이터를 전달할 수 있는 또 다른 방법이다. Props 데이터 전달 방식이 가지고 있는 Props Drilling 문제를 해결할 수 있다.  Props Drilling은 모지? 좀더 자세히 알아보자   Props DrillingProps Drilling이란 Props가 마치 드릴로 땅을 파고 밑으로 끊임없이 내려가는 현상을 표현한 것이다. 이러한 현상이 발생하는 이유는 Props가 부모-자식 관계를 가지고 있는 컴포넌트 사이에서만 데이터 전달이 가능하기 때문이다.   Props는 부모-자식 관계를 가지고 있는 컴포넌트 사이에서만 데이터를 전달을 할수있기에 만약 자식 아래에 있는 손주 props에 데이터에 전달을 하고 싶다면 먼저 자식 컴포넌트..

페이지라우팅 경로에 따라서 알맞은 페이지를 랜더링 하는 과정을 의미한다. 쉽게 말해 사용자, 브라우저, 서버가 있다고 가정을 해보자사용자가 "/bolg 페이지에 해당하는 반환을 해줘!!" 라고 서버에 요청을 보내면 서버는 그 페이지에 해당하는 페이지를 반환을 해주고 브라우저는 서버로 부터 해당 페이지를 받아 웹사이트에 그리게 된다.  즉 랜더링 되게 된다. 이러한 과정을 페이지 라우팅(Page Routing) 이라고 한다. 그럼 어떤 원리로 작동을 하는지 조금만 더 깊게 들어가 보자! Mulit page Application(MPA)전통적인 웹사이트는 사용자에게 보여주어야 하는 모든 페이지를 서버에 가지고 있다. 사용자가 ("/blog)와 같은 특정 페이지를 요청을 하게 되면 서버는 해당 페이지만을 사용..

Async 과 Await  Async 과 Await 은promise를 한단계 감싸서 훨씬 보기 좋게 만들어 주는 문법이다. promise에서 promise chaging 방식으로 여러가지 비동기 작업을 순서대로 처리할 수 있다. Async 과 Await을 사용을 하면 복잡한 chaning 없이 마치 동기적인 코드를 작성하듯 코드를 작성을 할 수 있다.   Asyncasync는 비동기 함수를 정의할때 사용하는 키워드이다. 일반적으로 사용하면 함수앞에 async를 붙여서 사용을 하게 되면 비동기 함수로 변신을 하게 된다.  다시 말하면 함수 앞에 async를 붙여서 사용을 하게 되면 promise를 반환을 하게 되는 비동기 함수가 된다.  promise에서 사용하는 then기능을 await 기능을 통해서 구..

HTTP API를 설계를 할때는 리소스를 중심으로 설계를 한다. URI는 리소스만을 식별을 하면 된다. 그리고 http 메서드를 통해서 행위를 분류를 할수있게 된다. HTTP메서드란http 메서드는 클라이언드가 서버에 무언가를 요청을 할때 기대하는 행동을 의미한다. GET: 리소스 조회POST: 요청 데이터 처리 ,주로 등록에 사용이 된다. PUT: 리소스를 대체 .해당 리소스가 없으면 생성을 한다.PATCHL: 리소스를 부분 변경을 한다. DELETE: 리소스 삭제 등등 더 많은 메서스가 존재한다.  GET 메서드말그대로 리소스를 조회를 한다. 서버에 전달하고 싶은 데어터는 query 를 통해서 전달을 한다.  POST메서드메시지 바디를 통해서 서버로 요청 데이터를 전달을 한다. 서버는 요청 데이터를 ..

콜백함수 Callback 다른 함수의 인자로 전달되는 함수를  의미한다. 아래 그림과 같다.  콜백함수를 전달을 받은 함수는 전달받은 콜백을 함수 내부에서 필요할때 호출하도록 구현이 되어있다. 간단히 말하면 콜백함수는 다른 함수에 인자로 전달이 되는 함수를 의미한다. 별거 없음   비동기 콜백비동기 프로그래밍에서  사용하는 콜백함수를 비동기 콜백이라고 한다. 콜백함수를 통해서 비동기 프로그래밍을 구현을 할수있지만 콜백함수를 연속해서 사용을 하게 되면 코드의 가독성이 떨어지게 된다는 단점이 생기게 된다. 콜백 지옥을 해결할수있는 방법은 없을까 당연히 있음 promise로 해결 가능!

동기적 수행동기적으로 수행한다.  하는 것은 한번에 하나씩 순서대로 처리하는 것을 의미한다. 1번 작업이 끝나면 다음 작업을 실행을 한다.  순차적으로 작업을 하는 것을 의미한다. 작업1이 끝나지 않으면 작업2가 실행이 되지 않는다는 의미이다.   동기 프로그래밍코드가 동기적으로 작동을 하는 것을 말한다. 코드 한줄이 완료가 되어야 다음 코드가 작동을 하는 것을 말한다. 예를 들어 javascript 언어는 동기적으로 실행이 된다.   동기프로그래밍은 편리하기에  동기 프그래밍에 익숙하다.  하지만 동기 프로그래밍 역시 단점이 존재한다. http 요청등 오래걸리는 작업을 하는 경우 코드가 작동을 마칠때까지 아래의 코드가 작동을 하지 않는 blocking 이라는 현상이 발생을 하게 된다. 우리는 비동기 프..

HTTP(Hyper text Transfer Prorocol)무언가 링크를 통해서 전달할수있는 html등 하지만 모든 것이 http를 통해서 통신을 진행을 한다. 음성 영상 파일 html texst등 거의 모든 형태의 데이터가 전송이 가능하다. 서버간의 데어터를 주고 받을 때고 대부분 HTTP를 사용을 한다.     우리가 현재 사용하는 HTTP/1.1 버전을 주로 사용중이고 TCP프로토콜 위해서 작동을 한다. TCP 내용에 대해서 궁금한 분들은 밑에 내용을 읽어보시길...  2024.08.19 - [HTTPS 통신] - 인터넷 네트워크(TCP UDP는 무엇인가요?) 인터넷 네트워크(TCP UDP는 무엇인가요?)TCP와 UDP의 프로토콜 알기전 ip프로토콜(약속) 의 개념에 대해서 알아야 한다. ip 프..

URI (Uniform Resource Identifier)Uniform : 리소스를 식별하는 통일된 방식Resource: 자원 , URl로 식별할수 있는 모든 것 (제한 없음) 예를 들어 html 파일 등 실시간 교통정보등 모든 것을 말한다. Identifier: 다른 항목과 구분하는데 필요한 정보 URL: Uniform Resourse Locator URN: Uniform Resourse Name 쉽게 말하자면 URL은 리소스가 있는 위치를 말한다. URL의 전체 문법  프로토콜 (https)어떤 방식으로 자원에 접근을 할 것인가 하는 약속 규칙을 의미한다. (http,https등) 호스트명 (www.google.com)도메인명 또는 IP주소를 직접 사용가능하다.  포트 번호 (443)일반적으로 생략..

port에 개념에 대해서 알기 전에  TCP, UDP 프로토콜에 대해서 알면 더욱 이해가 쉬울것 같다 정리본 한번 읽어보면 많은 도움이 될 것 같다. 2024.08.19 - [분류 전체보기] - 인터넷 네트워크(TCP UDP는 무엇인가요?)  PORT는 왜 필요한데? 같은 ip내에서 프로세스를 구분해주는 역할을 한다... port라는 정보가 없다면 우리는 하나의 작업밖에 하지 못하게 된다. 예를 들어 음악을 들으면서 게임을 하고 있다고 가정을 해보자. port가 없다면  음악을 위한 데이터 패킷과 게임을 위한 데이터 패킷을 구별할수 없다. 다시말해서 ip정보를 통해서 서버의 위치를 찾고 port 정보를 통해서 어플리케이션을 구분한다고 생각하면 된다.    DNS ip의 문제점  ip숫자가 너무 외우기 어..