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

---

인기순

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

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

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

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

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

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

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

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

  View : 9328 / 2018-05-31
  
• webdevetc jQuery UI datepicker 시작 요일순서 바꾸는 방법 웹페이지에서 날짜를 선택하는 UI 컴포넌트 중 간단하면서 쉽게 적용하는 jQuery Datepicker가 많이 사용됩니다. 이때 보여주게되는 요일 시작의 기본값이 아래 순서와 같습니다.[ 일 월 화 수 목 금 토 ]이때 만약 다른 요일부터 시작하게하려면? 어떻게할까요? 가능할까요??<span data-cu

  View : 4686 / 2018-05-30
  
• webdevetc ASP.NET 한글 깨짐 현상 인코딩 해결방법 서버측 언어가 ASP.NET을 사용하는 경우 만약 한글 깨짐 현상이 발생한다면? 아마도 인코딩(encoding) 설정이 잘못 된 경우일 수 있습니다. 이 경우 어떻게하면 한글 깨짐을 해결할 수 있는지 몇 가지 해경방법을 알아보도록 하겠습니다.먼저 인코딩 설정은 하나의 페이지에 적용하는 페이지 단위 적용방법과 전체 페이지 적용 방법으로 구분할 수 있습니다. 우선 페이지 단위로 설정하는 싱글 페이지 방법입니다.<b

  View : 13901 / 2018-05-25
• webdevetc Naver Cloud, ncp를 사용한 서버 구동하기 작년인가요? 네이버에서 클라우드 서비스를 발표했을때 꼭 써봐야겠다라고 생각했는데 이제 사용하게 되었습니다. 얼마 전 기존의 AWS 이마존 웹서비스에서 네이버 클라우드 플랫폼 서비스인 NCP로 서버를 이전하였기 때문이죠.(스크린샷) Naver Cloud Platform 메인 페이지 모습<span data-custom-style="ct09

  View : 2709 / 2018-05-02
  
• webdevetc nginx uwsgi를 사용한 소켓 연결시 Permission 에러 발생 Python을 사용하여 웹서버를 구축하는 경우 nginx와 uwsgi를 사용한 웹서버 구성이 많이 사용됩니다. 저 역시 오랜 기간 이와 같이 사용해왔죠.uwsgi를 nginx서버와 연동하는 방법으로 웹소켓(socket)을 사용하는 방법이 있습니다. 얼마 전 잘 사용하던 AWS에서 Naver Cloud 서비스로 서버를 이전하면서 이 둘 사이의 연결이 잘 되지 않아 큰 위기를 겪게 되었죠.문제가 된 상황은 소켓 파일에 Permissio

  View : 3402 / 2018-04-30
• webdevetc 리눅스(Linux) 사용자 패스워드 변경 방법 이번에는 리눅스(Linux)에서 사용자의 패스워드를 변경하는 방법을 알아봅니다.이번에 클라우드 플랫폼을 사용하여 새롭게 서버를 구축하니 접근 가능한 임시 비밀번호를 받을 수 있었습니다. 임시 비밀번호로 접근 후 앞으로 사용할 패스워드로 변경해야하겠죠. 운영체제는 리눅스계열의 우분투

  View : 64388 / 2018-04-19
  
• webdevetc 드래그앤드랍(Drag and Drop)구현시 IE에서 동작 안하는 문제 HTML5를 사용하여 드래그앤 드랍을 사용한 UI를 구현할 경우 모든 브라우저(크롬, 파이어폭스 등등)에서는 잘 동작하지만 IE에서 동작안하는 경우가 있어 알아보았습니다. 이때 IE(Internet Explorer)에서 나타날 수 있는 문제와 해결방법을 알아봅니다.# IE에서 나타날 수 있는 문제먼저 event객체의dataTransfer를 사용하는 경우 setData(

  View : 3985 / 2018-04-06
• webdevetc www에서 non-www 도메인으로 설정방법, nginx 도메인을 구매하여 사용하는 경우 다음처럼 두 가지 방식의 도메인 주소를 생각할 수 있습니다. 하나는 도메인 앞에 www가 있는 경우이고 하나는 www가 없는 경우입니다.1. www.webisfree.com2. webisfree.com물론 둘 다 사용할 수 있습니다. 다만 <span data-c

  View : 4731 / 2018-03-30
  
• webdevetc 도메인에 메일서버 MX값 설정하는 방법 도메인을 보유하는 경우 해당 도메인으로 메일을 주고 받을 수 있습니다. 그렇게 하려면 도메인 네임서버에 메일서버인 MX에 필요한 값을 설정해야합니다. 아래는 MX값을 설정하는 방법에 대하여 알아봅니다. 먼저 메일서버는 무엇일까요?# MX 메일서버란?메일서버는 특정 도메인으로 메일을 주고 받을 수 있는 서버를 의미합니다. 일반적으로 <span data-cust

  View : 6798 / 2018-03-30
• webdevetc nginx 413 Request Entity Too Large 에러 해결하기, 파일 업로드 사이즈 클라이언트의 브라우저에서 파일 업로드를 수행할 경우 파일 용량 제한에 에러가 발생할 수 있습니다. nginx를 사용중이라면 아래와 같은 에러가 발생합니다.스크린샷) nginx 서버에 파일 업로드 크기에

  View : 34107 / 2018-03-29
  
• webdevetc 이메일 해킹, 악성코드의 위험성을 알아보자 하루를 시작하는 아침~ 이메일을 확인하는데 눈에 띄는 메일이 있어서 제목을 보았습니다.메일제목: Cargo B/L- 174072640제목과 함께 첨부파일이 하나 있더군요. 막상 제목을 봤을때 생각했죠. 포워딩이나 선사 메일 B/L 같은데 나한테 잘못보낸건가? 그래도 약간의 의심은 있었기에 첨부된 파일을 열지는 일단 다운을 받았습니다. 그리고 소스를 확인해보니 아니나 다를까 ... 역시 <s

  View : 2832 / 2018-03-21
  
• webdevetc nginx 서버 SSL 인증서 멀티 도메인에 사용하는 방법 하나의 서버에 여러개의 도메인에서 SSL 인증서를 사용하는 방법에 대하여 알아봅니다. 어떻게 하면 가능할까요?# 하나의 서버에 여러 SSL 적용방법, nginx우선 하나의 서버에서 멀티 도메인을 사용하는 경우 여러개의 SSL 인증서를 적용할 수 없습니다. 만약 여러개의 인증서를 사용하려면 SNI(Server Name Indication)을 사용하는 방법이 있습니다

  View : 4985 / 2018-02-17
• webdevetc uwsgi 설정 후 service 에러가 발생하는 경우 Python을 사용하면서 uwsgi와 nginx를 사용하여 웹서버를 구축하려는 경우 uwsgi 서비스에서 다음과 같은 에러가 발생하였습니다.'StartJob filed to start'이와같은 에러 발생시 어떻게 해결할 수 있는지 알아보고자 합니다.<span data-cust

  View : 1996 / 2018-02-05
• webdevetc 도메인 TypeA로 연결방법 및 nginx 설정하기 새롭게 도메인을 구입한 경우를 이를 서버에 연결하기 위한 방법으로 네임서버(Name Server)를 변경합니다. 하지만 도메인 설정시 Type NS, 네임서버 외에도 사용목적에 따라 설정을 달리 할 수 있을 것입니다. 아래는 자주 사용되는 설정 타입인 TypeA, ip를 사용한 연결방법에 대하여 알아보며 이를 nginx에 설정하는 방법까지 알아봅니다.#

  View : 3290 / 2018-02-03
  
• webdevetc 네이버 번역 파파고 API Python 사용방법 및 사용기 네이버 번역을 쉽고 빠르게 적용하기 위한 방법으로 Naver의 PAPAGO(이하 파파고)를 사용할 수 있습니다.  파파고는 네이버 번역 어플리케이션으로 간단한 API 역시 제공됩니다. 이때 NMT / SMT 번역이 제공되며 원하는 번역 기능을 선택하여 사용하면 됩니다.# 네이버 번역 NMT? SMT? 무엇인가이 둘의 차이점은 네이버

  View : 9157 / 2018-02-01
  
• webdevetc nginx를 사용하여 멀티 도메인 연결하는 방법 만약 여러개의 도메인을 하나의 서버(머신)에서 가동하는 경우가 많습니다. 이런 경우 서버환경(nginx, apache) 또는 서버측 언어(PHP, Python 등등)에서 설정하여 사용하게됩니다. 이때 nginx에서는 어떻게 설정해야할까요?# 멀티 도메인을 사용하기 위한 nginx 설정방법 알아보기만약 아래의 도메인을 사용하는 경우 예를들어보겠습니다. 하나의 도메인만 설정된 경우라면 아래와 같이 설정이 되어 있겠죠. 참

  View : 26309 / 2018-01-06
• webdevetc PuTTY 복사하고 붙여넣는 방법 알아보기 웹페이지 서버에 접근하는 방법으로 여러가지 방법이 존재합니다. 예를들어 리눅스의 터미널을 사용할 수도 있을 것입니다. 아래는 자주 사용되는 어플리케이션 PuTTY의 기능 중 복사하여 붙여넣는 방법을 알아봅니다.# PuTTY 복사하기 붙여넣기텍스트를 복사하여 붙여넣을 경우 어떻게해야할까요? 이 경우 붙여넣기 방법으로 마우스 오른쪽 버큰을 사용합니다.<span dat

  View : 10366 / 2017-12-28
• webdevetc 자바스크립트 이미지핑 기술 알아보기 자바스크립트를 사용하여 서버와 통신하는 다양한 방법이 존재합니다. 오늘은 이미지핑(image ping) 기술에 대하여 알아보고 어떻게 사용하는 예제를 통해 배워보려합니다.# 이미지핑이란?서버와의 통신을 확인할때 한번쯤 ping이란 명령어를 사용해보신 적

  View : 3367 / 2017-12-20
  
• webdevetc nginx에 SSL 사용하는 방법. comodo SSL 인증서 설치하기 예전에 보안 프로토콜 SSL을 사용하기 위해 가격을 알아보았는데(벌써 3-4년 전이군요...) 그때는 SSL이 매우 비쌌던 걸로 기억합니다. 물론 제가 최저가를 못찾았는지 모르겠지만요;; 그때는 비용 때문에 사용을 주저하다 말았지요.최근 SSL이 이제는 반드시 필요한 것 같아서 가격을 알아보기 시작하였습니다. 그런데 최근에는 저렴한 SSL... 심지어 무료 제공도 있더군요;

  View : 8443 / 2017-12-16
  
• webdevetc git이 왜 필요하나. 반드시 써야하는가? 얼마전 신규 서비스를 구축하려는 지인분에게  Git의 사용을 추천드렸습니다. 그러자 돌아온 한 마디... Git 그거 꼭 써야하는거야?그래서!! Git이 왜 필요한지 간단하게 정리 요약해보고자합니다. 개발자가 아니라면 또는 git을 써보지 않으면 왜 git이 필요한지.. 그리고 무엇이

  View : 8586 / 2017-12-13
  
• webdevetc Facebook Comment 사용방법 및 알림 설정하기 페이스북의 댓글 기능을 추가하고 사용하는 방법에 대하여 알아보려합니다. 먼저 제가 페이스북 댓글을 사용하는 이유는?# 페이스북 댓글을 사용하는 이유사실 초기에는 webisfree.com에서 직접 소셜 기능의 댓글 서비스를 지원했습니다. 이 경우 다양한 SNS의 api를

  View : 2090 / 2017-12-07
  
• webdevetc codeanywhere 서버 구동 안되는 문제발생시 해결방법 Cloud Editor중 하나인 Codeanywhere가 갑자기 동작하지 않는 문제가 발생하였습니다.. 특별한 원인은 모르겠고 로컬 서버구동시 디버깅에도 문제는 나타나지 않으나 localhost를 띄워 접속하면 현재 접속 가능한 컨테이너가 없다는 에러가 발생하더군요...특별히 디버깅에 문제가 있거나 에러가 발생하면 해결할 수 있을텐데 아무것도 반응이 없어 어찌할바를 모르겠더군요.. 일

  View : 1910 / 2017-11-27
• webdevetc 레거시 함수, 레거시 코드란 무엇인가? 개발과정에서 레거시 함수, 레거시 코드라는 말을 자주 볼 수 있다. 이번에 이 용어를 정리해보고자한다. 먼저 Legacy Code란 무엇이고 언제 어떻게 사용하는가?# 레거시(Legacy Code)코드란 무엇인가?사전적

  View : 17655 / 2017-11-23