LATEST POSTs 최근 등록된 포스팅 목록

• linux 리눅스 어떤 서비스가 구동중인지 확인하는 방법, netstat 현재 리눅스 환경에 구동중인 서비스 목록... 즉 접근이 가능한 ip주소 및 포트를 확인하는 방법을 알아봅니다.! netstat를 사용하는 방법netstat은 현재 구동중인 모든 네트워크(소켓)을 확인할 수 있는 명령어입니다. 이를 사용하면 현재 서비스가 가능한 프로토콜 및 ip, 포트(port) 정보를 가져올 수 있습니다. 명령어는 아래와 같습니다.<div class="co

  View : 1369 / Created : 2019-03-14
• css css 프로퍼티 pointer-events property css 프로퍼티인 pointer-events에 대하여 알아봅니다. 어떻게 사용하고 언제 사용할까요?# CSS Property pointer-eventscss를 사용하여 클릭이벤트를 제어할 수 있을까요</span

  View : 1286 / Created : 2019-03-14
  
• css CSS 백그라운드 이미지 및 엘리먼트 비율로 조절하기, aspect ratio 이미지나 특정 엘리먼트를 비율에 맞게 조절하는 방법을 알아봅니다. 이때 이미지가 img 태그가 아닌 background를 사용한 경우라면? 이 요소의 크기를 비율로 줄여서 썸네일처럼 보이려고 하는 경우 어떻게 하면 될까요?# css를 사용하여 비율로 늘리거나 줄이는 방법, aspect

  View : 3913 / Created : 2019-03-11
  
• linux 리눅스 날짜 이 후 수정 또는 생성된 파일 디렉토리 리스트 찾기 리눅스에서 변경된 파일이나 디렉토리를 찾을 때 날짜나 시간을 기준으로 이 후에 변경된 것들을 찾는 방법에 대하여 알아봅니다. 어떻게 하면 원하는 날짜 이후의 파일이나 디렉토리를 찾을 수 있을까요?! 날짜 기준 파일 찾기는 언제 왜 필요한가?가장 먼저 서버에 문제가 생겼을 경우 어떤 파일을 수정해서 문제가 생겼는지도 확인해야 할

  View : 4740 / Created : 2019-03-11
  
• js 자바스크립트 현재의 스크롤바 위치 가져오는 방법 자바스크립트를 사용하여 현재의 스크롤바 위치값을 가져오는 방법입니다. 어떻게 하면 스크롤바 값을 가져오는지 아래에서 알아봅니다.# 자바스크립트에서 스크롤 위치 값 가져오기스크롤바의 위치를 가져오는 방법은 몇 가지가 존재합니다. 그 중 몇 가지를 알아보면 다음과 같습니다.window.scrollY

  View : 11915 / Created : 2019-03-08
• webdevetc 윈도우즈 10 블루투스 마우스 연결 방법 윈도우즈 10에서 블루투스 마우스를 연결하는 방법에 대하여 알아봅니다.# 윈도우즈 10 블루투스 마우스 연결하기요즘은 블루투스 마우스를 많이 사용합니다. 선이 없는 점은 다른 무선 마우스와 동일합니다. 다만 usb 방식의 무선 마우스는 usb에 연결하는 작은 통신장치 연결이 필요하죠. 다만 블루투스는 Bluetooth 방식으로 동작하므로 따로 연결하는 장치가 없어도 되죠.이런 이유로 설정하는 방법이 필요합니다. 일단

  View : 6291 / Created : 2019-03-05
• html HTML/CSS lang 프로퍼티 및 어트리뷰트 방법 및 예제 다양한 언어를 제공하기 위한 방법으로 html에서 lang 어트리뷰트를 태그에 사용할 수 있습니다. 동시에 css의 lang 프로퍼티를 사용할 수 있죠. css의 프로퍼티와 html어트리뷰트를 같이 다룬 이유는 둘 다 함께 사용할 수 있기 때문입니다. 왜 그런지도 아래에서 함께 자세히 알아봅니다.<br

  View : 2322 / Created : 2019-02-27
  
• etc Mac에서 스크린샷 화면 캡처 방법 Mac OS에서 스크린샷(Screenshot)을 저장하는 방법에 대하여 알아봅니다. 어떻게 하면 될까요?# Mac에서 스크린샷 저장하기Mac은 스크린샷 저장 방법이 매우 간단합니다. 아래의 두 가지 방법이 가장 많이 사용되며 스크린샷을 찍을 때 단축키를 사용하면됩니다.1. 화면 전체 스크린샷 저장하기 - <span data-custom-

  View : 932 / Created : 2019-02-25
• webdevetc AWS instance 인스턴스 에러시 체크 알람 설정하기 만약 AWS(Amazon Web Service)를 사용하는 경우 인스턴스 상태에 문제가 생긴 경우  알람을 보내거나 특정 행동을 동작 시킬 수 있습니다. 서버가 갑자기 중지되었거나 문제가 생겼을 때 매우 유용한 방법입니다. 그럼 아래에서 어떻게 동작시키는지 알아봅니다.# AWS 인스턴스 오류시 Status 체크 알람 받기좌측의 메뉴 중 인스턴

  View : 1552 / Created : 2019-02-25
• webdevetc 2019년 네이버 애드포스트가 달라졌어요 2018년 네이버 그린 캠페인은 앞으로 달라진 네이버 블로그의 모습을 기대하게되었으며 마침내 그 변화가 시작되는 것 같습니다. 2019년 부터 말이죠...# 네이버 블로그의 애드포스트 무엇이 달라졌는가현재 webisfree 네이버블로그는 그 다지 많지 않은 일일 5백명 수준의 방문자 지표를 보여주었습니다. 그런데 1월 어

  View : 1416 / Created : 2019-02-24
  
• linux [Linux] 리눅스 메모리 확인하는 방법, free 리눅스 명령어 free에 대하여 알아봅니다. 메모리를 확인할 때 사용하는 free 명령어는 어떻게 그리고 언제 사용할까요?# 리눅스(Linux) free리눅스 환경에서 어떤 어플리케이션을 설치하느냐에 따라 항상 메모리를 고려하게됩니다. 메모리를 많이 사용하는 어플리케

  View : 1588 / Created : 2019-02-21
  
• linux Linux tail 명령어 알아보기 리눅스에서 사용되는 tail 명령어에 대하여 알아봅니다. # 리눅스 파일 내용 출력하기, tailtail은 파일의 내용을 출력해주는 명령어 중 하나입니다. 일반적으로 텍스트 내용을 보거나 수정할 때 cat, vi, vim 등을 사용하죠. 이 중에서도 tail은 특히

  View : 1543 / Created : 2019-02-21
  
• js 자바스크립트 형제 요소 중 몇 번째인지 인덱스 값 얻기, index 자바스크립트를 사용하여 현재 자신 엘리먼트 요소가 동일 선상의 형제 요소들 사이에서 몇 번째 인덱스 값을 가지는지 확인하는 방법을 알아봅니다.# 몇 번째 요소인지 index 얻기이 방법은 제이쿼리의 index()

  View : 3991 / Created : 2019-02-20
  
• js 제이쿼리 trigger 대신 자바스크립트에서 클릭 이벤트 호출하는 방법 웹페이지에서 버튼이나 어떤 엘리먼트를 반드시 직접 클릭하지 않고도 클릭 이벤트를 동작하는 방법이 있습니다. 제이쿼리의 경우 trigger() 메소드가 있는데요 ~ 자바스크립트에서 구현할 경우 어떻게 하면 동작하는지 알아보겠습니다.제이쿼리 trigger() 바로가기  ><a href="https://webisfree.com/2014-01-03/[jquery]-이벤트의-강제-실행-커스텀-이벤

  View : 11360 / Created : 2019-02-15
  
• linux 리눅스 새로운 사용자 user 추가하는 방법 리눅스에 새로운 사용자를 추가하는 방법에 대하여 알아봅니다. 어떻게하면 신규 유저를 추가할 수 있을까요?# 리눅스에 새로운 사용자 추가하는 방법먼저 새로운 사용자를 추가하기 위해서는 root 권한이 필요합니다. root 권한이 없는 경우 root 권한의

  View : 1226 / Created : 2019-02-14
  
• webdevetc Jinja2에서 현재 주소를 출력하는 방법 Jinja2 템플릿에서 현재 주소를 출력하려고 합니다. 어떻게 하면 가능할까요? 아래에서 알아봅니다.# Jinja2 템플릿 현재 주소, 파라미터 가져오는 방법일단 방법은 request를 사용합니다. request는 페이지 주소와 관련된 정보를 가지고 있습니다. 그래서 url, pathname등의 정보를 얻을 수 있죠. 그럼 예제를 통해 알아봅

  View : 990 / Created : 2019-02-12
• js contenteditable 태그에 텍스트만 붙여넣는 방법 입력폼을 만들어 방문자에게 특정한 정보를 얻을 경우 <textarea>태그가 매우 많이 사용됩니다. 하지만 textarea는 태그를 추가할 수 없는데요... 이 경우 contentEditable 속성을 태그에 추가하여 많이 사용하죠.그런데 contentEditable에 모든 태그를 허용해야만 하는 건 아니죠. 때로는 허용 가능한 태그와 아닌 태

  View : 2416 / Created : 2019-02-12
  
• vuejs [VueJS] v-cloak 사용하는 방법, 감추기 VueJS의  v-cloak 디렉티브에 대하여 알아봅니다.VueJS에 사용되는 v-clock은 내장 디렉티브로 VueJS에서 렌더딩 되기 이 전에 브라우저에서 감추는 역할을 합니다. 여기서 감춘다는 뜻은 감추고 보여주는 역할의 v-if 또는 v-show와는 다릅니다. 어떻게 다른지 알아보기 위해 먼저 v-cloak의 동작 방식을 알아

  View : 4459 / Created : 2019-02-10
  
• css [CSS] outline을 둥글게 표현하는 방법은? radius CSS를 사용하여 outline을 둥글게 만드는 방법이 있을까요? border-radius와 같은 css 속성이 outline에 있다면 참 좋을텐데요... 아래에서 방법을 알아봅니다.! outline 속성은?이 css 속

  View : 3672 / Created : 2019-02-08
  
• vuejs VueJS에서 스타일 적용하는 방법 알아보기  VueJS에서 웹어플리케이션에 스타일(style)을 적용하는 방법에 대하여 알아보고 어떻게 사용하고 활용할 수 있는 방안은 무엇인지 알아보려고합니다.# VueJS에 스타일(Style) 적용하기시작에 앞서 스타일(Style)음 무엇이고 왜 중요한지 알아야겠죠? 간략

  View : 4587 / Created : 2019-02-07
  
• etc 마소 디자이너 마우스 페어링 연결 방법 및 리뷰 마이크로소프트에서 나온 디자이너 블루투스 마우스를 컴퓨터에 연결, 페어링하는 방법에 대하여 알아봅니다.# 마이크로소프트 디자이너 마우스 페어링 방법먼저 윈도우즈와 Mac으로 구분할 수 있습니다. 블루투스 방식이므로 각 OS의 블루투스 환경에서 설정이 필요합니다. 이제 OS에 준비가 끝난 경우 이제 마우스를 동작시켜야합니다. 마우스 동작은 전원을 확인하고 없는 경우

  View : 4787 / Created : 2019-02-07
• etc Desktop, PC 브라우저에서 인스타그램 사진 올리는 방법, 포스팅 데스크탑(Desktop)에서 인스타그램(Instagram)에 로그인하여 사진이나 새롭게 포스팅하는 방법을 알아보려고합니다.먼저 데스크탑의 브라우저에서는 인스타그램에 새 글을 작성하거나 사진을 올리는 메뉴가 없습니다. 그렇기때문에 일반적인 방법으로는 불가능하죠. 사실 인스타그램은 초기부터 모바일앱에 맞추어 왔고 대부분의 사용자 역시 앱을 사용해 간단하고 편리하게 게시물을 올리기 원합니다.<span data-custom-style="ct03

  View : 1116 / Created : 2019-02-06
• python Jinja2에서 숫자 또는 문자로 타입 설정 및 변경 방법 Python에서 사용되는 Jinja2 template의 표현식에서 만약 타입을 숫자 또는 문자로 바꾸려면 어떻게하는지 알아봅니다.# Jinja2 숫자 문자 타입 변환 방법문자를 숫자 타입으로 바꾸는 방법을 먼저 알아봅니다. 아래의 변수 myNum은 숫자 형태를 띄나 문자로

  View : 1300 / Created : 2019-02-06
  
• etc 카카오페이 결제를 경험하다 자주 가던 카페에 결제하려던 중 카카오페이 결제 문구가 있어 눈에 들어오더구요 ~ 바로 잘 알려진 카카오 그리고 카카오페이 결제하기 ! 자주 가던 카페에서 만난 카카오페이 결제하기카카오페이가 금융 서비스를 시작한 뒤 어느덧 우리 생활 곳곳에서 쉽게 만나게 된 것 같습니다.

  View : 1403 / Created : 2019-02-05
  
• python Python sha512로 hashing하는 방법 Python을 사용하여 해싱(hashing)값을 얻는 방법입니다. SHA512의 값을 얻는 방법은 어떻게 되는지 알아봅니다.# Python SHA-512값 얻기Python에서 해쉬(hash) 값을 쉽게 얻는 방법으로 hashlib

  View : 1875 / Created : 2019-02-01
• html HTML form태그를 사용하여 입력폼 만들기 및 예제 HTML에서 입력폼을 만들때 사용하는 form 태그에 대하여 자세히 알아봅니다. 언제 그리고 어떻게 사용할까요?# form 태그 알아보기form 태그는 매우 자주 사용되는 중요한 태그인 만큼 하나하나 자세히 알아보도록 하겠습니다.<span data-cu

  View : 2733 / Created : 2019-02-01
  
• js 자바스크립트 자식 요소의 개수 구하기, childElementCount 자바스크립트를 사용하여 자식 엘리먼트의 개수를 구하는 방법으로 아래의 프로퍼티를 사용할 수 있습니다.element.childElementCount이 방법을 사용하면 쉽게 자식요소가 몇 개인지 알수 있죠. 여기서 자식요소의 엘리먼트 element의 값인 개수를 구하며 텍스트 등의 노드

  View : 5334 / Created : 2019-01-30
  
• etc 블루투스 이어폰 QCY T1 PRO 사용기 및 리뷰 블루투스 이어폰으로 유명한 QCY 제품 중  QCY T1 Pro를 구매하고 2주간 사용한 리뷰입니다.일단 QCY T1 및 QCY T1 Pro 둘 다 가성비 높기로 매우 잘 알려진 제품입니다. 블루투스 이어폰이 워낙 고가의 제품들이 많이 있지만 저렴하면서도 좋은 성능을 갖추었다는 평가가 있죠. 처음 구매시 고려했던 가장 큰 사항은 아래와 같습니다.<b

  View : 1545 / Created : 2019-01-30
  
• webdevetc Adobe Premiere(프리미어) 녹음 방법 알아보기 Adobe Premiere(프리미어)를 사용하여 오디오 녹음 방법... 더빙 방법을 알아보려고 합니다. 시작에 앞서 어떻게하면 녹음이 가능한지 몇 단계로 나누어 살펴보면 알아보면 다음의 과정과 같습니다.1. 오디오 하드웨어 설정하기2. 설정 완료 후 녹음될 음량 크기를 설정3

  View : 3165 / Created : 2019-01-28
  
• etc Adobe Premiere 단축키 정보 알아보기 동영상 편집의 인기툴 Adobe Premiere의 단축키 정보입니다. 어떤 단축키가 있고 어떻게 사용하는지 알아보세요.# Adobe Premiere 단축키 모음각각의 기능별로 분류하여 정리한 내용입니다.@ 파일 및 프로젝트 관련새로운 시퀀스 만들기 - <span data-custom-style="ct1

  View : 1085 / Created : 2019-01-26