분류 전체보기

HTTP란 HTTP(Hypertext Transfer Protocol)하이퍼텍스트 전송 규약. 웹 브라우저(web browser) 같은 응용프로그램을 통해 웹 클라이언트(사용자)와 웹 서버(서비스 제공자) 사이 데이터를 전송하는 프로토콜이다. 인터넷 통신을 위해 사용 되는 Protocol이며, HTML뿐만 아니라, 각종 이미지, 동영상, 음성 데이터 전송이 가능하다. 웹 서버와 사용자 컴퓨터에 설치된 웹 브라우저 사이에 문서를 전송하기 위한 통신 규약이다. HTTP의 특징 HTTP 클라이언트와 HTTP 서버에 의해서 해석이 된다. TCP/IP를 이용하는 응용 프로토콜(application protocol)이다. 연결 상태를 유지하지 않는 비연결성 프로토콜이다. 요청/응답(Request/Response) ..

포트(Port)의 개념 포트는 운영 체제 통신의 종단점이다. 이 용어는 소프트웨어에서 네트워크 서비스나 특정 프로세스를 식별하는 논리 단위를 나타낸다. 사용법 예시) https://000.000.000.000:21 여기서 000.000.000.000은 IP 주소를 나타내며 그 뒤에 있는 21이 포트 번호를 의미한다. 쉽게 설명해서 예를 들어 집배원이 우편물을 배송하는 과정으로 비유하자면 여러사람이 같이사는 공동주택으로 배송을 갔다고치면 단순히 집 주소 만으로는 집배원이 이 우편을 누구에게 전달할지 명확히 알 수 없기 때문에, 집 주소와 함께 수령할 사람이 들어 있는 방번호까지 적어줘야 정확한 배송을 받을 수 있다. 이 때, 집 주소에 해당 하는 것이 IP이며, 방번호가 Port다. 포트(Port)범위 0..

1. segio 미리보기 지원 http://html.segio.com/ko/ HTML 소스 태그정리 (segio.com) 대상 작업 (속성, 태그, 여백)을 선택한 후 아래에서 제거하십시오. 추가할 내용은 콜론으로 구분하여 입력하세요. 태그 삭제시 "!--/--"의 의미는 " " 태그를 의미합니다. html.segio.com 2. Tabifier HTML, CSS, C Style, JSON 코드 정리 https://tools.arantius.com/tabifier Tools - Tabifier (HTML and CSS code beautifier) - arantius.com Tabifier The tabifier is a tool to properly indent computer code. The sty..

회사에서 업무를 보다보면 IP 주소 관련해서 헷갈리는 경우가 많았다. 내부 IP 주소와 고객사 IP 주소 등.. 그래서 시간이 될 때마다 하나씩 기록하며 정리해두려고 한다. 공인 IP (Public IP) 대역의 개념 인터넷 사용자의 로컬 네트워크를 식별하기 위해 ISP(Internet Service Provider, 인터넷 서비스 공급자)가 제공하는 IP주소이다. 공용 IP주소라고도 불리며 외부에 공개되어 있는 IP주소이다. 공인 IP는 전 세계에서 유일한 IP주소를 갖고 있으며(중복 X), 공인 IP 주소가 외부에 공개되어 있기때문에 인터넷에 연결된 다른 PC로부터의 접근이 가능하다. 따라서 공인 IP 주소를 사용하는 경우에는 방화벽 등의 보안 프로그램을 반드시 설치할 필요가 있다. 예시 대표적인 통..

평화로운 일요일 점심... 티스토리 블로그를 운영한지 반년이 넘어가는데 구글 애드센스만 등록하고 아직 쿠팡파트너스를 등록하지 못했다는걸 깨닫고 급하게 등록하고 블로그에 적용하는 것까지 성공했다! 특별히 어려운 부분은 없고, 마지막에 티스토리 블로그 스킨 편집에서 코드로 넣어야하는 부분이 비 개발자들에게는 조금 어려울 수 있다고 생각하기 때문에 설명과 함께 정리해두려고 한다. 1. 쿠팡 파트너스 사이트에 접속 쿠팡 파트너스(쿠팡 계정과 별도) 가입이 필요. https://partners.coupang.com/ Coupang Partners 쿠팡과 함께 수익을 창출해보세요 partners.coupang.com 2. 쿠팡 파트너스 로그인 여기서 가입하는 과정부터 보자면 2-1. 쿠팡 파트너스 회원가입 추천인 ..

개발을 하다보면 서버를 종료해도 해당 로컬 포트가 이미 사용중이라며 에러가 날 때가 있다. 그럴 때 사용하면 편리한 방법이다. netstat 명령어 netstat -an 사용 방법 netstat [옵션] [| grep 포트 번호 or 서비스 명] option -l (listen) : 연결 가능한 상태 -n (number port) : 포트 넘버 -t (tcp) : tcp -u (udp) : udp -p : 프로그램 이름 / PID -a : 모두 -i : 이더넷 카드별 정상/에러/드랍 송수신 패킷 수 확인 -r : 라우팅 테이블 -s : 네트워크 통계 자주 사용 하는 옵션 netstat -ano : 사용중인 포트와 해당 포트의 PID 까지 보여준다. netstat -nap : 연결을 기다리는 목록과 프로그..

Everything 은 이름별로 파일과 폴더를 빠르게 찾을 수있는 윈도우 용 검색 유틸리티다. 사용해보니 너무 편리해서 이런 프로그램이 존재하는지 모르는 사람들이 있다면 꼭 써보는게 좋을 것 같다. 파일 참고로 무설치 형이다. 공식 다운로드 https://www.voidtools.com/ko-kr/downloads/ 다운로드 - voidtools www.voidtools.com 사용법 그냥 찾고싶은 파일이나 폴더명을 입력만하면 알아서 하단에 표시된다.

프로그래밍 할 때 같은 파일의 코드 형상관리 버전이 달라 비슷한 두 텍스트(코드)를 비교해야 하는 경우가 자주 있다. 그럴때마다 일일이 다른 부분을 직접 찾는건 너무 번거롭고 비효율적인 방법인데, 그럴때 사용하기 좋은 무료 툴이다. 파일 공식 다운로드 https://winmerge.org/downloads/?lang=en Download WinMerge - WinMerge Download WinMerge The easiest way to install WinMerge is to download and run the Installer. Read the online manual for help using it. WinMerge 2.16.20 The current WinMerge version is 2.16...

코인 매매와 공부하는 걸 좋아하다보니 내 블로그에도 업비트의 실시간 가격이 떴으면 좋겠다는 생각이 들었다. 궁금해서 찾다보니 참고할만한 블로그(꾸생님)가 있어서 신기하기도하고 공부하는 목적도 겸해서 적용해보았다. 필요한 사람에게 도움이 되길 바라며 정리해본다. 결과물 HTML 코드 33,415,000 1,769,500 500 스크립트 부분이 코드가 길지 않아 따로 분리하지 않고 해당 엘리먼트 안에 작성했다. 밑에 Javascript 코드 영역은 따로 기술해 두었다. Javascript 코드 나는 현재 에이다만 분할로 매수하는 중이기 때문에 비트코인, 이더리움, 에이다 총 3개의 코인의 가격만 실시간으로 받아오고자 스크립트를 구성했다. CSS 코드 /* 업비트 API */ @media (min-width:..

기본적으로 JS에서 JSON 데이터는 콘솔이나 Alert 로 출력시 [Object object] 로만 출력되고 내용은 보이지 않는다. 이럴 경우 데이터를 제대로 갖고있는지 확인하려면 다음 함수를 사용하면 된다. JSON.stringify() //data == 확인할 JSON 데이터 console.log(JSON.stringify(data)); alert(JSON.stringify(data));

Node.js 처럼 Module.import/export 로 하는 방법말고 그냥 js에서 하는 방법을 찾고 있었는데 정상 동작하는 방법을 찾았다. 호출한 파일 : calc_forecasting.js 호출 대상 : erlangc.js // 외부 js파일 호출(erlangc.js) document.write(''); // 외부 js파일에 있는 함수 호출(Agents) // function Agents() --> erlangc.js 파일 내에 정의된 함수 // 사용 예시 var Agents_t = Agents(SLA, SERVICE_TIME, tempVal ,AHT);

기본 세팅 옵션 $.datepicker.setDefaults({ dateFormat: 'yy-mm-dd',//날짜 포맷이다. 'yy-mm-dd' 를 보편적으로 사용 prevText: '이전 달',// 마우스 오버시 이전달 텍스트 nextText: '다음 달',// 마우스 오버시 다음달 텍스트 closeText: '닫기', // 닫기 버튼 텍스트 변경 currentText: '오늘', // 오늘 텍스트 변경 monthNames: ['1월', '2월', '3월', '4월', '5월', '6월', '7월', '8월', '9월', '10월', '11월', '12월'],//한글 캘린더중 월 표시를 위한 부분 monthNamesShort: ['1월', '2월', '3월', '4월', '5월', '6월', '7월',..