코딩아트

[Python] OpenCV 메서드 정리

아트성 — Sat, 24 Jun 2023 14:07:04 +0900

이미지

cv2.imread (이미지 읽기)

filename	string	읽고자 하는 이미지 파일의 이름을 나타냅니다. 이 때 이미지 파일의 절대 경로 또는 상대 경로를 사용할 수 있습니다.
flags	int	이미지 파일을 읽는 방식을 지정하는 플래그입니다. cv2.IMREAD_COLOR (기본값, 컬러 이미지로 읽음), cv2.IMREAD_GRAYSCALE (흑백 이미지로 읽음), cv2.IMREAD_UNCHANGED (알파 채널 포함하여 읽음) 등의 값을 지정할 수 있습니다.

cv2.cvtColor (이미지 전환)

src	numpy array	컬러스페이스를 변환하고자 하는 원본 이미지를 나타냅니다. 이 파라미터는 보통 cv2.imread 함수 등으로 이미지 파일을 읽어들여 만든 numpy 배열을 사용합니다.
code	int	컬러스페이스 변환 방식을 지정하는 플래그입니다. 이 플래그에 따라 원본 이미지의 컬러스페이스를 다른 컬러스페이스로 변환할 수 있습니다. 예를 들어, cv2.COLOR_BGR2GRAY는 BGR 컬러스페이스를 흑백으로, cv2.COLOR_BGR2HSV는 BGR 컬러스페이스를 HSV로 변환합니다.

cv2.imshow (이미지 전환)

winname	string	이미지를 표시할 윈도우의 이름을 나타냅니다. 같은 이름의 윈도우가 이미 존재하면 그 윈도우에 이미지를 표시하고, 존재하지 않으면 새로운 윈도우를 만들어 이미지를 표시합니다.
mat	numpy array	표시할 이미지를 나타냅니다. 이 파라미터는 보통 cv2.imread 함수 등으로 이미지 파일을 읽어들여 만든 numpy 배열을 사용합니다.

cv2.mwrite

filename	string	이미지를 저장할 파일의 이름을 나타냅니다. 파일 이름에는 확장자까지 포함해야 합니다 (예: "image.jpg").
img	numpy array	저장할 이미지를 나타냅니다. 이 파라미터는 보통 cv2.imread 함수 등으로 이미지 파일을 읽어들여 만든 numpy 배열을 사용합니다.

cv2.waitKey (키보드 입력)

delay

int

키보드 입력을 대기할 시간을 밀리초 단위로 나타냅니다. delay가 0이면 키보드 입력이 있을 때까지 무한히 대기하고, 그 외의 경우는 지정한 시간 동안 대기한 후에 반환합니다.

cv2.destroyAllWindows (윈도우 종료)

도형

cv2.line (직선 그리기)

img	numpy.ndarray	이미지를 표현하는 2차원 또는 3차원 numpy 배열.
pt1	tuple	선의 시작점 좌표. (x, y) 형태의 튜플.
pt2	tuple	선의 종료점 좌표. (x, y) 형태의 튜플.
color	tuple	선의 색상. RGB 모드일 경우 (R, G, B) 형태의 튜플, 회색조 모드일 경우 스칼라 값.
thickness	int	선의 두께. 픽셀 단위의 양의 정수. 디폴트 값은 1.
lineType	int	선의 타입. 디폴트는 cv2.LINE_8. 다른 선택 가능한 값으로 cv2.LINE_4, cv2.LINE_AA 등이 있다.
shift	int	좌표에 대한 소수점 비트의 수. 디폴트 값은 0.

cv2.rectangle (사각형 그리기)

img	numpy.ndarray	사각형을 그릴 대상 이미지. 이미지는 2차원 또는 3차원 numpy 배열로 표현됩니다.
pt1	tuple	사각형의 시작점 좌표. (x, y) 형태의 튜플.
pt2	tuple	사각형의 종료점 좌표. (x, y) 형태의 튜플. 시작점에서 대각선 방향으로 봤을 때 위치합니다.
color	tuple	사각형의 색상. RGB 모드일 경우 (R, G, B) 형태의 튜플, 회색조 모드일 경우 스칼라 값.
thickness	int	선의 두께. 픽셀 단위의 양의 정수. 디폴트 값은 1. thickness가 -1이면 사각형 내부를 채웁니다.
lineType	int	선의 타입. 디폴트는 cv2.LINE_8. 다른 선택 가능한 값으로 cv2.LINE_4, cv2.LINE_AA 등이 있다.
shift	int	좌표에 대한 소수점 비트의 수. 디폴트 값은 0.

cv2.circle (원 그리기)

img	numpy.ndarray	원을 그릴 대상 이미지. 이미지는 2차원 또는 3차원 numpy 배열로 표현됩니다.
center	tuple	원의 중심 좌표. (x, y) 형태의 튜플.
radius	int	원의 반지름. 픽셀 단위의 양의 정수.
color	tuple	원의 색상. RGB 모드일 경우 (R, G, B) 형태의 튜플, 회색조 모드일 경우 스칼라 값.
thickness	int	선의 두께. 픽셀 단위의 양의 정수. 디폴트 값은 1. thickness가 -1이면 원 내부를 채웁니다.
lineType	int	선의 타입. 디폴트는 cv2.LINE_8. 다른 선택 가능한 값으로 cv2.LINE_4, cv2.LINE_AA 등이 있다.
shift	int	좌표에 대한 소수점 비트의 수. 디폴트 값은 0.

cv2.putText (텍스트 그리기)

img	numpy.ndarray	텍스트를 그릴 대상 이미지. 이미지는 2차원 또는 3차원 numpy 배열로 표현됩니다.
text	str	이미지에 그릴 텍스트 문자열.
org	tuple	텍스트가 시작될 좌표. 좌표는 (x, y) 형태의 튜플로, 왼쪽 하단을 기준으로 합니다.
fontFace	int	글꼴 타입. cv2.FONT_HERSHEY_SIMPLEX, cv2.FONT_HERSHEY_PLAIN 등이 있습니다.
fontScale	float	글꼴 크기. 텍스트의 크기를 결정합니다.
color	tuple	텍스트의 색상. RGB 모드일 경우 (R, G, B) 형태의 튜플, 회색조 모드일 경우 스칼라 값.
thickness	int	선의 두께. 픽셀 단위의 양의 정수. 디폴트 값은 1입니다.
lineType	int	선의 타입. 디폴트는 cv2.LINE_8. 다른 선택 가능한 값으로 cv2.LINE_4, cv2.LINE_AA 등이 있다.
bottomLeftOrigin	bool	True일 경우, 이미지의 왼쪽 하단을 원점으로 삼습니다. False일 경우, 왼쪽 상단이 원점이 됩니다. 디폴트는 False입니다.

폰트 인덱스

FONT_HERSHEY_SIMPLEX 0

FONT_HERSHEY_PLAIN	1
FONT_HERSHEY_DUPLEX	2
FONT_HERSHEY_COMPLEX	3
FONT_HERSHEY_TRIPLEX	4
FONT_HERSHEY_COMPLEX_SMALL	5
FONT_HERSHEY_SCRIPT_SIMPLEX	6
FONT_HERSHEY_SCRIPT_COMPLEX	7
FONT_ITALIC	16

아래 예제는 0번째 텍스트의, 두께를 2로 설정한것이다.

[자율주행] 자율주행의 현주소와 기술들

아트성 — Tue, 20 Jun 2023 18:45:14 +0900

자율주행은 운전자 없이 자동으로 운행하는 기술로, 이는 교통사고 감소, 효율적인 교통체계 구축, 이동의 접근성 향상, 시간 절약 등의 이점을 현대 사회에 제공한다. 자율주행은 현재 2단계까지 도달했으며 3단계수준에 밀접하게 접근하고있는 회사들도 생겨나고 있는중이다. 이는 차량이 일부 또는 특정 상황에서의 운행을 담당할 수 있다는 것을 의미한다.

예를 들어, 일부 차량은 고속도로 운행 중에 차량 간 거리를 유지하거나 차선을 유지하는 등의 작업을 자동으로 수행할 수 있는 기능을 갖추고 있다.이는 차량이 자동으로 속도를 조절하거나 핸들을 조작하는 능력을 가지고 있다는 것을 의미한다. 그러나 이 기능들은 대부분 운전자가 주의를 기울이고 필요한 경우 개입할 수 있어야 하는 상황에 제한되어 있다.

그러나 4단계 또는 5단계의 자율주행 기술은 아직 대중화되지 않았다.

이 단계에서의 자율주행 차량은 운전자 개입 없이도 안전하게 운행이 가능해야 하지만, 이러한 기능은 아직 연구 및 개발 단계에 있거나 제한된 환경에서만 실험 중인 실정이다. 물론, 일부 회사들은 이미 고도의 자율주행 기술을 가진 차량을 테스트하고 있지만, 이러한 차량이 보편화되기까지는 아직 시간이 필요할 것으로 예상된다.

이 기술의 발전은 기술적인 진보 뿐만 아니라 법률, 보험, 사회적 여건 등 여러 복잡한 요인에 의해 결정되며, 이러한 이유로 인해 완전한 자율주행 기술의 보편화는 아직도 몇 년 또는 수십 년이 소요될 것으로 보인다는게 필자의 전망이다.

자율주행 기술에서 빠질수 없는게 알고리즘인데 자율주행 알고리즘은 센서 기술, 컴퓨터 비전, 인공지능 등을 결합하여 차량이 스스로 주변을 인식하고 움직일 수 있게한다. 이는 운전이 어려운 사람들에게 이동의 독립성을 제공하고, 운전 중 인간의 실수로 인한 사고를 줄이며, 운전에 소비되는 시간을 절약하는 등의 이점을 우리 사회에 가져다준다.

아래는 자율주행에 들어가는 알고리즘을 표로 정리해 보았다.

주행 경로 계획 (Path Planning)	주행 경로를 결정하기 위해 환경 정보와 목표를 고려하여 경로를 계획합니다.
장애물 감지 및 추적	센서를 사용하여 주변의 장애물을 감지하고, 이를 기반으로 주행 경로를 조정합니다.
차선 인식 (Lane Detection)	영상처리 기술을 사용하여 도로의 차선을 인식하고, 주행 경로를 유지합니다.
신호등 및 표지판 인식	컴퓨터 비전 기술을 사용하여 신호등과 도로 표지판을 인식하고, 적절히 대응합니다.
차량 간 통신	V2V (Vehicle-to-Vehicle) 및 V2I (Vehicle-to-Infrastructure) 통신을 통해 차량 간 정보를 공유합니다.
속도 및 거리 제어	주행 조건과 규칙을 고려하여 차량의 속도와 앞 차와의 거리를 제어합니다.
자세 제어	차량의 방향, 기울기, 가속도 등을 조절하여 안정적인 주행을 유지합니다.
실시간 위치 추정	GPS와 센서 데이터를 결합하여 차량의 정확한 위치를 추정합니다.
객체 추적	센서 및 비전 기술을 사용하여 다른 차량, 보행자 등 주변 객체를 식별하고 추적합니다.
긴급 상황 대응	예상치 못한 상황에 대비하여 적절한 대응을 취하고, 충돌을 피하기 위한 조치를 취합니다.

자율주행 센서도 알고리즘 못지않게 중요한 요소다. 자율주행 센서는 차량이 주변 환경을 인식하도록 돕는 기기로, 레이더, 리다, 카메라 등이 있다. 레이더는 물체와의 거리와 속도를 측정하며, 라이다는 레이저를 사용해 상세한 3D 맵(PointClouds)을 그린다. 카메라는(Visual Sensor) 차선, 표지판, 신호등 등의 시각적 정보를 인식한다. 이런 센서 정보를 분석하고 이해함으로써 자율주행 차량은 안전하게 운전하고, 장애물을 피하며, 적절한 속도와 방향으로 이동하는데 필요한 결정을 내리게 된다.

아래는 자율주행 센서의 종류를 표로 정리해보았다.

카메라 (Camera)	도로 상의 객체를 인식하고, 차선 인식, 신호등 및 표지판 인식에 사용됩니다.
라이다 (Lidar)	주변 환경의 거리와 형상을 측정하여 3D 지도를 작성하고 장애물 감지에 사용됩니다.
레이더 (Radar)	주변 객체의 거리, 속도 및 방향을 감지하여 장애물 감지와 차량 간 거리 제어에 사용됩니다.
초음파 센서 (Ultrasonic Sensor)	차량 주변의 근거리 장애물을 감지하고 주차 보조 및 접근 제어에 사용됩니다.
GPS (Global Positioning System)	차량의 위치 정보를 제공하여 차량 위치 추정에 사용됩니다.
IMU (Inertial Measurement Unit)	차량의 가속도, 각속도, 자세 등을 측정하여 차량 제어와 위치 추정에 사용됩니다.
밝기 센서 (Light Sensor)	주변 조도를 측정하여 주행 조명 및 비젼 시스템에 사용됩니다.
엔코더 (Encoder)	차량의 바퀴 회전 수를 측정하여 주행 거리 및 속도 추정에 사용됩니다.
고도계 (Altimeter)	차량의 고도를 측정하여 주행 환경에 대한 정보를 제공합니다.
대기 센서 (Gas Sensor)	대기 중의 가스 농도를 측정하여 대기 질 모니터링에 사용됩니다.

그렇다면 자율주행기술을 적절하게 사용하고 있는 회사들도 있을까?

아래는 현재 자율주행 알고리즘을 사용하고 있는 몇 가지 주요 자동차 회사를 아래의 표로 정리해보았다.

테슬라 (Tesla)	자체 개발한 "Tesla Autopilot" 시스템을 사용하며, 신경망 기반의 딥러닝 알고리즘을 활용합니다.
웨이모 (Waymo)	"Waymo Driver"라는 자체 개발한 자율주행 시스템을 사용하며, 머신러닝과 센서 기술을 적용합니다.
아우디 (Audi)	"Audi AI" 시스템을 사용하며, 주행 경로 계획, 차선 인식, 객체 감지 및 추적에 다양한 알고리즘을 사용합니다.
BMW	"BMW Personal CoPilot" 시스템을 사용하며, 센서 데이터와 딥러닝 알고리즘을 결합하여 자율주행을 구현합니다.
메르세데스-벤츠 (Mercedes-Benz)	"Mercedes-Benz Intelligent Drive" 시스템을 사용하며, 센서 기술과 실시간 데이터 처리를 통해 자율주행을 구현합니다.

자율주행 기술을 개발하는 주요 기업들은 각자의 방식으로 연구를 진행하고 있습니다. Tesla는 기계 학습 기반의 "Autopilot" 시스템 개발에 주력하고, Waymo는 LIDAR와 카메라를 활용한 레벨 4 자율주행 기술 개발에 초점을 두었다. Uber와 GM 자회사인 Cruise는 도심 환경에서의 완전 자율주행 택시 개발을 목표로 하고있다. 이들의 연구는 도로 안전성 향상과 교통 체증 해소에 기여하고 있다.

[Python] OpenCV 예제로 무작정 따라하기

아트성 — Fri, 16 Jun 2023 17:04:14 +0900

개요

OpenCV는 이미지 및 동영상 분석을 위한 오픈 소스 라이브러리로, 기본적인 이미지 처리부터 고급 컴퓨터 비전, 기계 학습 기법까지 활용 가능하며, 얼굴 및 객체 인식, OCR, 태그 분석 등의 다양한 기능을 제공한다.

이는 필터링, 기하학적 변환, 색상 공간 변환, 히스토그램, 특징 검출 및 설명등이 있지만 이중에서 가장 많이 쓰이는 부분은 영상처리다. 입력된 이미지를 개선하여 목적에 맞게 변형하는 과정으로, 잡음 제거, 대비 개선, 관심 영역 강조, 영역 분할, 압축 및 저장 등을 포함한다.

OpenCV의 영상처리 기술은 의료분야(CT, MRI), 자율주행(Visual Sensor), 보안(얼굴인식), 항공우주산업 등 다양한 분야에 쓰인다. 예제를 통해서 어떤방식으로 기능구현되는지 알아보도록한다.

이미지

OpenCV는 이미지와 비디오를 분석하고 처리하는 데 다양한 기능을 제공한다.

이미지 변환, 객체검출 & 인식, 객체 인식, 히스토그램등 다양하게 응용해서 사용할 수 있다.

이미지 읽기

cv2.imread(file_name, flag)

# file_name : 읽고자 하는 이미지 파일
# flag : 이미지를 읽는 방법 설정
	# IMREAD_COLOR : 이미지를 Color로 읽고, 투명한 부분은 무시
	# IMREAD_GRAYSCALE : 이미지를 Grayscale로 읽기
	# IMREAD_UNCHANGED : 이미지를 Color로 읽고, 투명한 부분도 읽기 (Alpha)

#Return값 : Numpy 객체 (행, 열, 색상 BGR)

이미지 전환

img_converted = cv2.cvtColor(img, flag)

# img : 이미지를 표현하는 2차원 또는 3차원 numpy 배열
# flag : 이미지를 읽는 방법 설정
    # COLOR_BGR2GRAY : BGR 색상 공간에서 그레이스케일로 변환
    # COLOR_GRAY2BGR : 그레이스케일에서 BGR 색상 공간으로 변환
    # COLOR_BGR2HSV : BGR 색상 공간에서 HSV로 변환
    # COLOR_HSV2BGR : HSV에서 BGR 색상 공간으로 변환
    # COLOR_BGR2RGB : BGR 색상 공간에서 RGB로 변환
    # COLOR_RGB2BGR : RGB에서 BGR 색상 공간으로 변환
    # COLOR_BGR2YCrCb : BGR 색상 공간에서 YCrCb로 변환

이미지 출력

cv2.imshow(title, image) 

# title : 윈도우 창의 제목
# image : 출력할 이미지 객체

이미지 저장

cv2.mwrite(file_name, image)

# file_name : 저장할 이미지 파일 이름
# image : 저장할 이미지 객체

키보드 입력

cv2.waitKey(time)

# time : 입력 대기시간 (무한대기 : 0)
# 반환 값 : 사용자가 입력한 Ascii Code (ESC : 27)

윈도우 종료

cv2.destroyAllWindows()

예제1 ) 이미지 실행 & 저장

import cv2

img_rgb = cv2.imread('summer.png', cv2.IMREAD_COLOR)
cv2.imshow('Image', img_rgb)
cv2.waitKey(0)
cv2.imwrite('result.png', img_rgb)

summer.png

0.46MB

위의 코드를 실행시키면 윈도우창이 실행되면서 사진이 나타난다.

특정 키를 누르고 창을 종료시키면 이미지가 저장된다.

도형

OpenCV는 다양한 도형을 이미지 위에 그릴 수 있는 기능을 제공한다.

직선, 사각형, 원, 타원, 폴리곤등 다양한 기능을 제공한다. 그중 가장 많이쓰이는 직선, 사각형, 원 관련 함수를 알아보자.

직선 그리기

cv2.line(img, startLinePos, endLinePos, color, thickness)

# img (numpy.ndarray) : 이미지를 표현하는 2차원 또는 3차원 numpy 배열.
# startLinePos (tuple) : 선의 시작점 좌표. (x, y) 형태의 튜플.
# endLinePos (tuple) : 선의 종료점 좌표. (x, y) 형태의 튜플.
# color (tuple) : 선의 색상. RGB 모드일 경우 (B, G, R) 형태의 튜플, 회색조 모드일 경우 스칼라 값.
# thickness (int) : 선의 두께. 픽셀 단위의 양의 정수. 디폴트 값은 1.

사각형 그리기

cv2.rectangle(img, startRectanglePos, endRectanglePos, color, thickness)

# img (numpy.ndarray) : 이미지를 표현하는 2차원 또는 3차원 numpy 배열.
# startLinePos (tuple) : 사각형의 시작점 좌표. (x, y) 형태의 튜플.
# endLinePos (tuple) : 	사각형의 종료점 좌표. (x, y) 형태의 튜플. 시작점에서 대각선 방향으로 봤을 때 위치.
# color (tuple) : 선의 색상. RGB 모드일 경우 (B, G, R) 형태의 튜플, 회색조 모드일 경우 스칼라 값.
# thickness (int) : 선의 두께. 픽셀 단위의 양의 정수. 디폴트 값은 1. 채우기는 -1

원 그리기

cv2.circle(img, center, radius, color, thickness)

# img (numpy.ndarray) : 이미지를 표현하는 2차원 또는 3차원 numpy 배열.
# center (tuple) : 원의 중심 좌표. (x, y) 형태의 튜플.
# radois (int) : 원의 반지름. 픽셀 단위의 양의 정수.
# color (tuple) : 원의 색상. RGB 모드일 경우 (B, G, R) 형태의 튜플, 회색조 모드일 경우 스칼라 값.
# thickness (int) : 선의 두께. 픽셀 단위의 양의 정수. 디폴트 값은 1. 채우기는 -1

예제2 ) 도형 그리기

import cv2
import numpy as np
from matplotlib import pyplot as plt

img = np.zeros((512, 512, 3), np.uint8)
img = cv2.line(img, (0, 512), (512, 0), (255, 0, 0), 5)
img = cv2.rectangle(img, (150, 150), (350, 350), (0, 255, 0), 3)
img = cv2.circle(img, (400, 100), 50, (0, 0, 255), 4)
cv2.imshow('Image', img)
cv2.waitKey(0)

도형을 채우고 싶으면, 5번째 파라미터인 thickness를 -1로 바꿔주면 된다.

텍스트

텍스트 그리기

cv2.putText(img, text, org, fontFace, fontScale, color, thickness, lineType, bottomLeftOrigin)

# img (numpy.ndarray) : 텍스트를 그릴 대상 이미지. 이미지는 2차원 또는 3차원 numpy 배열
# text (str) : 이미지에 그릴 텍스트 문자열.
# org (tuple) : 텍스트가 시작될 좌표. 좌표는 (x, y) 형태의 튜플, 왼쪽 하단을 기준

# fontFace (int) : 글꼴 타입.
    # FONT_HERSHEY_SIMPLEX (0) : 기본 글꼴
    # FONT_HERSHEY_PLAIN (1) : 얇은 기본 글꼴
    # FONT_HERSHEY_DUPLEX (2) : 두꺼운 기본 글꼴
    # FONT_HERSHEY_COMPLEX (3) : 복잡한 글꼴
    # FONT_HERSHEY_TRIPLEX (4) :  복잡한 두꺼운 글꼴
    # FONT_HERSHEY_COMPLEX_SMALL (5) : 복잡한 작은 글꼴
    # FONT_HERSHEY_SCRIPT_SIMPLEX (6) : 필기체 스타일 글꼴
    # FONT_HERSHEY_SCRIPT_COMPLEX (7) : 복잡한 필기체 스타일 글꼴
    # FONT_ITALIC (16) : 이탤릭 스타일 글꼴
    
# fontScale (float) : 글꼴 크기, 텍스트의 크기를 결정
# color (tuple) : 텍스트의 색상. RGB 모드일 경우 (B, G, R) 형태의 튜플, 회색조 모드일 경우 스칼라 값.
# thickness (int) : 텍스트의 두께. 픽셀 단위의 양의 정수. 디폴트 값은 1.
# lineType (int) : 선의 타입. 디폴트는 cv2.LINE_8. 다른 선택 가능한 값으로 cv2.LINE_4, cv2.LINE_AA.
# bottomLeftOrigin (bool) : True일 경우 왼쪽하단, False일 경우 왼쪽상단이 원점.

예제3 ) 텍스트 그리기

import cv2
import numpy as np
from matplotlib import pyplot as plt

img = np.zeros((512, 512, 3), np.uint8)
img = cv2.putText(img, 'Python', (10, 250), 0, 4, (0, 255, 255), 3)
cv2.imshow('Image', img)
cv2.waitKey(0)

[Unity] Socket을 이용한 python과 통신

아트성 — Thu, 8 Jun 2023 11:26:56 +0900

파이썬에서 입력된 데이터를 유니티로 보내서 씬화면에 있는 큐브의 위치를 변경시켜보자.

서버 연결방식은 루프백 통신방식을 사용한다.

unity는 python(클라이언트)의 연결을 기다리는 서버, python은 unity와 연결을 설정하는 클라이언트의 역할을 담당하도록 구조를 짠다. 연결이 설정되면 python은 좌표 또는 바이트스타입의 데이터를 unity로 보낼 수 있다.

unity는 python에서 데이터를 수신하고 수신된 좌표를 기반으로 큐브의 위치를 업데이트한다.

    Thread thread;
    public int connectionPort = 25001;
    TcpListener server;  
    TcpClient client; 
    bool running;

Thread : 역할은 메인쓰레드에서 서버를 담당하는것이 아닌, 서버전용 쓰레드를 생성하는 역할을 담당한다.

따라서 유니티를 실행하지 않은상태에서도 데이터를 수신할 수 있다.

connectionPort : 클라이언트가 접속할 포트번호.

TcpListener : 네트워크 클라이언트에서 연결을 수신한다.

TcpClient : 네트워크를 통해 스트림 데이터를 연결, 전송, 수신등 간단한 기능들을 제공한다.

running : 서버가 열려있는지 체크한다.

    private void Start()
    {
        // Receive on a separate thread so Unity doesn't freeze waiting for data
        ThreadStart ts = new ThreadStart(GetData);  
        thread = new Thread(ts);
        thread.Start();
    }

메서드를 별도의 스레드에서 실행하도록 한다.

    void GetData()
    {
        // Create the server
        // 클라이언트 연결.
        server = new TcpListener(IPAddress.Any, connectionPort); 
        server.Start();

        // Create a Clinent to get the data stream
        client = server.AcceptTcpClient();

        // Start listening
        running = true;
        while(running)
        {
            Connection();
        }
        server.Stop();
        Debug.Log("서버 스탑");
    }

GetData의 메서드는 서버를 생성해 클라이언트의 데이터를 수신받는 역할을 한다.

IPAddress.Any와, 동기화할 포트를 파라미터로 전달해서 TcpListener의 인스턴스를 생성해서 서버를 만든다.

여기서 IPAddress.Any는 모든 네트워크 인터페이스에서 들어오는 연결을 수신함을 뜻한다.

이더넷 인터페이스 : 이것은 컴퓨터와 서버에서 볼 수 있는 일반적인 유형의 네트워크 인터페이스. 이더넷 케이블을 사용하여 장치를 LAN(Local Area Network) 또는 WAN(Wide Area Network)에 연결.

Wi-Fi 인터페이스 : 장치와 네트워크 간의 무선 통신.

루프백 인터페이스 : 일반적으로 IP 주소 127.0.0.1로 표시되는 루프백 인터페이스는 장치가 자체적으로 통신할 수 있도록 하는 가상 네트워크 인터페이스. 테스트 및 진단 목적으로 자주 사용.

VPN(가상 사설망) 인터페이스 : 장치가 VPN 연결을 설정하면 VPN 터널을 위한 가상 네트워크 인터페이스가 생성. 이 인터페이스는 장치와 VPN 서버 간에 암호화된 트래픽을 라우팅하는 데 사용.

우리가 사용할 방식은 루프백 인터페이스 방식이다. (자세한 설명은 파이썬 코드에서 후술할 예정이다.)

AcceptTcpClient()는 클라이언트 연결이 수신되면 TcpClient를 반환한다.

별도의 메서드(Connection())를 만들어서 while문을 통해 실시간으로 데이터를 주고받을수있게 세팅한다.

    Vector3 position = Vector3.zero;
    void Connection()
    {
        // Read data from the network stream
        NetworkStream nwStream = client.GetStream();
        byte[] buffer = new byte[client.ReceiveBufferSize];
        int bytesRead = nwStream.Read(buffer, 0, client.ReceiveBufferSize);

        // Decode the bytes int a string
        string dataReceived = Encoding.UTF8.GetString(buffer, 0, bytesRead);

        // Make sure we're not getting an empty string
        // dataReceived.Trim();

        if (dataReceived != null && dataReceived != "")
        {
            // Convert the received string of data to the format we are using
            position = ParseData(dataReceived);
            nwStream.Write(buffer, 0, bytesRead);
        }
    }

Connection()은 클라이언트와 네트워크 연결을 처리하기 위한 로직을 정의하는 메서드며, 클라이언트로부터 지속적으로 데이터를 수신하기 위해 while문에서 호출된다.

NetworkStream은 클라이언트에서 얻은 바이트스트림타입의 데이터를 읽고 쓰는데 사용된다.

스트림은 순차적으로 읽거나 쓸 수 있는 데이터 흐름을 나타내기 때문에 "스트림"이라고 부른다. "스트림"이라는 용어는 실제 스트림 또는 흐르는 물의 개념에서 차용한 것.

프로그래밍 맥락에서 스트림은 소스에서 데이터를 읽든(입력 스트림) 대상에 데이터를 쓰든(출력 스트림) 데이터의 연속 흐름을 처리하는 방법을 제공. 이를 통해 프로그래머는 물리적 스트림에서 데이터를 읽거나 쓰는 것과 유사하게 순차적인 방식으로 데이터와 상호 작용할 수 있다.

스트림의 개념은 데이터의 소스 또는 대상에 관계없이 입력/출력 작업을 효율적이고 균일하게 처리하기 위해 다양한 프로그래밍 언어 및 프레임워크에서 사용된다. 스트림은 파일, 네트워크 연결, 메모리 버퍼 또는 사용자 입력 / 출력과 같은 다양한 소스에서 데이터를 읽거나 쓰는 데 사용할 수 있다.

"스트림"이라는 용어는 데이터가 개별 청크가 아닌 연속적인 흐름으로 액세스되거나 조작될 수 있다는 생각을 강조. 광범위한 프로그래밍 시나리오에서 데이터 전송, 처리 및 저장을 처리하는 일관되고 편리한 방법을 제공한다.

buffer는 수신된 스트림 데이터를 임시로 저장하는데 사용되는 바이트 배열이다. cleint.ReceiveBufferSize를 통해서 바이트수를 확인할 수 있다.

dataReceived에 UTF-8인코딩을 사용하여 수신된 바이트를 문자열로 변환시켜서 할당한다. (수신된 스트링에는 파이썬에서 입력된 좌표값이 들어갈것이다.)

    public static Vector3 ParseData(string dataString)
    {
        // Remove the parenthes
        if (dataString.StartsWith("(") && dataString.EndsWith(")"))
        {
            dataString = dataString.Substring(1, dataString.Length - 2);
            Debug.Log(dataString);
        }

        // Split the elements into an array
        string[] stringArray = dataString.Split(',');

        // Store as a Vector3
        Vector3 result = new Vector3(
            float.Parse(stringArray[0]),
            float.Parse(stringArray[1]),
            float.Parse(stringArray[2]));

        return result;
    }

    private void Update()
    {
        // Set this Object's position in the scene according to the position received
        transform.position = position;
    }

좌표값을 파싱처리하는 메서드다. 스트링값을 파라미터로 받고, 불필요한 괄호들을 제거해주고 실시간으로 Vector3값을 받고 위치값을 업데이트 시켜준다.

using System.Net;
using System.Net.Sockets;
using System.Text;
using UnityEngine;
using System.Threading;

public class MyListener : MonoBehaviour
{
    Thread thread;
    public int connectionPort = 25001;
    TcpListener server; 
    TcpClient client; 
    bool running;

    private void Start()
    {
        // Receive on a separate thread so Unity doesn't freeze waiting for data
        ThreadStart ts = new ThreadStart(GetData);  
        thread = new Thread(ts);
        thread.Start();
    }

    void GetData()
    {
        // Create the server
        server = new TcpListener(IPAddress.Any, connectionPort); 
        server.Start();

        // Create a Clinent to get the data stream
        client = server.AcceptTcpClient();

        // Start listening
        running = true;
        while(running)
        {
            Connection();
        }
        server.Stop();
        Debug.Log("서버 스탑");
    }

    // Position is the data being received in this example
    Vector3 position = Vector3.zero;
    void Connection()
    {
        // Read data from the network stream
        NetworkStream nwStream = client.GetStream();
        byte[] buffer = new byte[client.ReceiveBufferSize];
        int bytesRead = nwStream.Read(buffer, 0, client.ReceiveBufferSize);

        // Decode the bytes int a string
        string dataReceived = Encoding.UTF8.GetString(buffer, 0, bytesRead);

        // Make sure we're not getting an empty string
        // dataReceived.Trim();

        if (dataReceived != null && dataReceived != "")
        {
            // Convert the received string of data to the format we are using
            position = ParseData(dataReceived);
            nwStream.Write(buffer, 0, bytesRead);
        }
    }

    public static Vector3 ParseData(string dataString)
    {
        // Remove the parenthes
        if (dataString.StartsWith("(") && dataString.EndsWith(")"))
        {
            dataString = dataString.Substring(1, dataString.Length - 2);
            Debug.Log(dataString);
        }

        // Split the elements into an array
        string[] stringArray = dataString.Split(',');

        // Store as a Vector3
        Vector3 result = new Vector3(
            float.Parse(stringArray[0]),
            float.Parse(stringArray[1]),
            float.Parse(stringArray[2]));

        return result;
    }

    private void Update()
    {
        // Set this Object's position in the scene according to the position received
        transform.position = position;
    }
}

여기까지 유니티 전체 코드다. 이제 파이썬으로 넘어가보자.

아래는 1초마다 3차원상의 z값을 1씩 증가시켜서 유니티로 전송시키는 파이썬 코드다.

import socket
import time

host = "127.0.0.1"
port = 25001

x = 0
y = 0
z = 0

def join_string(x, y, z):
    return f"{x},{y},{z}"

try:
    sock = socket.socket(socket.AF_INET, socket.SOCK_STREAM)
    sock.connect((host, port))

    while True:
        try:
            z += 1
            data = join_string(x, y, z)

            sock.sendall(data.encode("utf-8"))

            response = sock.recv(1024).decode("utf-8")
            print(response)

        except ConnectionResetError:
            print("The server disconnected.")
            # Add any necessary handling for the server disconnection here

        except Exception as e:
            print("An error occurred:", e)

        time.sleep(1)

except ConnectionRefusedError:
    print("Connection refused. Make sure the server is running.")

except Exception as e:
    print("An error occurred:", e)

finally:
    sock.close()

먼저 socket라이브러리를 pip 인스톨러를 통해서 다운받아서 불러온다.

루프백 인터페이스 방식으로 통신처리하기위해 host를 127.0.0.1로 설정하고, 서버에 접속하기 위해 포트번호를 유니티와 동일한 25001로 설정한다.

join_string : 3차원 자표값을 int타입을 파라미터로 받아서 string타입으로 리턴시켜주는 역할을 한다.

sock : IPv4의 주소계열(AF_INET)을 지정하여 스트림 지향 통신을 위해 생성된 TCP소켓이다.

추가로 서버에 연결을 하기 위해서 host,와 port넘버를 파라미터로 전달해야하는데, sock.connect를 사용해서 서버에 연결을 할수 있다.

while문 안을 살표보자.

스트링 타입으로 반환된 data를 인코딩과정을 거쳐서 sock.sendall의 파라미터로 전달한다. 아래 sock.recv를 통해 데이터통신을 확인할 수 도있다.

유니티와 파이썬을 순차적으로 실행시키면 큐브가 서서히 전진하는것을 확인할 수 있다.

[CS] 운영체제

아트성 — Fri, 24 Mar 2023 23:46:44 +0900

개요

운영체제(Operating System, OS)는 컴퓨터의 자원 관리를 담당하고, 프로그램이 올바르게 실행되도록 돕는 특별한 프로그램이다.

역할

프로세서, 메모리, 저장장치등의 할당과 관리, 입출력 장치의 제어, 네트워크 연결의 관리, 보안 기능 등을 담당한다.

또한, 응용 프로그램을 실행하기 위한 환경을 제공하고, 사용자 인터페이스를 제공하여 컴퓨터 사용을 보다 원할하게 한다.

이처럼 운영체제는 응용프로그램과 하드웨어 사이에서 프로그램에 필요한 자원을 할당하고, 응용 프로그램이 올바르게 실행되도록 관리하는 역할을 한다.

커널

운영체제 또한 여느 프로그램과 마찬가지로 메모리에 적재되어야 한다. 항상 컴퓨터가 부팅될때 메모리 일정공간을 할당받게 되는데, 이 영역을 커널영역이라고 부른다. (그 외에 메모리는 사용자 영역이라고 부른다.)

[CS] CPU가 작동하는 방식

아트성 — Wed, 22 Mar 2023 22:07:26 +0900

CPU는 중앙처리장치이며 메모리에 저장된 명령어와 데이터를읽고 해석하는 부품이다.
그중에 CPU를 구성하는 핵심적인 장치들이 있다.

ALU

"산술논리연산장치"라고도 부르며 컴퓨터의 수행되는 대부분의 계산을 도맡는 장치다.

레지스터

"임시저장장치" 라고도 부르며, 프로그램을 실행하는데 필요한 값들을 임시로 저장하는 역할을 한다. cpu내부에 여러개의 레지스터가 존재한다. 용도에 따라 카운터 레지스터, 메모리주소 레지스터, 메모리 버퍼 레지스터가 있다.

제어장치

제어신호를 내보내는 역할을 하는데, 신호에는 메모리 읽기 / 쓰기가 있다.

연산코드와 오퍼랜드로 구성된 어셈블리어에서 기계어로 번역되면, 제어장치가 메모리 주소를 읽어들이고 ALU로 인계를 해서 연산을 거친후에 데이터를 저장하는 과정을 맡게된다.

캐시메모리

캐시 메모리는 컴퓨터의 빠른 처리를 위해 CPU와 주기억장치 사이에 위치한 고속 버퍼 메모리. CPU가 자주 사용하는 데이터나 명령어를 저장해두어 더 빠르게 접근할 수 있도록 도와준다. 캐시메모리는 L1~ L3까지 있으며, 레벨이 낮을수록 빠르며 용량이 작고 가격이 비싸다. 핵심기능으로는, 자주 사용되는 변수에 메모리 공간을 여러번 다시 접근할 수있다.

캐시메모리의 지역성

최근에 접근했던 메모리 공간에 다시 접근하려는 경향을 전문용어로 시간 지역성이라고 부른다.

실행하려는 프로그램은 관련 데이터들끼리 한데 모여있다. 기능들이 모여있는 공간 근처를 집중적으로 접근하려는 경향을 공간지역성이라고 부른다.

[DB] MySQL CRUD 작업하기

아트성 — Mon, 19 Sep 2022 14:55:57 +0900

데이터 베이스 생성

Create schema

create schema `nodejs` default character set utf8;
use nodejs

create schema [스케마 이름] : 새로운 데이터베이스 생성 (``를 붙여야함)

use [스케마 이름] : 특정 데이터베이스 사용 (``를 붙이지 않음.)

테이블 생성

Create table

create table [스키마 이름].[테이블 이름](
    -> id INT NOT NULL AUTO_INCREMENT,
    -> name VARCHAR(20) NOT NULL,
    -> age INT UNSIGNED NOT NULL,
    -> married TINYINT NOT NULL,
    -> comment TEXT NULL,
    -> created_at DATETIME NOT NULL DEFAULT now(),
    -> PRIMARY KEY(id),
    -> UNIQUE INDEX name_UNIQUE(name ASC))
    -> COMMENT = 'artsung'
    -> DEFAULT CHARACTER SET = utf8
    -> ENGINE = InnoDB;

Options

컬럼에 대한 설정

PRIMARY KEY (PK) | 기본 키 여부를 설정하는 옵션 / 모든 자료형

NULL / NOT NULL (NN) | 빈칸을 허용할지 허용안할지 여부를 묻는 옵션 / 모든 자료형

UNIQUE INDEX (UQ) | 해당값이 고유해야하는지에 대한 옵션 / 정수형 & char형

// ex)

UNIQUE INDEX name_UNIQUE(name ASC) : 오름차순으로 정렬

UNIQUE INDEX name_UNIQUE(name AESC) : 내림차순으로 정렬

BINARY (B) | 데이터를 이진 문자열로 저장함.

UNSIGNED (UN) | 양수만 허용 / 정수형

ZEROFILL (ZF) | 숫자 자릿수가 고정되어있을때 공백에 0을 채움. / 정수형

// ex) INT(4)인데 숫자 1을 넣었다면 0001이 된다.

AUTO_INCREMENT (AI) | 숫자를 저절로 올리는 옵션 / 정수형

GENERATED ALWAYS (수식) (G) | 문자열 합치기, 삽입등 수식을 이용해서 새로운 열을 만들어냄

테이블에 대한 설정

COMMENT | 테이블에 대한 보충 설명

DEFAULT CHARACTER SET | 문자열 타입 정의 (utf8로 설정하지 않으면 한글이 입력되지 않음)

ENGINE | DB엔진을 설정해준다.

자료형

INT | 정수형

TINYINT | 부울

FLOAT / DOUBLE | 소수형

VARCHAR(자릿수) / CHAR(자릿수) | 문자열

// ex) VARCHCHAR(10) 이면 길이가 0 ~ 10인 문자열을/ CHAR(10) 이면 반드시 길이가 10인 문자열만 넣어야함.

TEXT | 긴 글

DATETIME | 날짜

명령어

DROP TABLES [테이블명] | 특정 테이블 제거

SHOW TABLES | 테이블 전부 확인

생성

INSERT INTO [테이블명] ( [컬럼1], [컬럼2], ....) VALUES ( [값1], [값2], ....) | 행 삽입

조회

SELECT * FROM [테이블명] | 데이터 조회 (모든 컬럼)

SELECT [컬럼1], [컬럼2], ... FROM [테이블명] | 데이터 조회 (특정 컬럼)

SELECT [컬럼1], [컬럼2], ... FROM [테이블명] WHERE [조건식] | 조건식에 맞는 데이터 조회

SELECT [컬럼1], [컬럼2], ... FROM [테이블명] ORDER BY [컬럼] ASC or DESC | 특정 컬럼 기준 오름 / 내림차순 정렬

SELECT [컬럼1], [컬럼2], ... FROM [테이블명] ORDER BY [컬럼] LIMIT (num) | num만큼만 조회할 때

SELECT [컬럼1], [컬럼2], ... FROM [테이블명] ORDER BY [컬럼] OFFSET (num) | num만큼 건너뛰고 조회할 때

수정

UPDATE [테이블명] SET [컬럼1] = '바꿀내용' WHERE id = (num) | id가 num인 로우를 수정

삭제

DELETE FROM [테이블명] WHERE id = 조회할 값 | id = (num) | id가 num인 로우를 삭제

[CS] 메모리

아트성 — Wed, 14 Sep 2022 17:14:51 +0900

메모리 계층 구조

컴퓨터의 설계에 있어, 각각의 특징이 있는 서로 다른 여러 종류의 저장 장치를 함께 사용하여 최적의 효율을 낼 수 있게 하는 것. 빠른 저장 장치는 용량에 비해 가격이 비싸고, 용량이 넉넉한 저장 장치는 처리 속도가 느리다. 그러나 컴퓨터가 행하는 작업은 매우 다양하다. 빠른 속도가 필요한 상황도 있지만, 단순히 많은 내용을 천천히 읽고 쓰는 작업도 그만큼 많다. 이러한 상황에 맞게 여러 저장 장치를 각각 사용할 수 있도록 하여 싸고 성능 좋은 컴퓨터를 구현하는 설계가 메모리 계층 구조이다.

레지스터

컴퓨터에서 제일 빠른 메모리. CPU계산 과정에서 작동한다. CPU마다 다르겠지만 한 CPU에 100개 들어있으면 매우 많은 편. 그러나 무작정 많다고 좋은 건 아니고, CPU 스펙에도 포함되지 않는다.

캐시메모리

레지스터 다음으로 빠른 메모리. 캐시 메모리도 CPU와의 거리에 따라 L1 캐시, L2 캐시, L3 캐시 등 여러 단계로 나뉜다. 숫자가 작을수록 CPU에 가까운 상위 레벨 캐시로 용량이 작고 빠르며, 숫자가 클수록 용량이 크고 느린 물건이다. 최하위 레벨 캐시의 경우 마지막 레벨을 의미하는 LLC(Last Level Cache)라고도 부른다.

2021년 현재 가정용 PC당 L1 캐시는 수십 KB, L2 캐시는 수백 KB~수 MB, L3 캐시는 수~수십 MB 정도로 들어있으며, 이들은 보통 SRAM으로 구성된다.

보통 프로그래머가 직접 제어할 수 없으며 CPU에 의해 자동으로 통제된다. 캐시가 있든 없든 프로그래머와 외부 사용자에게 보이는 결과는 동일하다. 이러한 특성을 사용자에게 투명(Transparent)하다고 한다. 물론 캐시의 특성을 이해하고 프로그래밍하면 훨씬 효율 좋은 코드를 생성할 수 있다.

메인메모리

CPU나 메인보드와 분리되어 있는 메모리 중에서는 최상위 메모리이자, 프로그램을 직접 구동하는 데 사용되는 '주 기억 장치'의 최하위 메모리. CPU와 캐시에 비하면 훨씬 느리지만, HDD는 말할 것도 없고 SSD에 비해서도 차원이 다르게 빠르다.

스토리지 (SSD, HDD)

프로그램이 구동될 때에는 직접 쓰이지 않는 '보조 기억장치' 또는 '저장소'들 중에서는 컴퓨터 안에 내장되어 있는 이 메모리들이 대개 최상위에 위치하게 된다. 둘 다 있는 컴퓨터에서는 대개 SSD가 HDD보다 상위에 위치하게 된다. 세부사항은 SSD, HDD 참조 2021년 현재 가정용으로 SSD는 100GB ~ 1TB 정도, HDD는 1TB ~ 십수TB 정도의 용량으로 구성된다.
일반적으로는 ATA라는 중간 계층을 따로 두어 통신한다. 단 NVMe SSD만큼은 CPU와 직접 통신한다.

지역참조성

컴퓨터 프로그램은 메모리의 같은 지역을 자주 확인하는 경향이 있다.

이처럼 프로그램이 일부분만을 자주 사용하는 현상을 지역 참조성이라고 한다. 이 지역참조성은 특별한 한 프로그램에서만 일어나는 것이 아니라 거의 대다수의 프로그램에서 일어나는 것이 알려져 있다. 만약 당신이 웹브라우저에서 여러 탭을 켜 놓았다고 가정하자. 웹브라우저는 다른 탭보다 당신이 지금 보고 있는 이 탭의 정보에 보다 자주 접속할 것이다. 이처럼 거의 모든 프로그램이 자신이 가진 정보 중 일부분에 자주 접속하는 지역참조성 현상을 보인다.

프로그램 (Program)

하드 디스크 등의 저장되어있는 실행코드와 리소스의 집합체

프로세스 (Process)

프로세스 이제까지 하드웨어에 대해서 살펴봤다. 이번엔 소프트웨어를 살펴보자. 프로그램을 실행하면 무슨 일이 일어날까? 프로그램을 실행하면 프로세스(Process)라는 것이 된다. 프로세스는 프로그램을 실행하기 위한 여러 가지 데이터를 관리하며 아래와 같이 4가지 영역이 존재한다. 즉 프로세스는 자원을 할당받은 프로그램의 인스턴스, 또는 작업단위 라는 것이다.

● 코드(Code)

위쪽(낮은)주소와 가까이 위치하며, 실행하는 프로그램의 코드가 저장되는 영역이다.

실행파일을 구성하는 명령어(예약어, 제어문, 상수)들이 저장되는 영역이며 컴파일 타임에 결정된다.

● 데이터(Data)

위쪽(낮은)주소와 가까이 위치하며, 전역변수와 정적Static 변수가 저장되는 영역이다.

초기화 된 데이터는 Data영역에 초기화 되지 않은 데이터는 BSS영역에 저장된다.

● 힙(Heap) :

위쪽(낮은)주소부터 할당이 되며, 참조형 데이터값이 저장되고, 메모리 공간이 동적으로 할당되고 해제되어 메모리 영역은 런타임에 결정된다. Heap과 Stack은 같은 공간을 공유하기 때문에 각 영역이 상대 공간을 침범하는 일이 발생할 수 있는데 이를 각각 Heap Overflow라고 한다.

● 스택(Stack)

아래쪽(높은)주소부터 할당이 되며 함수의 호출과 관계되는 지역, 매개변수 또는 함수가 저장된다.

컴파일 타임에 결정되는데 함수나 지역변수를 많이 가지고 있으면 stack영역을 초과하게 되는데 힙과 비슷하게 이때 stackoverflow에러가 발생한다.

스레드 (Thread)

프로세스가 할당받은 자원을 이용하는 실행단위

[Node.js] HTTP 모듈의 이해

아트성 — Wed, 14 Sep 2022 14:20:51 +0900

HTTP란?

하이퍼텍스트를 빠르게 교환하기 위한 프로토콜의 일종으로, 서버와 클라이언트의 사이에서 어떻게 메시지를 교환할지를 정해 놓은 규칙이다. 요청(Request)과 응답(Response)으로 구성되어 있으며, 일반적으로 80번 포트를 사용한다.

HTTP 모듈

서버는 클라이언트가 있기에 동작을 한다. 클라이언트에서 서버로 요청(request)을 보내고, 서버에서는 그 내용을 처리하고 클라이언트에게 응답(response)을 보낸다. 요청과 응답은 이벤트 방식인데, 클라이언트로부터 어떤 작업을 수행할지 이벤트 리스너를 미리 등록해두어야 한다.

createServer

요청이 들어올때마다 createServer내부에는 콜백함수가 실행된다.

여기서 콜백함수는 매개변수로 req (요청에 관한 정보)와 res(응답에 관한정보)를 사용한다. 또한 콜백함수 내에 홈페이지 접속(요청)시 사용할 기능(HTML, Media files) 들을 넣는다.

listen

서버를 클라이언트 요청 대기 상태(listen)로 만든다.

http.createServer(콜백함수).listen(서비스할 포트번호);

const http = require('http');

http.createServer((req, res) =>
{
	// 함수 내부 구현
})
.listen(8080, ()=>{
	//서버 연결
    console.log('8080번 포트에서 서버 대기중입니다!.');
};

HTTP | Node.js v14.20.0 Documentation

HTTP# Source Code: lib/http.js To use the HTTP server and client one must require('http'). The HTTP interfaces in Node.js are designed to support many features of the protocol which have been traditionally difficult to use. In particular, large, possibly c

nodejs.org

HTTP 요청 메서드

GET

서버 자원을 가져올때 사용한다. (GET메서드를 사용할 때, 서버에서 가져오는 것이 아니라 캐시에서 가져올 수 있다. / 캐싱이 되면 성능이 좋아짐.)

POST

서버에 자원을 새로 등록하고자 할 때 사용함. / 새로운 사용자를 등록PUT : 서버 자원 -> 요청에 들어있는 자원으로 치환할때 사용

PATCH

서버 자원을 일부만 수정하고자 할 때 사용

DELETE

서버의 자원을 삭제할때 사용

OPTIONS

요청을 하기 전에 통신옵션을 설명하기 위해 사용

HTTP 상태코드

브라우저는 서버에서 보내주는 상태코드를 보고 요청이 성공했는지 실패했는지를 판단한다. 클라이언트가 요청을 했을 때 서버는 반드시 응답을 해야한다. 요청이 성공했든 실패했든 요청이 마무리되었다는것을 전달해서 클라이언트가 전달받도록 알려주는 역할을 하기도한다.

2XX

성공을 알리는 상태코드. || 200(성공) / 201(작성됨)

3XX

다른페이지로 이동을 알리는 상태코드 || 301(영구이동) / 302(임시이동) / 304(수정되지 않음)

4XX

요청 오류를 알리는 상태코드 || 400(잘못된 요청) / 401(권한 없음) / 403(금지됨) / 404(찾을 수 없음)

5XX

서보 오류를 알리는 상태코드 || 500(내부 서버 오류) / 502(불량 게이트 웨이) / 503(서비스를 사용할 수 없음)

HTTP통신의 장점

클라이언트 누구든 상관없이 같은 방식으로 서버와 소통할 수 있다. / IOS, 안드로이드, 웹, 다른 서버가 모두 같은 주소로 요청을 보냄 / 즉 서버와 클라이언트가 분리되어있고, 서버를 확장할 때 클라이언트에 구애되지 않는다.

쿠키

쿠키는 클라이언트(브라우저) 로컬에 저장되는 키와 값이 들어있는 작은 데이터 파일이다. 사용자 인증이 유효한 시간을 명시할 수 있으며, 유효 시간이 정해지면 브라우저가 종료되어도 인증이 유지된다는 특징있다. 쿠키는 클라이언트의 상태 정보를 로컬에 저장했다가 참조한다.

HTTP 쿠키 - HTTP | MDN

HTTP 쿠키(웹 쿠키, 브라우저 쿠키)는 서버가 사용자의 웹 브라우저에 전송하는 작은 데이터 조각입니다. 브라우저는 그 데이터 조각들을 저장해 놓았다가, 동일한 서버에 재 요청 시 저장된 데이

developer.mozilla.org

세션

세션은 쿠키와 달리 세션은 서버 측에서 관리한다. 서버에서는 세션 ID라는것을 사용하며 브라우저를 종료할 때까지 인증상태를 유지한다. 쿠키보다 보안이 좋다. 그러나 사용자가 마나지면 서버메모리를 많이 차지하게 된다는 단점이 존재한다.

A typical HTTP session - HTTP | MDN

HTTP와 같은 클라이언트-서버 프로토콜에서, 세션은 다음의 세 가지 과정으로 이루어집니다:

developer.mozilla.org

Cluster

클러스터 모듈은 싱글 프로세스로 동작하는 노드가 CPU 코어를 모두 사용할수있게 해주는 모듈이다.

포트를 공유하는 노드 프로세스를 여러개 둘 수 있으므로, 요청이 많이 들어왔을 때 병렬로 실행된 서버의 개수만큼 요청이 분산되게 할수 있다. 즉, 서버에 무리가 덜가게 된다는 장점이 있다.

HTTP | Node.js v14.20.0 Documentation

nodejs.org

[C#] Unity & Photon을 활용한 서버구축

아트성 — Tue, 13 Sep 2022 17:29:47 +0900

# PUN

[PhotonNetwork]

포톤과 관련된 여러가지 기능을 제공 (매치메이킹 / 방 생성 / 방 접속 등등)

Photon Unity Networking 2: PhotonNetwork Class Reference

The main class to use the PhotonNetwork plugin. This class is static. More... static bool ConnectUsingSettings () Connect to Photon as configured in the PhotonServerSettings file. More... static bool ConnectUsingSettings (AppSettings appSettings, bo

doc-api.photonengine.com

API

- ConnectUsingSettings() : 매치메이킹 서버에 접속한다. (PhotonServerSettings 스크럽터블에서 여러가지 데이터 설정)

- JoinRandomRoom() : 현재 접속 가능한 방 중 임의로 접속한다.

- LoadLevel() : 방에 있는 모든 클라이언트를 특정 씬으로 이동시킨다.

- CreateRoom() : 방을 생성한다.

[MonoBehaviourPunCallbacks]

MonoBehaviour에 PUN과 관련된 콜백 메서드 제공한다.

Photon Unity Networking 2: MonoBehaviourPunCallbacks Class Reference

This class provides a .photonView and all callbacks/events that PUN can call. Override the events/methods you want to use. More... This class provides a .photonView and all callbacks/events that PUN can call. Override the events/methods you want to use. By

doc-api.photonengine.com

[MonoBehaviourPun]

Photon Unity Networking 2: MonoBehaviourPun Class Reference

This class adds the property photonView, while logging a warning when your game still uses the networkView. More... Inherits MonoBehaviour. This class adds the property photonView, while logging a warning when your game still uses the networkView.

doc-api.photonengine.com

- PhotonView 제공

- Photonview 컴포넌트가 추가 되어 있어야함.

[PhotonView]

방에 있는 여러 게임 오브젝트 중 로컬과 리모트를 구분하고, 데이터 동기화 기능을 제공한다.

Photon Unity Networking 2: PhotonView Class Reference

A PhotonView identifies an object across the network (viewID) and configures how the controlling client updates remote instances. More... Inherits MonoBehaviour. A PhotonView identifies an object across the network (viewID) and configures how the controlli

doc-api.photonengine.com

- 데이터 동기화는 [IPunObservable.OnPhotonSerializeView()]

- [IsMine] : 프로퍼티로 로커과 리모트 구분 가능

- 기본 제공 컴포넌트

* PhotonTransformView : 트랜스폼 동기화 제공

* PhotonAnimationView : Animator 동기화 제공

* PhotonRigidbodyView : 리지드바디 동기화 제공