ENG
더 나은 웹개발을 꿈꾸는 기술 블로그. 웹이즈프리.
LATEST POSTs
최근 등록된 포스팅 목록 최신순
인기순
- Phonegap(Cordova) vs Ionic 하이브리드 앱 하이브리드 앱을 개발하면서 잘 알려진 Phonegap 그리고 Ionic에 대하여 간단히 비교한 글입니다.먼저 이 두 가지 모두 많이 사용됩니다. 다만 Ionic의 경우 가장 최근에 개발된 툴로 요즘에는 하이브리드앱View Count : 2,606 Created : 2018-08-07
- 크롬브라우저 안전하지 않은 스크립트 로드 표시 제거하는 방법 전혀 신경쓰지 못했는데 어느날 부터인지 크롬브라우저 주소창 우측에 방패 모양의 표시가 생겼습니다... 갑자기 왜 생긴걸까요.크롬브라우저의 주소창에 보이는 작은 표시확인해보니 '안전하지 못한 스크립트를 로드 중'이라는
- 네이버블로그 더 만드는 방법은? 추가하기 개인적으로 네이버블로그를 오랫동안 유지해왔습니다. 만약 기존의 네이버 블로그를 유지하면서 다른 목적이나 카테고리의 네이버블로그를 만드려면 어떻게 할까요? 가능할까요??# 여러개의 네이버블로그 만드는 방법하나의 계정으
- 데이터베이스 스키마(database schema)의 정의 개발자들과의 미팅에서 아래와 같은 말을 쉽게 들을 수 있습니다."DB 스키마부터 정의하자.""데이터베이스 스키마가 잘못되어있었다" 등등...과연 데이터베이스 스키마란 무엇일까요? 아래에서 간단하게 알아보려
- 브라우저 한글 깨짐 현상과 인코딩 방안 신규 프로젝트를 진행하면서 브라우져 한글깨짐 이슈에 대하여 몇 가지 적어봅니다.# 특정환경에서의 한글깨짐 발생한글깨짐 현상은 예전부터 항상 존재했죠. 하지만 한글을 사용하는 방문자에게는 한글이 깨지는 현상이 없도록
- [HTML5] canvas 요소에 이미지 추가하기 HTML5의 캔버스(canvas) 요소에 이미지를 추가하는 방법에 대하여 알아봅니다. 어떻게하면 이미지를 추가할 수 있을까요? 이미지를 추가하는 것은 가능할까요?# canvas에 이미지 추가하는 방법canvas에는
- 커스텀 툴팁(tooltip) 만드는 방법 제한된 영역에 더 많은 정보 또는 추가적인 정보를 제공할 수 있는 툴팁창을 만들어보려합니다. 이때 title 속성을 이용하는 시스템 툴팁이 아닌 커스텀으로 툴팁을 만드려면 어떻게할까요?! 툴팁이 필요한 이유AdminView Count : 12,244 Created : 2018-06-25
- 파이어폭스(Firefox) 문자 깨짐현상 발생시 해결방법 웹페이지를 작성 후 동작시 파이어폭스에서만 한글 문자 깨짐 현상이 나타나는 경우가 있더군요. 왜 이런 문제가 나타났으며 어떻게 해결하였는지 아래에서 알아봅니다.# 파이어폭스에서 한글 문자 깨지는 현상한글 문자 깨짐은
- 캔버스에 곡선 커브를 그리는 방법 및 예제보기 얼마 전 캔버스(canvas)를 사용하여 원을 그리는 방법을 알아보았습니다. 이번에는 원이 아닌 캔버스에 곡선을 그리는 방법에 대하여도 알아보려고 합니다. 어떻게 하면 부드러운 곡선을 그릴 수 있을까요?# 캔버스(c
- canvas 기존 스타일 저장 및 불러오기, save() restore() canvas에 그리는 경우 context 영역에 설정된 기존의 스타일을 저장하고 다시 불러올 수 있는 save(), restore() 함수에 대하여 알아봅니다.# 캔버스 적용중인 스타일 저장 또는 불러오기하나의 c
- IE 팝업창에서 스크롤바 안나타나는 경우 해결방법 자바스크립트를 사용하여 팝업창을 띄우는 경우 IE 익스플로러에서 스크롤바가 없는 경우 어떻게해야하는지 알아봅니다.# IE 팝업창에 스크롤바가 없는 경우 해결하기자바스크립트를 사용하여 팝업창을 띄우는 경우 아래와 같이
- [HTML5] 캔버스(Canvas)에 원 그리기 HTML5에서는 canvas태그에 다양한 도형을 간단하고 쉽게 그릴 수 있습니다. 도형 중에서 많이 사용되는 원을 그리는 방법을 알아봅니다. 어떻게하면 원을 그릴 수 있을까요?# canvas 태그를 사용하여 원
- CANVAS 태그에 오브젝트, 도형 이동하는 방법 HTML5의 새로운 API, CANVAS는 웹 어플리케이션에 새로운 가능성을 열어주었습니다. 데스크탑, 모바일 앱에 버금가는 게임 등을 만들 수 있게해주었지요.아래는 이런 기능을 구현하기위해 필요한 canvas에 그
- [HTML5] Canvas 요소의 도형에 클릭 이벤트 사용하는 방법 HTML5의 가장 큰 특징 중 하나인 Canvas(캔버스)! Canvas에 그려진 도형(Shape)에 클릭 이벤트를 추가하려고 합니다. 어떻게하면 가능할까요? 아래에서 알아보세요.! 캔버스 내부 도형에 클릭 이벤트를
- jQuery UI datepicker 시작 요일순서 바꾸는 방법 웹페이지에서 날짜를 선택하는 UI 컴포넌트 중 간단하면서 쉽게 적용하는 jQuery Datepicker가 많이 사용됩니다. 이때 보여주게되는 요일 시작의 기본값이 아래 순서와 같습니다.[ 일 월 화 수 목 금 토 ]
View Count : 6,453 Created : 2018-05-30 - ASP.NET 한글 깨짐 현상 인코딩 해결방법 서버측 언어가 ASP.NET을 사용하는 경우 만약 한글 깨짐 현상이 발생한다면? 아마도 인코딩(encoding) 설정이 잘못 된 경우일 수 있습니다. 이 경우 어떻게하면 한글 깨짐을 해결할 수 있는지 몇 가지 해경방
- Naver Cloud, ncp를 사용한 서버 구동하기 작년인가요? 네이버에서 클라우드 서비스를 발표했을때 꼭 써봐야겠다라고 생각했는데 이제 사용하게 되었습니다. 얼마 전 기존의 AWS 이마존 웹서비스에서 네이버 클라우드 플랫폼 서비스인 NCP로 서버를 이전하였기 때문이
- nginx uwsgi를 사용한 소켓 연결시 Permission 에러 발생 Python을 사용하여 웹서버를 구축하는 경우 nginx와 uwsgi를 사용한 웹서버 구성이 많이 사용됩니다. 저 역시 오랜 기간 이와 같이 사용해왔죠.uwsgi를 nginx서버와 연동하는 방법으로 웹소켓(socke
- 리눅스(Linux) 사용자 패스워드 변경 방법 이번에는 리눅스(Linux)에서 사용자의 패스워드를 변경하는 방법을 알아봅니다.이번에 클라우드 플랫폼을 사용하여 새롭게 서버를 구축하니 접근 가능한 임시 비밀번호를 받을 수 있었습니다. 임시 비밀번호로 접근 후 앞으
- 드래그앤드랍(Drag and Drop)구현시 IE에서 동작 안하는 문제 HTML5를 사용하여 드래그앤 드랍을 사용한 UI를 구현할 경우 모든 브라우저(크롬, 파이어폭스 등등)에서는 잘 동작하지만 IE에서 동작안하는 경우가 있어 알아보았습니다. 이때 IE(Internet Explorer