작년 늦가을부터 사수님의 가르침에 따라, 회사에서 대부분의 코드는 vscode로 ssh 원격접속을 해서 작업하고 있다. 이제는 손에 익어서 원격접속 정도는 금방 하는데, 간혹 코드 작성 중에 vscode에서 서버와 연결을 유지하려고 로딩중인 액션이 뜨고, 결국 터미널에 connection timeout 이라는 메시지를 띄우며 연결이 끊어지는 상황이 자주 발생했다.작업 중인데 연결이 끊어지면 그만큼 업무 효율이 떨어지는거라, 이 방법을 해결하려고 다양한 시도들을 해봤다.일단 connection timeout 이라는 메시지가 뜨는 원인은 서버의 CPU가 사용률 100%에 달할 정도로 과도하게 돌아가고 있기 때문이었고, 그래서 서버의 리소스를 최대한 줄일 수 있도록 vscode의 settings.json에서 ..

활성사용자 Active User웹분석에서는 방문수(Visit), 방문자수(Visitor) 등의 용어로 사이트의 방문횟수를 측정하지만, 앱 분석에서는 DAU(Daily Active User), WAU(Weekly Active User), MAU(Monthly Active User)라는 지표로 앱 사용현황을 파악.**활성사용자에 대한 기준에 따라 계산이 달라질 수 있음.방문수(Visit)는 다른 말로 세션(Session)이라고 함. ‘세션’은 쉽게 말해서 ‘총 방문한 횟수’, 방문할 때마다 또는 앱을 실행할 때마다 증가하는 수치.앱을 사용하는 실제 사용자의 수를 파악하기 위해 각각의 계정/디바이스마다 UUID(Unique User ID)를 부여하여 조건 기간마다 1회만 측정하여 사용자 수를 판단.DAU, W..

회사에서 새로운 프로젝트에 socket.io를 사용할 예정이니까 미리 공부해두라고 해서 기록하는 글.socket.io를 알기 전에 먼저 WebSocket이 뭔지부터 공부해봤다.웹소켓(WebSocket)실시간 양방향 데이터 전송을 위한 기술로, 'WS 프로토콜' 이라고도 부른다.TCP를 기반으로 하는 "전송 계층 프로토콜"이다.※ OSI 7계층 설명은 여기 참고 - https://hjinn0813.tistory.com/133 프로토콜의 개념과 종류, OSI 7계층, TCP/IP 4계층데이터 전송 절차와 관련해서 공부를 하다보니, 올해 상반기 정보처리기사 준비하면서 봤던 OSI 7계층을 다시 보게 됐다.hjinn0813.tistory.com실시간 통신을 위해, 가장 초기에는 폴링(polling)이라는 방식을..

지난달에 Flux 패턴과 관련해서 공부하면서 잠깐 정리했었고, 정보처리기사 필기 준비할 때도 봤던 기억이 있는데, 한번도 기본 개념을 제대로 정리한 적이 없어서 이번 기회에 정리해본다. 회사에서 MVC패턴이 굉장히 자주 언급되어서, 어렴풋하게만 알고 있던걸 제대로 이해하고 있어야겠다고 생각했다.※ Flux 패턴의 기본 개념 정리 - https://hjinn0813.tistory.com/136 Flux 패턴의 기본 개념Redux, Zustand 같은 전역 상태관리 라이브러리는 Flux 패턴을 기반으로 만들어졌다.hjinn0813.tistory.com데이터 흐름의 차이디자인 패턴들의 기본 개념을 정리하기 전에, 데이터 흐름에 대해서부터 알아야 한다."데이터 흐름"이라는건 사용자가 어떤 요청(클릭, 입력, 이..

WS (Web Server)단순히 웹페이지를 보여주는 역할.요청받은 정적인 웹 리소스(HTML, CSS, 이미지 등)를 찾아서 그대로 전달해주는 서버. (파일 요청 → 그대로 전달)많은 요청을 동시에 처리하기에 적합하고, 리소스 사용량이 비교적 적다.대표적으로 Apache, Nginx 같은 프로그램이 있다.정적 콘텐츠 제공HTML, CSS, 이미지, 동영상 같은 미리 준비된 파일을 클라이언트(사용자)에게 제공한다.HTTP 요청 처리사용자가 브라우저에서 보낸 요청을 받아들이고 처리한 뒤, 응답을 돌려준다.정적인 요청은 웹 서버가 직접 처리하고, 복잡한 요청은 WAS로 넘긴다.인증과 보안HTTPS를 통해 데이터를 암호화해서 안전하게 전달한다.허가되지 않은 접근을 막기 위해 보안 설정을 관리한다.로드 밸런싱많..

HTTP status codes.웹 서버가 클라이언트의 요청을 처리한 결과를 나타내는 3자리 숫자 코드.이 코드는 요청의 성공 여부, 실패 원인, 리다이렉션 여부 등을 알려준다.크게 1xx (정보), 2xx (성공), 3xx (리다이렉션), 4xx (클라이언트 오류), 5xx (서버 오류) 등으로 분류할 수 있다.일상적인 웹 개발에서 자주 볼 수 있는 상태 코드를 노란색 배경으로 표시해봤다.😉1xx: 정보 (Informational)요청이 수신되었으며 처리 중100 Continue: 클라이언트가 서버에 요청을 보냈으며, 서버는 이 요청이 아직 진행중임을 알리고 추가로 데이터를 전송할 준비가 되어있음을 의미. 클라이언트는 계속 요청을 진행할 수 있음.101 Switching Protocols: 서버가 클..

새싹 수업 초기에 리더님(강사님)을 따라 VS code 터미널을 git bash로 변경한 뒤로 줄곧 git bash를 사용하고 있는데, 이게 어떤 의미를 갖고 있는지가 궁금했지만 당시에는 아무리 관련 블로그를 읽어도 완전하게 이해되지 않았다. 지금까지 이게 뭔지 정확하게 모르는 상태로 계속 사용해왔지만, 앞으로 계속 개발자로 살거라면 이제는 알아야한다고 생각되었다. 그래서 데이터 전송 절차 공부하다가 갑자기 정리해보는 글.✍쉘과 커널 (Shell, Kernel)쉘과 커널은 운영체제의 핵심 구성 요소로, 사용자와 하드웨어 간의 상호작용을 관리한다.쉘은 사용자와의 소통을 담당하며, 커널은 시스템 리소스를 관리한다.사용자가 쉘을 통해 입력한 명령어는 커널에 전달되어 실행되며, 그 결과가 다시 쉘을 통해 사용자..

프로토콜의 개념부터 이해하고 다시 보는 SFTP, FTP, SSH의 개념.아주 기본부터 차근차근 정리하니까 이제 이해가 되는 것 같다.※ 프로토콜의 개념 - https://hjinn0813.tistory.com/133 프로토콜의 개념, OSI 7계층, TCP/IP 4계층데이터 전송 절차와 관련해서 공부를 하다보니, 올해 상반기 정보처리기사 준비하면서 봤던 OSI 7계층을 다시 보게 됐다.hjinn0813.tistory.comSSHSecure Shell.원격으로 호스트에 접속하기 위해 사용되는 보안 프로토콜.원격 통신을 위해 인증 시스템이 필요한데, 단순히 아이디와 비밀번호를 사용하는 것은 보안에 취약하다. 그래서 SSH는 '비대칭키 암호화' 방식을 사용한다. 이때, '공개 키(Public Key)'는 데..

데이터 전송 절차와 관련해서 공부를 하다보니, 올해 상반기 정보처리기사 준비하면서 봤던 OSI 7계층을 다시 보게 됐다. 시험 준비할 때는 갖고 다니면서 외워야하니까 워드에만 정리해두고 블로그에는 정리할 생각도 안했는데, 이번에는 어디서든 볼 수 있는 공간에 정리할 필요성을 느껴서, 오랜만에 책을 펼쳐보며 가장 기초적인 부분부터 블로그에 기록해본다.✍프로토콜(Protocol)컴퓨터나 네트워크 장치 간에 정보를 주고받기 위한 통신 규칙.서로 다른 시스템이 통신할 때 어떤 방법으로 정보를 전송하고 처리할지에 대한 일종의 가이드라인.프로토콜의 종류는 매우 다양하지만, 가장 많이 사용되는 것을 용도별로 나누면 아래와 같다.웹 프로토콜- HTTP (Hypertext Transfer Protocol): 웹 페이지를..

CORS란?Cross-Origin Resource Sharing.영어를 직역하자면, 출처가 다른 리소스를 공유하는 정책.웹 브라우저에서 Cross-Origin(다른 출처) 요청을 허용하도록 서버 응답 방식을 설정하는 메커니즘. 한 출처(Origin)에서 로드된 리소스(데이터)가 다른 출처의 리소스(데이터)에 접근할 수 있도록 허용하는 보안 기능. 이를 통해 브라우저는 보안적으로 안전하게 외부 API나 리소스를 호출할 수 있다.기본적으로, 브라우저는 '동일 출처 정책'을 따르기 때문에, 다른 출처의 리소스에 대한 요청을 차단하여 보안을 강화한다. 다른 출처의 리소스에 접근하려면 CORS 설정으로 안전하게 허용해야 한다.동일 출처 정책(Same-Origin Policy)웹 브라우저에서 보안을 강화하기 위해,..