전체보기
HTML
CSS
JAVASCRIPT
PYTHON
REACT
VueJS
JQUERY
LINUX
PHP
DATABASE
LODASH
WEBDEVETC
Game
Life / Health
ETC
Search
JSON Pretty
Close
CATEGORIES
JSON Pretty
HTML
CSS
React
VueJS
Javascript
jQuery
Lodash
Python
Database
Linux
WEBDEVETC
Game
Life / Health
ETC
Search
Contact Us
LATEST POSTs
최근 등록된 포스팅 목록
최신순
인기순
webdevetc
Naver Cloud, ncp를 사용한 서버 구동하기
작년인가요? 네이버에서 클라우드 서비스를 발표했을때 꼭 써봐야겠다라고 생각했는데 이제 사용하게 되었습니다. 얼마 전 기존의 AWS 이마존 웹서비스에서 네이버 클라우드 플랫폼 서비스인 NCP로 서버를 이전하였기 때문이죠.(스크린샷) Naver Cloud Platform 메인 페이지 모습<span data-custom-style="ct09
View :
2097
/
2018-05-02
webdevetc
nginx uwsgi를 사용한 소켓 연결시 Permission 에러 발생
Python을 사용하여 웹서버를 구축하는 경우 nginx와 uwsgi를 사용한 웹서버 구성이 많이 사용됩니다. 저 역시 오랜 기간 이와 같이 사용해왔죠.uwsgi를 nginx서버와 연동하는 방법으로 웹소켓(socket)을 사용하는 방법이 있습니다. 얼마 전 잘 사용하던 AWS에서 Naver Cloud 서비스로 서버를 이전하면서 이 둘 사이의 연결이 잘 되지 않아 큰 위기를 겪게 되었죠.문제가 된 상황은 소켓 파일에 Permissio
View :
2162
/
2018-04-30
webdevetc
리눅스(Linux) 사용자 패스워드 변경 방법
이번에는 리눅스(Linux)에서 사용자의 패스워드를 변경하는 방법을 알아봅니다.이번에 클라우드 플랫폼을 사용하여 새롭게 서버를 구축하니 접근 가능한 임시 비밀번호를 받을 수 있었습니다. 임시 비밀번호로 접근 후 앞으로 사용할 패스워드로 변경해야하겠죠. 운영체제는 리눅스계열의 우분투
View :
42845
/
2018-04-19
webdevetc
드래그앤드랍(Drag and Drop)구현시 IE에서 동작 안하는 문제
HTML5를 사용하여 드래그앤 드랍을 사용한 UI를 구현할 경우 모든 브라우저(크롬, 파이어폭스 등등)에서는 잘 동작하지만 IE에서 동작안하는 경우가 있어 알아보았습니다. 이때 IE(Internet Explorer)에서 나타날 수 있는 문제와 해결방법을 알아봅니다.# IE에서 나타날 수 있는 문제먼저 event객체의dataTransfer를 사용하는 경우 setData(
View :
2689
/
2018-04-06
webdevetc
www에서 non-www 도메인으로 설정방법, nginx
도메인을 구매하여 사용하는 경우 다음처럼 두 가지 방식의 도메인 주소를 생각할 수 있습니다. 하나는 도메인 앞에 www가 있는 경우이고 하나는 www가 없는 경우입니다.1. www.webisfree.com2. webisfree.com물론 둘 다 사용할 수 있습니다. 다만 <span data-c
View :
2945
/
2018-03-30
webdevetc
도메인에 메일서버 MX값 설정하는 방법
도메인을 보유하는 경우 해당 도메인으로 메일을 주고 받을 수 있습니다. 그렇게 하려면 도메인 네임서버에 메일서버인 MX에 필요한 값을 설정해야합니다. 아래는 MX값을 설정하는 방법에 대하여 알아봅니다. 먼저 메일서버는 무엇일까요?# MX 메일서버란?메일서버는 특정 도메인으로 메일을 주고 받을 수 있는 서버를 의미합니다. 일반적으로 <span data-cust
View :
5356
/
2018-03-30
webdevetc
nginx 413 Request Entity Too Large 에러 해결하기, 파일 업로드 사이즈
클라이언트의 브라우저에서 파일 업로드를 수행할 경우 파일 용량 제한에 에러가 발생할 수 있습니다. nginx를 사용중이라면 아래와 같은 에러가 발생합니다.스크린샷) nginx 서버에 파일 업로드 크기에
View :
24496
/
2018-03-29
webdevetc
이메일 해킹, 악성코드의 위험성을 알아보자
하루를 시작하는 아침~ 이메일을 확인하는데 눈에 띄는 메일이 있어서 제목을 보았습니다.메일제목: Cargo B/L- 174072640제목과 함께 첨부파일이 하나 있더군요. 막상 제목을 봤을때 생각했죠. 포워딩이나 선사 메일 B/L 같은데 나한테 잘못보낸건가? 그래도 약간의 의심은 있었기에 첨부된 파일을 열지는 일단 다운을 받았습니다. 그리고 소스를 확인해보니 아니나 다를까 ... 역시 <s
View :
2192
/
2018-03-21
webdevetc
nginx 서버 SSL 인증서 멀티 도메인에 사용하는 방법
하나의 서버에 여러개의 도메인에서 SSL 인증서를 사용하는 방법에 대하여 알아봅니다. 어떻게 하면 가능할까요?# 하나의 서버에 여러 SSL 적용방법, nginx우선 하나의 서버에서 멀티 도메인을 사용하는 경우 여러개의 SSL 인증서를 적용할 수 없습니다. 만약 여러개의 인증서를 사용하려면 SNI(Server Name Indication)을 사용하는 방법이 있습니다
View :
2881
/
2018-02-17
webdevetc
uwsgi 설정 후 service 에러가 발생하는 경우
Python을 사용하면서 uwsgi와 nginx를 사용하여 웹서버를 구축하려는 경우 uwsgi 서비스에서 다음과 같은 에러가 발생하였습니다.'StartJob filed to start'이와같은 에러 발생시 어떻게 해결할 수 있는지 알아보고자 합니다.<span data-cust
View :
1419
/
2018-02-05
webdevetc
도메인 TypeA로 연결방법 및 nginx 설정하기
새롭게 도메인을 구입한 경우를 이를 서버에 연결하기 위한 방법으로 네임서버(Name Server)를 변경합니다. 하지만 도메인 설정시 Type NS, 네임서버 외에도 사용목적에 따라 설정을 달리 할 수 있을 것입니다. 아래는 자주 사용되는 설정 타입인 TypeA, ip를 사용한 연결방법에 대하여 알아보며 이를 nginx에 설정하는 방법까지 알아봅니다.#
View :
2645
/
2018-02-03
webdevetc
네이버 번역 파파고 API Python 사용방법 및 사용기
네이버 번역을 쉽고 빠르게 적용하기 위한 방법으로 Naver의 PAPAGO(이하 파파고)를 사용할 수 있습니다. 파파고는 네이버 번역 어플리케이션으로 간단한 API 역시 제공됩니다. 이때 NMT / SMT 번역이 제공되며 원하는 번역 기능을 선택하여 사용하면 됩니다.# 네이버 번역 NMT? SMT? 무엇인가이 둘의 차이점은 네이버
View :
7932
/
2018-02-01
webdevetc
nginx를 사용하여 멀티 도메인 연결하는 방법
만약 여러개의 도메인을 하나의 서버(머신)에서 가동하는 경우가 많습니다. 이런 경우 서버환경(nginx, apache) 또는 서버측 언어(PHP, Python 등등)에서 설정하여 사용하게됩니다. 이때 nginx에서는 어떻게 설정해야할까요?# 멀티 도메인을 사용하기 위한 nginx 설정방법 알아보기만약 아래의 도메인을 사용하는 경우 예를들어보겠습니다. 하나의 도메인만 설정된 경우라면 아래와 같이 설정이 되어 있겠죠. 참
View :
17217
/
2018-01-06
webdevetc
PuTTY 복사하고 붙여넣는 방법 알아보기
웹페이지 서버에 접근하는 방법으로 여러가지 방법이 존재합니다. 예를들어 리눅스의 터미널을 사용할 수도 있을 것입니다. 아래는 자주 사용되는 어플리케이션 PuTTY의 기능 중 복사하여 붙여넣는 방법을 알아봅니다.# PuTTY 복사하기 붙여넣기텍스트를 복사하여 붙여넣을 경우 어떻게해야할까요? 이 경우 붙여넣기 방법으로 마우스 오른쪽 버큰을 사용합니다.<span dat
View :
7216
/
2017-12-28
webdevetc
자바스크립트 이미지핑 기술 알아보기
자바스크립트를 사용하여 서버와 통신하는 다양한 방법이 존재합니다. 오늘은 이미지핑(image ping) 기술에 대하여 알아보고 어떻게 사용하는 예제를 통해 배워보려합니다.# 이미지핑이란?서버와의 통신을 확인할때 한번쯤 ping이란 명령어를 사용해보신 적
View :
2355
/
2017-12-20
webdevetc
nginx에 SSL 사용하는 방법. comodo SSL 인증서 설치하기
예전에 보안 프로토콜 SSL을 사용하기 위해 가격을 알아보았는데(벌써 3-4년 전이군요...) 그때는 SSL이 매우 비쌌던 걸로 기억합니다. 물론 제가 최저가를 못찾았는지 모르겠지만요;; 그때는 비용 때문에 사용을 주저하다 말았지요.최근 SSL이 이제는 반드시 필요한 것 같아서 가격을 알아보기 시작하였습니다. 그런데 최근에는 저렴한 SSL... 심지어 무료 제공도 있더군요;
View :
7028
/
2017-12-16
webdevetc
git이 왜 필요하나. 반드시 써야하는가?
얼마전 신규 서비스를 구축하려는 지인분에게 Git의 사용을 추천드렸습니다. 그러자 돌아온 한 마디... Git 그거 꼭 써야하는거야?그래서!! Git이 왜 필요한지 간단하게 정리 요약해보고자합니다. 개발자가 아니라면 또는 git을 써보지 않으면 왜 git이 필요한지.. 그리고 무엇이
View :
6415
/
2017-12-13
webdevetc
Facebook Comment 사용방법 및 알림 설정하기
페이스북의 댓글 기능을 추가하고 사용하는 방법에 대하여 알아보려합니다. 먼저 제가 페이스북 댓글을 사용하는 이유는?# 페이스북 댓글을 사용하는 이유사실 초기에는 webisfree.com에서 직접 소셜 기능의 댓글 서비스를 지원했습니다. 이 경우 다양한 SNS의 api를
View :
1563
/
2017-12-07
webdevetc
codeanywhere 서버 구동 안되는 문제발생시 해결방법
Cloud Editor중 하나인 Codeanywhere가 갑자기 동작하지 않는 문제가 발생하였습니다.. 특별한 원인은 모르겠고 로컬 서버구동시 디버깅에도 문제는 나타나지 않으나 localhost를 띄워 접속하면 현재 접속 가능한 컨테이너가 없다는 에러가 발생하더군요...특별히 디버깅에 문제가 있거나 에러가 발생하면 해결할 수 있을텐데 아무것도 반응이 없어 어찌할바를 모르겠더군요.. 일
View :
1518
/
2017-11-27
webdevetc
레거시 함수, 레거시 코드란 무엇인가?
개발과정에서 레거시 함수, 레거시 코드라는 말을 자주 볼 수 있다. 이번에 이 용어를 정리해보고자한다. 먼저 Legacy Code란 무엇이고 언제 어떻게 사용하는가?# 레거시(Legacy Code)코드란 무엇인가?사전적
View :
10580
/
2017-11-23
webdevetc
블로그 또는 웹사이트 글을 Facebook에 올리기
웹사이트 또는 블로그를 운영하는 경우 방문자 유입률을 올리는 많은 방법들이 존재합니다. 그 중에서 다양한 유입 채널을 만드는 것도 매우 중요하죠!페이스북 페이지를 만들자!페이스북 페이지를 키우기 위한 목적도 있겠지만 콘텐츠를 올릴때 <span data-custom-style=
View :
3103
/
2017-11-20
webdevetc
AWS Lambda를 사용한 외부 url 요청, request 예제보기
AWS를 사용하는 경우 Lambda를 사용하여 여러가지 다양한 함수를 실행할 수 있습니다. 오늘은 Lambda 함수를 사용하여 외부 url을 invoking, request 요청을 수행해보려합니다. # AWS Lambda를 사용한 외부 url request,
View :
3442
/
2017-11-18
webdevetc
Redis를 사용한 View count, 방문자 수 관리하는 효과적인 방법은?
Python에 redis cache를 적용하면서 view count... 방문자가 올때 카운트 값을 1을 늘리기위해 데이터베이스를 업데이트하는 일이 너무 비효율적으로 보였다. 뭔가 방법이 없을까?만약 방문자의 일일 페이지뷰가 100만명이라면 최소 100만번의 데이터베이스 콜과 업데이트가 이루어지게된다... 아무리 적은 데이터라도 데이터베이스에 이렇게 많은 콜 request는 매우 비효율적일 것이다. 좋은 방법이 없을까 고민하면서 캐쉬서버 redis를
View :
2878
/
2017-11-13
webdevetc
ubuntu에 redis-cli 설치하려면?
redis-cli는 redis를 우분투 쉘에서 직접 컨트롤 할 수 있는 Command Line Interface로 많이 사용됩니다. 만약 redis는 이미 설치되었으나 redis-cli가 없는 경우 이를 사용하려면 어떻게 할까요?제 경우 python flask에서 사용되는 <span data-custom-style="
View :
4305
/
2017-11-07
webdevetc
코드의 변수나 함수 등에 _ 언더바를 사용하는 이유는?
개발 언어의 클래스 및 함수를 보면 _ 언더바를 사용한 코드를 쉽게 볼 서 있습니다. 왜 이렇게 이름 앞에 _ 기호를 추가할까요? 그 이유 및 목적에 대하여 간단히 알아봅니다.가장 큰 목적은 스코프 구분에 따른 표시입니다. 개발언어는 해당 콘텍스트에 선언하여 사용되는 고유의 스코프영역(scope)을 가지고 있습니다.
View :
7737
/
2017-11-06
webdevetc
Safari Mobile에서 클릭을 두 번 해야만 동작하는 문제
모바일 웹페이지를 퍼블리싱하다가 이슈가 발생하였습니다. 이슈 내용은 다른 브라우저의 경우 클릭이 잘되는데 유독 아이폰의 모바일 사파리에서는 처음 클릭이 동작하지 않는 점입니다...결국 해결은 하였는데 문제의 원인 및 해결방법에 대하여 적어봅니다. 앞으로는 아이폰 사용자를 위해서 모바일 페이지 구현시 유의해야겠습니다.# 아이폰 사파리(safari) 브라우저&nb
View :
5710
/
2017-11-02
webdevetc
apmsetup 설치 및 사용방법 알아보기
누구나 php를 다뤄보셨다면 apmsetup을 한번쯤은 들어보셨을거라 생각합니다. 아직도 많이 사용되는 웹어플리케이션 구동 방법 중 하나로 설치만으로 서버 및 데이터베이스 환경이 구축되죠. apm은 각각 apache, php, mysql입니다.현재 과거에 사용되던 apmsetup에 접속하면 다른 페이지로 url이 넘
View :
4028
/
2017-11-02
webdevetc
linux 설치된 node uninstall 삭제하는 방법
설치된 node에 문제가 생긴 경우 지우고 다시 인스톨해야합니다. 윈도우에 사용하기 위해 node를 apt-get으로 설치했는데 어떤 문제인지 동작하지 않아 재설치가 필요하였습니다.(node의 정상 동작 여부는 쉽게 버전 확인으로 가능합니다. node -v)# linux에서 설치된 node 제거하기만약 apt-get
View :
2460
/
2017-10-30
webdevetc
nodejs로 간단한 웹서버 구축하는 방법 및 예제보기
만약 웹서버(Web Server)를 쉽고 빠르게 구축할 필요가 있는 경우 어떤 방법이 있을까요? 많이 사용되는 Nodejs 웹서버 구축 방법에 대하여 알아봅니다.제 경우는 급하데 프로젝트를 진행해야해서 퍼블리싱이 필요했습
View :
13525
/
2017-10-30
webdevetc
HTML 자바스크립트로 로딩중 메시지 만들기
방문자가 사이트에 접속해서 뭔가를 누르거나 액션을 취합니다. 이때 페이지가 현재 로딩중이라는 메시지를 보여주려면 어떻게 할까요? 페이지를 비동기식, ajax로 호출하는 경우 방문자에게 현재 페이지가 로딩중이라는 메시지를 정확히 보여주는 것이 좋을 것입니다. 아래는 이를 구현하는 스크립트를 만들어 실행해보는 예제입니다.
View :
10451
/
2017-10-17
First
Prev
1
2
3
4
5
6
7
...
Next
Last