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

---

인기순

• webdevetc nginx 국가 코드별 접속 차단 및 허용 설정하기 원치 않는 국가에서 접근을 시도하는 경우 어떻게 하면 접속을 막거나 허용할 수 있는지 고민하게 되었습니다. 이유는 몇 가지 있는데 최근 급증한 데이터 트래픽 증가가 원인 중 하나였습니다.어쨌든 방문자의 접속을 제어하고 싶은데 어디서 제어할 것인가를 결정해야 합니다. 이 중에서 간단한 방법인 서버측 환경, nginx 설정을 사용하여 국가 별로 허용하거나 제한하는 방

  View : 2920 / 2019-06-07
• webdevetc 네이버블로그 본문에 광고를 노출하자. 네이버애드포스트 본문에 광고 개제하기  네이버블로그를 운영해오던 많이 이들에게 드디어 반가운 소식이 들려오게 되었습니다. 바로 네이버블로그의 본문에 광고 게재가 된다는 사실입니다!!"네이버블로그 본문에 광고 게재되다."아마 많은 분들이 궁금해왔던 부분인데요... 네이버는 블로썸 데이에서 현재의 네이버블로그에 대하여 여러가지 개편 및 개선될 사항들을 미리 얘기

  View : 1794 / 2019-03-29
  
• webdevetc 쿠팡파트너스 등록 방법 및 배너 달기 쿠팡 파트너스란?작년인 2018년 7월 쿠팡은 새로운 광고 플랫폼 쿠팡 파트너스를 선보였습니다. 구글의 애드센스처럼 광고를 자신의 앱이나 웹 등에 개제하고 수익을 얻을 수 있는 구조입니다. 특히 단순 링크 방식의 배너에서 수익이 발생할 수 있어 네이버블로그

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

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

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

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

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

  View : 6877 / 2019-01-28
  
• webdevetc 에디터 intellij 단축키(shorthand) 모음입니다. 인기있는 intellij(IDE)의 자주 사용하는 단축키(shorthand)를 정리한 내용입니다. 아래를 봐주세요.# Intellij 단축키 shortcuts가장 먼저 파일이나 클래스명, 액션 등등에서 원하는 것을 간단히 찾는 방법입니다. 사실 가장 많이 그리고 자주 쓰이는 단축키 입니다.** 찾기 **전체에서 찾기 - Shift </s

  View : 2428 / 2019-01-16
• webdevetc 윈도우즈(Windows) host 파일 수정하는 방법 바라보는 ip 주소를 다른 주소로 변경하는 방법으로 host 파일을 수정하는 방법이 사용됩니다. 아래는 윈도우즈에서 어떻게 host 파일을 수정하는지 알아보겠습니다.# 윈도우즈 hosts 파일을 수정하는 방법호스트 파일을 수정하기 위해서는 아래와 같이 순서대로 진행합니다. 하나씩 알아보면 다음과 같습니다. 순서에 따라 진행해주세요.1. 먼저 윈도우즈의 파일

  View : 1685 / 2019-01-11
• webdevetc 웹문서에 SVG 태그 사용하는 방법 및 예제보기 웹페이지에 도형을 그리는 방법 중 <svg> 태그를 사용하는 방법에 대하여 알아봅니다. 어떻게하면 svg를 사용해서 원, 사각형 등의 도형을 그릴 수 있을까요?# 웹페이지에 svg태그 사용하는 방법도형을 그리기 위해서는 몇 가지 방법이 존재하며 svg를 사용하는 방법 외에도 캔버스 태그(canvas)에 자바스크립트로 그리는 방법이 있습니다. 또 다른 방법은 c

  View : 1833 / 2019-01-07
• webdevetc 윈도우즈에서 환경변수 또는 Path 설정하는 방법 윈도우즈에서 어플리케이션을 설치하는 경우 PATH 등의 환경변수를 설정해야 하는 경우가 있습니다. 예를들어 자바(JAVA)를 사용하는 경우에도 JAVA_HOME을 설정해야하거나 자동으로 설정되기도 하죠. 이처럼 환경변수를 등록하고 변경하는 방법에 대하여 알아봅니다.# 윈도우즈에서 환경변수 값 설정하기윈도우즈에서 필요한 환경변수를 변경하려면 아래의 과정대로 수

  View : 2016 / 2018-11-28
  
• webdevetc Visual Studio Code(VSCode) 유용한 단축키 알아보기  Visual Studio Code(VSCode)를 사용하면서 알아두면 유용한 ... 일부는 매우 필수적인 단축키(Shortcuts)에 대하여 정리한 내용입니다. 단축키 사용은 생산성을 높여주기 때문에 파일 찾기 등의 일부 단축키는 활용성이 매우 높습니다. 그럼 아래 리스트를 봐주세요.<span data-custom-s

  View : 66492 / 2018-11-02
  
• webdevetc expo 최신 버전으로 업데이트 하는 방법 expo를 사용하는 경우 react-native가 버전업되거나 새로 업데이트 된 모듈에 따라 expo-cli의 업데이트가 필요합니다. 아래는 최신 버전으로 expo를 업데이트하는 방법입니다.npm install -g expo-cliexpo를 사용하다가 동작하지 않는 경우 새로운 expo로 버전업이 필요한 경우가 있을 수 있습니다.

  View : 2619 / 2018-09-05
• webdevetc Mac terminal에서 finder 여는 방법 Mac에서 터미널(terminal)을 사용하다가 현재 위치 또는 원하는 경로에 finder를 실행하는 방법입니다.이때는 아래와 같이 현재 경로에서 open을 사용하면 finder를 실행할 수 있습니다.> open .또는 아래처럼 경로를 선택할 수 있습니다. 만약 /images/ 경로의 finder라면 아래와 같이 사용할 수 있죠.> open /images/터미널에서 파일이나 디렉토리 등을 삭제,

  View : 1022 / 2018-08-30
• webdevetc expo cli에서 build 명령시 error 발생, expo.android.package Expo를 React native에 사용하여 앱 개발에 사용하는 경우가 많습니다. Expo cli는 여러 커맨드를 제공하는데 앱을 퍼블리싱하거나 빌드할 수도 있죠.만약 안드로이드 빌드 과정 중 아래와 같은 메시지가 출력되는 경우 해결 방법을 알아봅니다.Must specify a java package in order to build this experience for Android. Please specify one in app.json at "ex

  View : 2381 / 2018-08-09
• webdevetc expo 실행시 './assets/icons/app-icon.png' could not found 에러가 발생 expo cli를 사용하여 react native를 개발하던 중 아래와 같은 에러가 에러와 메시지가 발생하였습니다.'./assets/icons/app-icon.png' could not found에러 메시자와 함께 더 이상 진행이 안되어 찾아보니 재인스톨하면 해결되더군요 아래와 같이 플랫폼에 따라 다시 인스톨 하였습니다.exp install:androidexp install:i

  View : 1074 / 2018-08-09
• webdevetc npm 최신버전으로 업데이트 방법 npm을 최신버전으로 업데이트 하는 방법을 알아봅니다. 어떻게하면 최신버전으로 업데이트 할 수 있을까요?! npm을 최신버전으로 업데이트 해야하는 이유는?만약 npm이 최신 버전이 아닌 경우 디펜던시 등의 이유로 앱이 동작하지 않을 수 있습니다. 또한 개발환경을 맞추어 보다 안정적인 환경에서 개발하려면 최신 버전이 필요할 수 있죠. 이런 이유로 npm을 최신버전으로

  View : 8503 / 2018-08-07
• webdevetc react native 설치 및 시작하기 자바스크립트 및 React를 사용하여 앱을 만들 수 있는 React native!! 아래는 React native를 설치하고 새로운 개발을 시작하는 방법을 알아봅니다.# React native 설치하기가장 먼저 React Native 모듈이 필요합니다. 이를 설치하는 방법에 대하여 알아보면 npm을 사용하여 설치할 수 있으며 원하는 경로에서 아래와 같이 설치합니다.npm install -g crea

  View : 1269 / 2018-08-07
• webdevetc Android Studio 가상 디바이스로 apk 실행하는 방법 apk 파일을 데스크톱에서 실행하기 위해서 어떻게해야 할까요? Android Studio(안드로이드 스튜디오)를 설치하여 동작시키는 방법을 알아봅니다.안드로이드 스튜디오는 앱 개발환경을 제공하는 툴입니다. 기능으로 안드로이드 가상 디바이스(AVD)를 제공하여 실제 안드로이드 기기를 사용하는 것처럼 테스트나 앱을 동작 시키는 것이 가능합니다. 그럼 이를 사용하여 <span data-cu

  View : 11315 / 2018-08-07
• webdevetc Phonegap CLI 설치 및 사용방법 하이브리드 앱을 만들 수 있는 Phonegap에서 Phonegap CLI를 설치하고 사용하는 방법을 알아봅니다.폰갭은 Cordova를 사용하는 Adobe의 Hybrid 개발툴입니다. Phonegap을 설치하는 경우 더 편리한 기능을 제공하는 Phonegap CLI 사용이 가능합니다. 아래는 설치부터 사용방법까지의 방법들입니다.<span data-custom-sty

  View : 1215 / 2018-08-07
• webdevetc Phonegap(Cordova) vs Ionic 하이브리드 앱 하이브리드 앱을 개발하면서 잘 알려진 Phonegap 그리고 Ionic에 대하여 간단히 비교한 글입니다.먼저 이 두 가지 모두 많이 사용됩니다. 다만 Ionic의 경우 가장 최근에 개발된 툴로 요즘에는 하이브리드앱 하면 Ionic을 먼저 손꼽히더군요...# Phonegap과 Ionic의

  View : 1893 / 2018-08-07
• webdevetc 크롬브라우저 안전하지 않은 스크립트 로드 표시 제거하는 방법 전혀 신경쓰지 못했는데 어느날 부터인지 크롬브라우저 주소창 우측에 방패 모양의 표시가 생겼습니다... 갑자기 왜 생긴걸까요.크롬브라우저의 주소창에 보이는 작은 표시확인해보니 '안전하지 못한 스크립트를 로드 중'

  View : 12437 / 2018-08-01
  
• webdevetc 네이버블로그 더 만드는 방법은? 추가하기 개인적으로 네이버블로그를 오랫동안 유지해왔습니다. 만약 기존의 네이버 블로그를 유지하면서 다른 목적이나 카테고리의 네이버블로그를 만드려면 어떻게 할까요? 가능할까요??# 여러개의 네이버블로그 만드는 방법하나의 계정으로는 하나의 네이버블로그만 만들 수 있습니다. 하지만!! 계정 가입의 경우 1인 3개까지 가능한</sp

  View : 7069 / 2018-07-25
  
• webdevetc 데이터베이스 스키마(database schema)의 정의 개발자들과의 미팅에서  아래와 같은 말을 쉽게 들을 수 있습니다."DB 스키마부터 정의하자.""데이터베이스 스키마가 잘못되어있었다" 등등...과연 데이터베이스 스키마란 무엇일까요? 아래에서 간단하게 알아보려고 합니다.# 데이터베이스 스키마란?먼저 스키마

  View : 2154 / 2018-07-23
• webdevetc 브라우저 한글 깨짐 현상과 인코딩 방안 신규 프로젝트를 진행하면서 브라우져 한글깨짐 이슈에 대하여 몇 가지 적어봅니다.# 특정환경에서의 한글깨짐 발생한글깨짐 현상은 예전부터 항상 존재했죠. 하지만 한글을 사용하는 방문자에게는 한글이 깨지는 현상이 없도록 최선을 다해야겠습니다. 하지만 현실은 그리 녹록하지 않은 것 같은데요... 어떤 문제가 있을까요?HTML에 설정된 한줄의 메타태그가 모든 한글깨짐을 해결해준다면 얼마나 좋을까요? 하지만 잘생긴 HTML5 UTF-

  View : 3564 / 2018-07-12
• webdevetc [HTML5] canvas 요소에 이미지 추가하기 HTML5의 캔버스(canvas) 요소에 이미지를 추가하는 방법에 대하여 알아봅니다. 어떻게하면 이미지를 추가할 수 있을까요? 이미지를 추가하는 것은 가능할까요?# canvas에 이미지 추가하는 방법canvas에는 도형을 그리기도 하지만 원하는 이미지를

  View : 11004 / 2018-07-02
  
• webdevetc 커스텀 툴팁(tooltip) 만드는 방법 제한된 영역에 더 많은 정보 또는 추가적인 정보를 제공할 수 있는 툴팁창을 만들어보려합니다. 이때 title 속성을 이용하는 시스템 툴팁이 아닌 커스텀으로 툴팁을 만드려면 어떻게할까요?! 툴팁이 필요한 이유Admin 관리자 웹사이트를 만드는 경우 테이블 공간에 많은 데이터가 추가될 수 있습니다. 하나의 cell

  View : 7999 / 2018-06-25
• webdevetc 파이어폭스(Firefox) 문자 깨짐현상 발생시 해결방법 웹페이지를 작성 후 동작시 파이어폭스에서만 한글 문자 깨짐 현상이 나타나는 경우가 있더군요. 왜 이런 문제가 나타났으며 어떻게 해결하였는지 아래에서 알아봅니다.# 파이어폭스에서 한글 문자 깨지는 현상한글 문자 깨짐은 매우 자주 일어납니다. 대부분 인코딩 설정이 잘못되어 나타나기 때문에

  View : 7703 / 2018-06-25
• webdevetc 캔버스에 곡선 커브를 그리는 방법 및 예제보기 얼마 전 캔버스(canvas)를 사용하여 원을 그리는 방법을 알아보았습니다. 이번에는 원이 아닌 캔버스에 곡선을 그리는 방법에 대하여도 알아보려고 합니다. 어떻게 하면 부드러운 곡선을 그릴 수 있을까요?# 캔버스(canvas)에 원을 그리는 방법canvas 요소에 원을 그리는 방법은 크게 세 가지를 사용할 수 있습니다. 구분해보면...<ul c

  View : 3864 / 2018-06-17