전체 글 (139) 썸네일형 리스트형 웹페이지 방문자 수 카운트하기 (쿠키 이용) // 쿠키 만료일 설정 (현재로부터 3개월 후) expireDate = new Date; expireDate.setMonth(expireDate.getMonth() + 3); // 현재까지의 방문자 수 가져오기 hitCt = eval(cookieVal("pageHit")); hitCt++; // 쿠키에 방문자 수 업데이트 document.cookie = "pageHit = " + hitCt + ";expires=" + expireDate.toGMTString(); // 쿠키 값 가져오기 함수 function cookieVal(cookieName) { thisCookie = document.cookie.split("; "); for (i = 0; i < thisCookie.length; i++) { if .. 웹페이지에 배경음악 넣기 (버튼으로 음악 재생/정지 제어) 웹페이지에서 배경음악을 자동으로 재생하는 것은 사용자 경험을 향상시킬 수 있는 흥미로운 기능 중 하나입니다. 그러나 최신 브라우저의 정책으로 자동재생이 차단되고 있습니다. 이 문제를 해결하기 위해 사용자가 직접 음악을 제어할 수 있는 버튼을 추가하여, 사용자가 음악을 듣고 싶을 때 수동으로 재생할 수 있도록 하는 방법을 알아보겠습니다. 1. HTML 코드 먼저, HTML 코드를 통해 버튼 및 오디오 요소를 생성합니다. 재생 정지 2. JavaScript 코드 다음으로, JavaScript 코드를 사용하여 음악을 제어하는 함수를 작성합니다. var audio = document.getElementById("music"); function play() { if (!audio.paused) { audio.pa.. [그림으로 공부하는 IT 인프라 구조] 제2장 서버를 열어보자 [제2장 서버를 열어보자] 2.1 물리서버 2.1.1 서버 외관과 설치 장소 서버는 랙(Rack)에 장착되며, 서버를 설치할 때 중요한 정보로는 서버 크기, 소비전력, 중량이 있다. 2.1.2 서버 내부 구성 서버 내부는 CPU, 메모리, HDD 등의 컴포넌트가 연결된 버스(BUS)로 구성되어 있다. 서버와 PC는 기본적인 물리적인 구성은 비슷하지만, 서버는 전원이 이중화되어 있어 장애에 강하고 대용량 CPU나 메모리가 탑재돼있다는 것이 PC와의 차이점이다. 2.2 CPU(Central Processing Unit) CPU는 서버 중심에 위치하여 연산 처리를 수행한다. OS가 내린 명령을 받아 실행하고 결과를 반환하며, OS에 명령을 내리는 것은 OS에서 동작하는 웹 서버나 데이터베이스의 실체인 프로세스.. 젠킨스(Jenkins) - GitHub Webhooks 연동 1. GitHub 액세스 토큰 생성 및 레포지토리 웹훅 설정 GitHub과 Jenkins를 연동하기 위해 아래 블로그 글을 참고하여 GitHub 액세스 토큰을 생성하고 레포지토리 웹훅을 설정합니다. 만약 payload URL 오류가 발생한다면, Jenkins 서버가 로컬 호스트인 경우 [ngrok](https://ngrok.com/download)을 사용하여 외부 접속 가능한 URL을 받아와 설정합니다. 공인 IP나 도메인을 사용하는 경우, Github에서 접근할 수 있도록 ACG를 설정하여 아래 IP의 접근을 허용합니다. IP는 변경될 수 있으니 Github webhook의 문서를 참고해야 합니다. (192.30.252.0/22, 185.199.108.0/22, 140.82.112.0/20, 143.5.. [그림으로 공부하는 IT 인프라 구조] 제1장 인프라 아키텍처를 살펴보자 [ IT 인프라 공부를 시작하게 된 계기 ] ETA 프로젝트를 진행하며 내가 맡은 개발 구현 부분 외에 데브옵스 관리자를 담당하게 되었다. nCloud에서 VPC와 서버를 생성하여 도커 컨테이너와 젠킨스를 이용해 프로젝트를 배포해 보기도 하고, 서버에 Open SSL 인증을 받아보기도 했는데 현업에 있거나 어느 정도 네트워크 지식이 있는 사람이라면 하지 않았을 기초적인 실수들 때문에 시행착오를 겪으며 많은 시간을 잡아먹었다. 물론 실수와 실패의 시간은 꼭 필요한 것이지만 해당 분야에 대해 알면 알수록 실수를 줄일 수 있지 않을까 하는 생각이 들었고, IT 인프라에 대해 공부해보고 싶어 '그림으로 공부하는 IT 인프라 구조'라는 책을 구입했다. 책에 머리말에는 IT 관련 일을 시작해서 5년 차까지의 엔지니.. Let's Encrypt 를 활용해 서버에 SSL 인증받기 단계 1: Tomcat을 사용한 Docker 컨테이너 생성 docker container run --name eta -p 80:80 -p 443:443 -dit tomcat:9.0.74-jre8 단계 2: Let's Encrypt Certbot 설치 apt-get install letsencrypt -y apt-get install software-properties-common add-apt-repository ppa:certbot/certbot apt-get update apt-get install certbot 단계 3: Certbot을 사용하여 SSL 인증서 획득 certbot certonly --manual -d *.eta.pe.kr -d eta.pe.kr --preferred-challenge.. Docker 컨테이너에서 Oracle DB 사용하기 1) 컨테이너 생성 및 실행 docker run --name oracle11g -d -p 1521:1521 jaspeen/oracle-xe-11g 2) 컨테이너 실행 확인 docker ps 3) name값이 oracle11g인 컨테이너의 sqlplus실행하기 docker exec -it oracle11g sqlplus 4) 오라클의 관리자 계정에 접속해보기 관리자 계정의 ID : system / PW : oracle 5) 확인이 끝나면 exit로 빠져나가기 exit 참고 : https://m.blog.naver.com/rudnfskf2/221975160227 Docker활용 Oracle 11g 설치하기 토이프로젝트를 진행중에 사용 DB로 Oracle을 선택했기에 Docker에 오라클을 설치해보기로 했다... Ncloud - Lifecycle Management 구성 및 Container Registry 생성 6. Lifecycle Management 구성 6-1) Object Storage 버킷 생성 6-1-1) ncp 콘솔 > Storage > Object Storage > +이용 신청 > 확인 6-1-2) ncp 콘솔 > Storage > Object Storage > Bucket Management > +버킷 생성 선택 6-1-3) 기본 정보 설정 버킷 이름 : testbucket 6-1-4) 설정 관리 default 설정 6-1-5) 권한 관리 default 설정 6-1-6) 최종 확인 후 버킷 생성 6-2) Archive Storage 컨테이너 생성 6-2-1) ncp 콘솔 > Storage > Archive Storage > +이용 신청 > 신청 6-2-2) ncp 콘솔 > Storage > Ar.. 이전 1 2 3 4 5 6 ··· 18 다음
