분류 전체보기189

• 

  [css] 반응형 웹 @media 사용법 @media 사용법 (반응형 웹을 만들기 위한) 반응형 웹이란? 반응형 웹이란 쉽게 말해 화면에 따라서 보기 쉽게 반응하는 웹 디자인을 말합니다. 아래와 같이 사용자의 화면의 크기는 다양합니다. 하지만 그에 맞게 디자인하는 것은 어려울 수 있습니다. 오늘은 css의 @media를 이용해서 반응형 웹을 구성하는 법을 알아보겠습니다. @media css에 아래와 같이 @media를 추가 해줍니다. @media (max-width:768px) { .visible-lg{ display: none; } } @media (min-width:768px) { .visible-xs{ display: none; } } @media (max-width:768px) 는 화면 가로 길이가 768px까지만 동작하는 css 입니다.. 카테고리 없음 2020. 10. 21.

• 

  우분투 서버, 한국 시간으로 바꾸기 (리눅스/우분투/centos) 리눅스 서버 시간 한국 표준시간으로 변경하기 서버 시간대를 설정하지 않으면, 로그를 볼때 불편하죠. 리눅스 서버 시간을 한국 시간으로 바꾸는 방법을 알아보겠습니다. 저는 우분투 18.04 LTS 버전 입니다. 처음에 date 명령으로 시간을 알아보면, UTC 시간으로 설정되어 새벽 시간대로 나옵니다. 한국 시간으로 변경 (서울) 서울 시간 파일이 있는지 확인 해봅니다. // Seoul 파일 확인 $ ls /usr/share/zoneinfo/Asia 아래와 같은 명령어로 리눅스 서버의 시간을 서울로 변경해줍니다. sudo ln -sf /usr/share/zoneinfo/Asia/Seoul /etc/localtime 아래와 같이 한국 [서울] 시간으로 변경 되었습니다. 긴글 읽어 주셔서 감사합니다. 더 궁금.. OS/ubuntu 2020. 10. 16.

• 

  [ms-sql] mssql 이미지 저장 / image to jpg, png ms sql 이미지 저장하는 방법 아래의 쿼리를 사용하면 이미지를 저장할 수 있습니다. (ms sql 2008 사용중입니다. ) sp_configure 'show advanced options', 1; GO sp_configure 'Ole Automation Procedures', 1; GO RECONFIGURE; GO DECLARE @outPutPath varchar(50) = 'C:\TEST_IMG' , @i bigint , @init int , @data varbinary(max) , @fPath varchar(max) , @folderPath varchar(max) --Get Data into temp Table variable so that we can iterate over it DECLARE.. SQL/MS-SQL & SQL Server Management Studio 2020. 10. 8.

• 

  무정전 전원 장치 / UPS / 정전 방지 장치 무정전 전원 장치 / UPS / 정전 방지 장치 보통 컴퓨터에 많이들 사용하는 무정전 전원 장치 (UPS)에 대해 설명하겠습니다. Uninterruptible Power Supply system(무정전 전원장치) 보통 ups로 줄여서 라고 부릅니다. ups는 쉽게 생각하면 보조 배터리라고 생각하시면 됩니다. 보통 전원 공급이 일정하게 필요한 서버, 워크스테이션 pc에 사용됩니다. 잠시 정전이 되었을때, pc나, 기기에 일정시간 전원을 공급해줄수 있는 장치입니다. 노트북을 사용하다가 정전이 되면 배터리로 인해 꺼지지 않는 원리를 생각하시면 이해하기 쉽습니다. 그래서 기업의 전산실에서 보통 사용됩니다. 24시간 돌아가야하는 서버에 정전이 되어 전원이 끊기면 시스템 복구에 오랜시간이 걸릴수 있기 때문이죠. 제.. IT/IT 개념 2020. 10. 5.

• 

  스프링 부트 postgresql 연동하기 스프링 부트(spring boot) postgresql 연동하기 스프링 부트 개발을 하면서, 디비가 필요해 졌습니다. 스프링 부트 프로젝트에 postgresql 데이터 베이스를 연동하여 테스트 해보겠습니다. 사전 준비 / 의존성 추가 먼저 스프링 부트 프로젝트, postgresql, docker 프로그램이 필요합니다. 그리고 build.gradle에 의존성을 추가해줍니다. dependencies 영역에 추가하면 됩니다. 저는 gradle을 사용했지만 pom을 사용하시는 분들은 pom.xml에 의존석을 추가해주면 됩니다. bulid.gradle dependencies { ... //postgresql compile group: 'org.postgresql', name: 'postgresql', versio.. SQL/Postgresql 2020. 9. 28.

• 

  지킬[jekyll] serve 백그라운드 실행 지킬 jekyll 서비스 백그라운드 실행 (background) 블로그 라이브러리 지킬(jekyll)을 모두 설치 후 실행하려면 아래와 같은 명령을 실행해야합니다. jekyll serve 하지만 위와 같이 실행한다면 아래의 이미지 처럼 세션과 같이 실행되기 때문에, 서버의 세션이 끊기거나 ctrl+c를 누르면 지킬 서비스가 종료되어 버립니다. 이 세션에서는 다른 명령어도 못내립니다. 그래서 백그라운드(background)로 지킬 serve를 해줘야 서버 접속을 끊거나, 다른 명령어를 내릴수 있습니다. 지킬(jekyll) 백그라운드(background) 실행 아래와 같이 같이 애플리케이션을 실행할때 보여주는 문자들을 지워주는 명령어와 함께 명령하면 지킬을 백그라운드로 실행할 수 있게됩니다. jekyll s.. OS/ubuntu 2020. 9. 11.

• 

  [쿠팡 파트너스 api] 대량 검색 링크 생성 개발기 (1) 쿠팡 파트너스 대량 검색 링크 생성 쿠팡 파트너스 api를 이용해 제가 필요한 기능을 만들어 봤습니다. 바로 대량 검색 링크 생성 웹사이트 입니다. 저 혼자 사용하기에는 아까운 기능인 것 같아서 웹사이트로 만들기로 했습니다. 그리 대단한 기능은 아니지만, 파트너스 링크를 만들때 생산력을 매우 높일수 있기 때문에, 쓸만한 기능입니다. 프로젝트의 컨셉 제가 원했던 기능은 많은 cpu 목록을 모두 나의 링크로 바꾸길 원했습니다. 쿠팡 파트너스에서는 그런 기능을 지원하지 않았습니다. 아래와 같은 기능으로 api 키를 넣고, 검색 키워드를 입력후 변환하게 되면 실행하게 되면 아래와 같이 자신의 커미션 링크가 생기는 형식입니다. 링크의 형식은 아래와 같이 라면을 검색한 쿠팡 화면이고, 나의 커미션 링크를 확인할 수.. 프로젝트/쿠팡 파트너스 api 2020. 9. 3.

• git pull 덮어쓰기 git pull 덮어쓰기 git pull은 당겨 올때 최신 코드만 당겨오기 때문에, push를 깜빡하고 다시 pull을 하려는 경우에 코드가 일부 안바뀔수 있습니다. 계속 git pull을 해도 update가 되었다고 하는데, 코드가 바뀌지 않을 경우에는 아래의 명령어로 해결할 수 있습니다. git fetch --all git reset --hard origin/master master 가 아닌 branch로 덮어 쓰기 브랜치에서 작업중이었다면, master 대신 branch 이름을 작성해주시면 됩니다. git fetch --all git reset --hard origin/ 현재 로컬 커밋을 유지(branch로 만들어 저장후) 현재 로컬에 있는 커밋을 다른 branch에 저장한 후, git pull로 .. Git (깃) 2020. 8. 26.

• [자바] 어노테이션 이란? (사용법, 커스텀,왜 사용하나?) 어노테이션 뜻/사용법/커스텀 자바에서 어노테이션이라는 단어를 많이 들어보셨을 겁니다. 안드로이드, 스프링 부트 등 자바를 사용하는 프레임 워크나 플랫폼에서 많이 사용됩니다. 자바의 어노테이션의 개념과 사용법 및 커스텀 어노테이션을 알아보겠습니다. 어노테이션 이란? 뜻? 왜쓰는가? 아래와 같이 @로 시작하는 것을 어노테이션이라고 합니다. 참고로 어노테이션은 jdk 1.5 버전 이상에서 부터 사용가능합니다. @override 어노테이션은 메타 데이터로 볼수 있으며, 클래스 파일에 임베디드되어 컴파일러에 의해 생성된 후 자바 가상머신에 포함되어 작동합니다. 설명이 좀 어렵습니다. 간단히 말하자면 응용 단계에서 계층이 아니라 컴파일러 쪽이라고 생각하시면 되겠습니다. 어노테이션을 커스텀하여 추가한다면, 컴파일러에.. 개발 언어/자바 java 2020. 8. 20.

• 

  로딩바 만들기 (버튼 클릭 / html, css, 제이쿼리, 스프링 부트) 로딩바 만들기 버튼 클릭시 로딩바를 만들어야 하는 상황이 있었습니다. 아래의 그림처럼, 정보를 입력하고, 전송 버튼을 누르면 데이터를 서버에서 전송하고, 결과를 서버에서 전송받는 시간에 로딩바를 출력해줘야합니다. (로딩 시간이 늦으면 늦을수록 더 필요한 기능일 겁니다.) 이럴때 필요한 로딩바를 만들어 보겠습니다. 시간이 없으신 분들은 복사/붙여넣기 해도 동작될 겁니다. 제이쿼리 추가 및 코드 추가 먼저 제이쿼리를 사용해야하기 때문에 아래의 스크립트로 제이쿼리를 추가합니다. 제이쿼리가 다소 무겁다고 하긴 하지만 순수 자바스크립트로 짜는 것보다 간편하고 명확합니다. (둘중 하나만 추가 하시면 됩니다.) 그리고 아래의 스크립트를 추가해줍니다. 코드의 내용을 간단히 설명하자면, loding 이라는 id를 가진 .. 개발 언어/자바 스크립트 java script 2020. 8. 19.

• 

  우분투 하드웨어(cpu, 램) 사용량 확인 하기 우분투에서 기본적으로 프로세스 사용량 모니터링을 제공합니다. 별도의 설치가 필요없이, top 명령어로 모니터링 할수 있습니다. 아래의 명령어를 입력하면, 다음과 같이 모니터링 화면이 나와 어떤 프로그램이 얼마나 사용량을 차지하고 있는지 볼수 있습니다. top 1. 서버 정보 모니터링 값의 맨위를 보시면 up 63 days, 11:27가 나옵니다. 63일 11시간 27분동안 서버가 계속 작동해왔다는 것을 의미 합니다. 다음 Load average (로드 애버리지) : 세 개의 숫자는 각각 1분, 5분, 15분 간의 평균 실행/대기 중인 프로세스의 수를 나타냅니다. 메모리 그 아래에 cpu 사용량과 KiB Mem/Swap 메모리 사용량도 표기되고 있습니다. 단위는 키로 바이트(KB)이고 메모리 사용률은 us.. OS/ubuntu 2020. 8. 9.

• 

  우분투 cpu/디스크 온도, 습도 확인하기 우분투 lm_sensors로 온도, 습도, 전압 확인하기 우분투 서버를 운영할때 하드웨어 모니터링을 하고 싶을때 사용하는 오픈 소스 프로그램이 있습니다. lm-sensors는 하드웨어의 온도, 전압, 습도 및 팬 등 하드웨어 환경을 모니터링 하기 위하여 사용되는 프로그램 입니다. lm_sensors 설치 및 설정(cpu 온도) 아래의 명령어로 우분투 서버에 lm_sensors 프로그램을 설치 해줍니다. sudo apt install lm-sensors 설치가 완료되면 프로그램 설정을 해야하는데, 아래의 명령어로 설정을 시작합니다. sudo sensors-detect 여러가지 질문을 하는데(센터 설정, 타입 등) 저는 일단 모두 yes로 입력하고 enter을 했습니다. 설정이 끝나고 나면 아래의 명령어를 .. OS/ubuntu 2020. 8. 7.