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

---

인기순

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

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

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

  View : 5764 / 2019-01-28
  
• webdevetc 에디터 intellij 단축키(shorthand) 모음입니다. 인기있는 intellij(IDE)의 자주 사용하는 단축키(shorthand)를 정리한 내용입니다. 아래를 봐주세요.** 찾기 또는 바꾸기 **텍스트 검색, 찾기 - Ctrl + F전체 텍스트 검색, 찾기 - Ctrl + <span data-custom-style="ct10

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  View : 3242 / 2018-06-17
• webdevetc canvas 기존 스타일 저장 및 불러오기, save() restore() canvas에 그리는 경우 context 영역에 설정된 기존의 스타일을 저장하고 다시 불러올 수 있는 save(), restore() 함수에 대하여 알아봅니다.# 캔버스 적용중인 스타일 저장 또는 불러오기하나의 context 영역에는

  View : 3303 / 2018-06-14
• webdevetc IE 팝업창에서 스크롤바 안나타나는 경우 해결방법 자바스크립트를 사용하여 팝업창을 띄우는 경우 IE 익스플로러에서 스크롤바가 없는 경우 어떻게해야하는지 알아봅니다.# IE 팝업창에 스크롤바가 없는 경우 해결하기자바스크립트를 사용하여 팝업창을 띄우는 경우 아래와 같이 open()을 사용합니다.window.open();</s

  View : 17593 / 2018-06-08
  
• webdevetc [HTML5] 캔버스(Canvas)에 원 그리기 HTML5에서는 canvas태그에 다양한 도형을 간단하고 쉽게 그릴 수 있습니다. 도형 중에서 많이 사용되는 원을 그리는 방법을 알아봅니다. 어떻게하면 원을 그릴 수 있을까요?# canvas 태그를 사용하여 원 그리는 방법캔버스에 원을 그리는 방법으로 두 가지 방법이 존재하며 컨텍스트에 다음 함수를

  View : 9477 / 2018-06-07
  
• webdevetc CANVAS 태그에 오브젝트, 도형 이동하는 방법 HTML5의 새로운 API, CANVAS는 웹 어플리케이션에 새로운 가능성을 열어주었습니다. 데스크탑, 모바일 앱에 버금가는 게임 등을 만들 수 있게해주었지요.아래는 이런 기능을 구현하기위해 필요한 canvas에 그려진 shape, 도형을 이동시키는 방법에 대하여 알아보겠습니다.# canvas 태그에 도형 그리고 이동시키기얼마 전 올린 포스팅에서 canvas의 클릭 이벤트를 사용해 도형 등의 오브젝트 이동 방법을 알아보았습

  View : 3908 / 2018-06-06
• webdevetc [HTML5] Canvas 요소의 도형에 클릭 이벤트 사용하는 방법 HTML5의 가장 큰 특징 중 하나인 Canvas(캔버스)! Canvas에 그려진 도형(Shape)에 클릭 이벤트를 추가하려고 합니다. 어떻게하면 가능할까요? 아래에서 알아보세요.! 캔버스 내부 도형에 클릭 이벤트를 추가하는 것은 불가능먼저 캔버스 내부 도형에 직접 이벤트를 추가하는 것은 어렵습니다... 즉 캔버스 내부에 원을 그렸다면 그 원에 이

  View : 6423 / 2018-05-31