반응형

전체 글 48

소켓 네트워크(Socket Network) (c#)

✌️ 소켓이란? 클라이언트와 서버간 네트워크 통신을 위해 데이터를 송수신할 때 끝점 역할을 해주는 소프트웨어 구조 쉽게 이해할려면 그냥 "데이터 송수신 통로" 이걸로 기억하면 될거 같다. 양방향 통신을 지향하며, 일반적으로 스트리밍, 게임 등과 같이 유동적인 데이터 전송이 필요한 서비스에서 사용된다. 당연히 이러한 소켓을 구축하기 위해서는 우리가 직접 코드를 짜야되는데, 이것을 소켓 프로그래밍(Socket Programming) 이라고 하며, 소켓 프로그래밍에 대해서는 밑에서 더 다뤄볼려고 한다. ✌️ 소켓 통신 과정 기본적으로 통신을 할려면 당연히 서버와 클라이언트가 준비되있어야 한다. 일단 먼저, 서버쪽에 통신 과정을 먼저 알아볼 것이다. ✌️ Server 1. socket() 소켓을 생성해주며, 생..

IT Dictionary 2023.05.26

패킷 트레이서(Packet Tracer) 총정리

와일드 마스크 사용 OSPF, ACL ✌️ 스위치 VLAN 설정 Intra_S(config)#vlan 10 Intra_S(config-vlan)#name Eng Intra_S(config-vlan)#vlan 20 Intra_S(config-vlan)#exit Intra_S(config)#vlan 20 Intra_S(config-vlan)#name Mkt Intra_S(config-vlan)#exit Intra_S(config)#vlan 30 Intra_S(config-vlan)#name Sal Intra_S(config-vlan)#exit ✌️ 인터페이스 VLAN 포트 설정 Intra_S(config)#int fa0/1 Intra_S(config-if)#switchport mode access Intra..

IT Dictionary 2023.05.16

git error: remote unpack failed: unable to create temporary object directory 오류

어느때처럼 Cafe24에 새로운 기능을 추가하고 push를 할려고 했더니..난생 처음보는 오류가 떴다. fatal: sha1 file '' write error: Broken pipe error: remote unpack failed: unable to create temporary object directory 당황스러웠다. 처음에는 파일을 리포지토리에 올리는 과정에서 내가 이상한 짓을 한줄알고, git 로컬 저장소를 삭제하고, 다시 push를 했다. 그러나 달라지는건 없었다. 그래서 결국 우리 스택오버플로우 형님께 여쭤봤는데, 그냥 서버 git 리포지토리 용량이 부족하다고 해서 생긴 문제라고 했다. 바로 호스팅 업체 사이트에 로그인해서 하드 용량을 확인해봤다. 나는 nodejs로 호스팅 하기 때문에 ..

리눅스(Linux) 터미널 필수 명령어 정리

💣 디렉토리 관련 명령어 1. ls : 현재 경로의 디렉토리들을 나열하는 명령어 2. pwd : 현재 디렉토리 정보 확인 3. cd : 현재 디렉토리 변경 4. mkdir : 디렉토리 생성 5. rmdir : 디렉토리 제거 💣 파일 제어 관련 명령어 1. mv : 파일 이동 2. cp : 파일 복사 3. touch : 빈 파일 생성 4. rm : 파일 제거 5. In : 파일 바로가기 생성 6. comm : diff 명령어와 cmp를 결합한 명령어 7. tar : (*.tar) 파일 압축 및 압축 풀기 8. zip : (*.zip) 파일 압축 9. unzip : (*.zip) 파일 압축 풀기 10. redirection( >>) : 터미널에 출력되는 결과를 파일로 저장 💣 파일 속성 관련 명령어 1. c..

IT Dictionary 2023.05.06

리엑트(React) 설명

💤 리엑트(React) 구 Facebook, 현 Meta에서 개발한 자바스크립트(JS) 라이브러리로, 클라이언트에서 동적으로 웹을 구축하며, 서버에서 매일 새로운 데이터를 받아 구동하는 기존 웹페이지 처리 방식이랑 차이점을 둔 SPA(Single Page Application)를 이용한다. 기존 웹페이지 동작 방식은 DOM을 직접적으로 조작하여 렌더링을 방식을 채용하지만, 리엑트는 Virtual Dom 을 이용해 웹페이지에서 변화를 감지하여 Virtual Dom과 기존 Dom을 매칭시켜서 변경이 있는 부분만 수정을 해준다. 그렇기 때문에 동적인 변화가 많은 웹일수록 좋은 성능을 보여줄 수 있는 리엑트지만, 비교적 변화가 적은 정적인 웹은 오히려 성능이 떨어질 수도 있는 양날의 칼을 가지고 있는 라이브러리..

IT Dictionary 2023.05.02

카페24(Cafe24) react, nodejs 빌드, 배포, 호스팅 하기

하루에 몇십 시간 씩 코딩하고, 이 짓거리를 며칠동안 반복하면서 드디어 내가 원하는 완성물이 나왔다면 우리는 이 완성작을 세상에 공개하기 위해서 빌드를 하고, 호스팅을 해야하는 과정을 거쳐야 한다. 오늘은 이 방법에 대해 탐구해볼 것이다. 수많은 호스팅 업체중에서 Cafe24를 선택한 이유는 뭐...당연히 가장 큰 이유는 가격이다. 가장 저렴한 스펙으로 서버를 운영한다면, 한 달에 500원만 내도 해당 서비스를 이용할 수 있다. 물론 설치비 5000원 가량을 내야하지만 그렇게 큰 부담이 되는 비용도 아닐뿐더러, 호스팅 하는 과정도 크게 복잡한 과정이 없기 때문에 나같은 초짜들에게는 최고의 호스팅 업체가 아닐까 싶다. 🤚 1. 카페24 접속 https://hosting.cafe24.com/?controll..

IT Dictionary 2023.05.01

비주얼 스튜디오 코드 디버깅 (Vscode Debugging)

😒 나는 바보다. 나는 2년동안 코딩 공부를 해왔다. 하지만 이렇게 긴 시간을 쏟아 부었던 것에 비해 밖에 나가서 자랑스럽게 코딩 한다고 말하기는 힘들 정도의 초라한 실력을 가지고 있다.. 유튜브나 인터넷 서핑을 통해 야매식으로 배운 코딩은 역시 한계점이 분명하다. 내 코딩 방식은 무식하게 직진이라는 선택지 밖에 없었는데, 이런 내 원칙은 나의 아까운 1분 1초를 낭비시킨다. 그래서 이번에는 디버깅이라는 것을 하는 방법에 대해서 배워볼려고 한다. 🐛 디버깅? 컴퓨터 프로그램 개발 단계 중에 발생하는 시스템의 논리적인 오류나 비정상적 연산(버그)을 찾아내고 그 원인을 밝히고 수정하는 작업 과정을 뜻함. 디버그는 주로 원하는 코드에 중단점(Break Point) 을 지정해 프로그램을 정지시키고, 메모리에 저..

IT Dictionary 2023.04.29

JabJapan 서비스 시작(http://jabjapan.cafe24app.com/)

(예비) 서버 개발자의 생애 첫 웹 서비스 시작! 아직 완성도 안됬고 퀄리티도 낮지만 JPOP 들을때 궁금한 단어들 공부할려고 만든 앱이기도 하고, 만들면서 재밌었으니 상관없다! http://jabjapan.cafe24app.com/ 🎖 후기 일본어 발음을 한국어로 입력하면 그대로 해석해주고, 한국어를 일본어로, 일본어를 한국어를 해석도 가능하다. 또한 예전에 만들어 둔 히라가나와 가타카나를 연습하는 로직 또한 추가시켜서 배포를 했다. 번역 시스템은 인터넷 사전에서 html 파싱하기 때문에 한번 통신할때트래픽도 높게 나오고, 가끔씩 이상한 결과가 나와서 좀 곤란한 게 많긴 한데, 천천히 고쳐나가면 될 것이다. 어차피 쓰는 사람도 나말고 더 있을까..? 이번 프로젝트를 통해 평소에 즐겨 사용했지만 깊은 곳..

반응형