반응형 Programming Programming 2021. 11. 29. 웹사이트 http 요청 응답 시간 확인 방법 웹사이트 접근 시 요청되는 리소스의 응답 시간을 확인해봅니다. 브라우저는 크롬을 사용하였습니다. 1. 브라우저 개발자 도구 창 열기 다운로드 시간을 확인하고 싶은 리소스가 있는 웹사이트로 이동합니다. 키보드의 F12버튼을 눌러 개발자 도구 창을 열어줍니다. 윈도우 환경에서 단축키는 Ctrl + Shift + I입니다. 2. 캐시 비우기 및 강력 새로고침 해당 페이지의 새로고침 버튼을 우클릭 시, 아래의 이미지와 같이 '캐시 비우기 및 강력 새로고침'을 클릭할 수 있습니다. 개발자 도구 창이 열린 상태에서만 노출됩니다. 리소스가 캐싱되어 있을 수 있으니, '캐시 비우기 및 강력 새로고침'을 클릭해 줍니다. 위의 이미지와 같이 개발자 도구 창의 Network탭에서 브라우저의 통신 기록을 확인할 수 있습니다... Programming 2021. 11. 28. TypeScript - Visual Studio Code에서 시작하기 (windows 10) npm이 설치되어있어야 합니다. NVM, Node js, NPM 설치 하기 (windows 10) NVM, Node js, NPM 설치 하기 (windows 10) windows10 환경에서 nvm-windows, node js 및 npm을 설치합니다. 1. nvm-windows.zip 다운로드 Node.js의 버전 관리 도구인 nvm-windows를 다운로드합니다. https://github.com/coreybutler/nvm-windows/releases.. inveglo.tistory.com 1. TypeScript compiler 설치 TypeScript compiler는 Visual Studio Code에 포함되어 있지 않으므로 npm을 통해 설치해줍니다. windows 명령 프롬프트 창을 열어.. Programming 2021. 11. 27. NVM, Node js, NPM 설치 하기 (windows 10) windows10 환경에서 nvm-windows, node js 및 npm을 설치합니다. 1. nvm-windows.zip 다운로드 Node.js의 버전 관리 도구인 nvm-windows를 다운로드합니다. https://github.com/coreybutler/nvm-windows/releases Releases · coreybutler/nvm-windows A node.js version management utility for Windows. Ironically written in Go. - coreybutler/nvm-windows github.com 위의 링크로 접속하여 nvm-setup.zip을 다운로드 후, 압축을 풀어줍니다. 2. nvm-setup.exe 파일 실행 압축을 푼 폴더에 들어가 .. Programming 2021. 11. 27. robots.txt 정리 및 예시 robots.txt 정리 및 예시 1. 웹 로봇이란? 웹 로봇이란 웹 사이트들을 자동으로 돌아다니는 프로그램을 말합니다. (크롤러, 스파이더...) 구글이나 네이버 같은 검색엔진이 웹 콘텐츠를 색인하는데 이용되기도 하며, 이외에도 데이터 수집 등 다양한 용도로 사용되고 있습니다. 2. /robots.txt ? 웹 로봇은 여러 웹사이트들을 돌아다니게 되며, 해당 웹사이트의 소유자는 /robots.txt 파일을 통해서 웹 로봇에게 해당 웹사이트에 대한 규약을 제공합니다. 3. /robots.txt 확인하기 최상위 도메인(~.com, ~.kr 등)의 뒤에 /robots.txt를 입력하여 확인할 수 있습니다. 제 티스토리 블로그 도메인에서도 확인이 가능합니다. https://inveglo.tistory.com/.. Programming 2021. 11. 27. CSS cursor 종류 및 테스트 (마우스 커서) CSS cursor 종류 및 테스트 (마우스 커서) 1. CSS cursor 종류 및 테스트 아래의 항목들 위에 마우스 커서를 위치하시면 확인 가능합니다. cursor : auto cursor : default - 기본 마우스 모양 cursor : none - 커서 없음 cursor : help cursor : pointer cursor : progress cursor : wait cursor : text cursor : move cursor : not-allowed cursor : grab cursor : grabbing cursor : zoom-in cursor : zoom-out 2. CSS cursor 인라인 적용 방법 마우스 커서를 변경하고 싶은 태그 사이에 아래와 같이 style="~" 코드를.. Programming 2021. 11. 24. 한글 초성 검색 방법 1. 완성형 한글 초성 추출을 위한 기본 정보 먼저 한글(가~힣)까지의 유니코드 범위는 U+AC00 ~ U+D7A3이다. 한글의 UTF-8 인코딩 길이는 3byte이다. UTF-8 인코딩은 가변 길이 문자 인코딩 방식으로, 위의 한글 범위의 유니코드는 3바이트 길이를 가진다. 유니코드 U+0800 ~ U+FFFF범위의 UTF-8 인코딩 방식은 1110xxxx 10xxxxxx 10xxxxxx. 한글의 범위(U+AC00 ~ U+D7A3)는 U+0800 ~ U+FFFF에 해당한다. 한글의 초성, 중성, 종성 케이스는 아래와 같다. 초성 19개 ['ㄱ', 'ㄲ', 'ㄴ', 'ㄷ', 'ㄸ', 'ㄹ', 'ㅁ', 'ㅂ', 'ㅃ', 'ㅅ', 'ㅆ', 'ㅇ', 'ㅈ', 'ㅉ', 'ㅊ', 'ㅋ', 'ㅌ', 'ㅍ', 'ㅎ'.. Programming 2021. 11. 23. php 설치 방법 (window, Visual Studio Code) 1. php 파일 다운로드 https://www.php.net/downloads.php 위의 경로에 들어가서 설치할 버전의 php 파일을 다운로드합니다. window10에서 이용할 예정이므로, 저는 글 작성 시점 현재 Stable 버전인 PHP 8.0.13의 Winodws downloads를 클릭 후, x64 Non Thread safe 버전을 다운로드하였습니다. 2. 다운로드한 php 파일 압축 풀기 다운로드한 Zip 파일의 압축을 풀어줍니다. 위의 이미지와 같이 압축을 푼 폴더 (php-8.0.13-nts-Win32-vs16-x64)는 그대로 두어도 무방하지만 다른 다운로드 파일들과 헷갈리지 않도록 본인이 원하는 위치에 옮겨줍니다. 3번에서 해당 폴더의 php.exe파일 경로가 필요하니 경로를 잘 기.. Programming 2021. 11. 21. 키움증권 api (Open API+) 사용 방법 (KOA Studio 살펴보기) 지난 글에서와 같이 키움 Open API+를 사용하기 위해서 서비스 신청부터 KOA StudioSA 설치 및 모의투자 Open API 로그인까지 진행하였습니다. 이번 글에서는 설치만 하고 어떻게 사용하는지 아직 알 수 없는 KOA StudioSA를 살펴봅니다. 1. KOA Studio 인터페이스 살펴보기 KOA Studio의 인터페이스는 아래와 같습니다. (TR: 요청의 한 작업단위정도로 생각하면 될 것 같습니다) 위와 같이 좌측 하단의 TR 목록이나 종목정보, 실시간 목록 등의 정보를 클릭하여 간단하게 확인 가능합니다 2번과 3번처럼 제공하는 TR들을 간편하게 조회하고 출력을 확인할 수 있습니다. 4번에서는 선택한 TR에 대한 명세를 나타냅니다. 간단하게 아래와 같은 스텝으로 TR의 입출력을 한번 확인.. 이전 1 2 다음 반응형
