본문 바로가기

전체 글209

윈도 크롬 탭 메모리 사용량 표시, 크롬 탭 cpu 사용량 확인, cpu 점유율 확인 한줄 솔루션 크롬에서 shift + ESC 키를 누른다. 배경 윈도에서 작업관리자 창을 켜면 프로세스별 cpu/memory 사용량을 알 수 있습니다. chrome을 펼치면 아래와 같이 많은 프로세스가 존재하고, cpu와 memory 사용량을 확인할 수 있습니다. 하지만, 크롬의 어떤 탭이 혹은 어떤 플러그인이 cpu와 memory를 얼마나 사용하는지는 확인할 수 없습니다 이 때에는 크롬에서 shift + ESC 키를 누르면 단번에 크롬에 띄워진 탭과 플러그인별로 얼마나 cpu/memory를 사용하는지를 확인할 수 있습니다. 각 탭별로 프로세스 id나 network까지도 확인이 가능합니다. #chrome,#memory,#cpu,#usage,#tab,#크롬,#탭,#사용량 https://devscb.com/p.. 2023. 11. 30.

아파치 httpd 서버에서 확장자 숨김, apache 확장자 숨기기, 확장자 없이 사용하기, php 확장자 숨기기, apache 확장자 없이 아파치 httpd 웹서버 확장자 숨김 https://devscb.com/test.php 라는 페이지를 서비스 할때, https://devscb.com/test 와 같이 확장자 없이 동일한 페이지를 서비스할 수 있도록 설정하고자 합니다. 아파치 설정 변경 이를 위해서는 apache conf 파일을 아래와 같이 Options Indexes FollowSymLinks MultiViews를 설정해주면 됩니다. # 기본 사용법 Options MultiViews AddType application/x-httpd-php .php # Virtual host사용하는 경우 Options MultiViews AddType application/x-httpd-php .php config 파일 위치는 리눅스 기준으로 보통 아래.. 2023. 11. 16.

docker란?, 도커 구조 Docker(도커)란? Docker란 한마디로 표현하면 경량화된 VM(virtual machine) 기술이라고 칭할 수 있습니다. Docker는 OS 수준의 가상화를 사용하여, 컨테이너라는 패키지로 소프트웨어를 실행할 수 있게하는 플랫폼 집합입니다. 컨테이너를 호스트하는 소프트웨어는 Docker Engine이라고 불립니다. Docker는 2013년에 처음 출시되었으며, Docker, Inc.에서 개발하였습니다. 도커는 애플리케이션이 격리된 다른 환경에서 효율적으로 작동할 수 있도록 합니다. Docker 구동 구조 Docker는 아래와 같은 구조로 되어 있습니다. Container App A, B, C와 같이 실행하려는 소프트웨어와 Bins/Libs와 같이 실행하려는 소프트웨어를 위한 라이브러리및 필요한 .. 2023. 11. 14.

cheerio 사용법, node cheerio, cheerio란?, cheerio를 사용한 웹크롤링, cheerio 예제, web scraping cheerio란? cheerio란 한마디로 표현하면 "HTML/XML 을 파싱하고 쉽게 조작할 수 있는 JS 라이브러리" 입니다. cheerio 장점 빠르다. 서버(node)/클라이언트(브라우저) 환경 모두에서 사용가능. jquery 와 비슷한 사용법 $(cssquery)와 같은 문법으로 element를 선택하고, 쉽게 조작할 수 있습니다. jquery 를 사용하셨더라면 쉽게 사용하실 수 있고, jquery에서 핵심부분을 가져와 구현된 라이브러리이기 때문에 안정성이 검증되었습니다. cheerio 설치 cheerio 는 여타 다른 js 와 마찬가지로, 아래와 같이 js 패키지매니저(npm/yarn/pnpm)를 사용하여 설치할 수 있습니다. npm install cheerio yarn add cheerio .. 2023. 11. 13.

개인 블로그 만들기를 위한 여정5 - hexo theme 바꾸기 hexo 에서 블로그 디자인을 쉽게 바꿀 수 있는 부분이 theme 기능입니다. 제 블로그도 theme을 적용하였는데요, 어떻게 적용하는지 살펴보겠습니다. hexo theme 둘러보기 어떤 디자인을 선정할 것인지 아래 주소에서 확인할 수 있습니다. https://hexo.io/themes/index.html 다음과 같이 여러 theme들을 확인할 수 있고, Visit preview site 를 누르면 해당 theme을 다운받을 수 있는 사이트가 나옵니다. 대부분은 github으로 연결됩니다 hexo theme 다운 및 설정 먼저, 사용하려는 hexo theme 의 github을 가서 주소를 복사합니다. 이 포스트에서는 아래 테마를 사용해보겠습니다. https://github.com/CodeDaraW/Ha.. 2023. 11. 9.

vue.js란? vue.js란? (pronounced /vjuː/, like view) vue.js란 한마디로 표현하면 "웹 화면 개발을 쉽고 빠르게 해주는 프레임워크"라고 할 수 있습니다. 좀 더 자세히 설명해보겠습니다. 뷰(Vue, 발음 /vjuː/, like view)는 웹 UI를 구축하기 위한 자바스크립트 프레임워크이다. 표준 HTML, CSS, 자바스크립트 위에 구축되며, UI를 효율적으로 개발할 수 있도록 돕는 선언형 및 컴포넌트 기반 프로그래밍 모델을 제공합니다. 예를 들어, vue의 예시코드로는 다음과 같습니다. import { createApp, ref } from 'vue' createApp({ setup() { return { count: ref(0) } } }).mount('#app') templa.. 2023. 11. 8.

개인 블로그 만들기를 위한 여정4 - 마크다운으로 글쓰기 hexo 에서 글을 써보자 hexo에서 글을 쓰기 위해서는 hexo 블로그가 위치한 폴더에서 아래 명령어를 수행합니다. hexo new post [title] 그러면 블로그경로/source/_posts/에 [title].md 라는 파일이 만들어지는데요, 이 파일에 내용을 아래와 같이 작성하면 됩니다. --- title: title categories: ["category"] tags: ["tag"] date: 2023-10-19 01:12:25 --- *Hello Hexo!* **Hello Hexo!** 아래 명령어로 서버를 실행한뒤, 브라우저로 접속하면 다음과 같은 화면이 나옵니다. hexo server 그런데, 문장의 앞뒤에 *을 입력했지만 표시되지 않았습니다. 표시되지 않고 해당 글자가 굵게 되거나.. 2023. 11. 7.

csv 파일 mysql/mariadb로 insert하기 요구사항 mariadb 설치 및 계정 필요 로그파일 준비 파일내용이 아래와 같이 생긴 test_log.log 파일을 예시로 준비하였습니다. "2023-03-10 18:13:10", "test", "search.html" "2023-03-12 18:13:10", "keyword test", "search.html" "2023-03-13 18:13:10", "keyword", "search.html" "2023-03-14 18:13:10", "test", "search.html" "2023-03-15 18:13:10", "keyword", "search.html" mysql에서 table 생성 create table stats_raw( created_time datetime, keyword varchar(1.. 2023. 11. 6.

개인 블로그 만들기를 위한 여정3 - hexo 글쓰기, 페이지 만들기, 미리보기 글쓰기 hexo 블로그를 생성한 폴더에서 아래 명령어를 실행해줍니다. hexo new post 기본적으로 scaffolds 폴더에는 post.md, page.md, draft.md라는 파일이 있는데요, 그 중 post.md파일의 내용을 복사하여 source/_posts폴더 하위에 제목.md파일을 만들어 붙여넣어도 됩니다. 아무튼, 저는 아래와 같이 명령어를 입력하였고, (hexo new post test) source/_posts/test.md라는 파일이 만들어 졌습니다. 그 다음에 글씨를 간단하게 써 보겠습니다. 글 내용은 --- 하단에 적으시면 됩니다. 아래 내용으로 입력해보겠습니다. Hello Hexo! 페이지 만들기 페이지 만들기도 비슷합니다. hexo new page 아래와 같이 about 페이.. 2023. 11. 2.

javascript로 form 태그 연속 submit 방지 코드, 중복 submit 방지 전체 코드 var isSubmit = false; function doubleSubmitCheck(form, e){ e.preventDefault(); if(isSubmit){ return false; }else{ form.submit(); isSubmit = true; return true; } } 설명 먼저, submit이벤트가 들어오면 preventDefault()로 form 태그의 기본 event를 중지시킵니다. (else부분 설명) submit을 하고, isSubmit 변수값을 true로 바꿔서 submit이 되었다고 체크합니다. (if부분 설명) 만일 submit이 한번 된 상태라면 submit을 따로 수행하지 않습니다. #Javascript https://devscb.com/post/191 .. 2023. 11. 1.

mariadb / mysql 신규계정생성 및 database 생성 계정생성 CREATE USER '[계정명]'@'[접속가능한ip]' IDENTIFIED BY '[패스워드]'; 아래는 예시입니다. CREATE USER 'test'@'localhost' IDENTIFIED BY 'test'; CREATE USER 'test'@'%' IDENTIFIED BY 'test'; database 생성 create database [db 이름]; 아래는 예시입니다. create database test_db; 아래는 만들어진 database가 정상적으로 잘 생성되었는지 모든 database를 보는 명령어입니다. show databases; 계정에 database 권한 추가 grant all privileges on [db 이름].* to '계정명'@'[접속가능한ip]' IDENTIF.. 2023. 10. 31.

개인 블로그 만들기를 위한 여정2 - hexo 시작하기 nodejs 설치 hexo를 시작하기전, nodejs 설치가 필요합니다. https://nodejs.org/ 를 들어가면 아래와 같이 바로 다운로드 할 수 있는 링크가 나옵니다. 개인적으로 최신버전보다는 LTS 버전을 사용하는 것을 선호합니다. LTS는 Long Term Support의 약자로, 장기간 해당 버전에 대한 지원을 해준다는 의미입니다. (지원이란 버그 수정등을 일컫습니다) 링크로 설치파일을 다운및 실행하고 next를 계속 누르면 설치가 완료됩니다. git 설치 git설치도 간편합니다. 아래 주소에서 설치파일을 다운및 실행하고 next를 계속 누르면 설치가 완료됩니다. https://git-scm.com/download/win hexo 설치 nodejs가 설치가 되면 이제 hexo를 설치할 수.. 2023. 10. 30.

이전 1 2 3 4 5 ··· 18 다음

티스토리툴바