전체보기
HTML
CSS
JAVASCRIPT
PYTHON
REACT
VueJS
JQUERY
LINUX
PHP
DATABASE
LODASH
WEBDEVETC
ETC
Search
JSON Pretty
Close
CATEGORIES
JSON Pretty
HTML
CSS
React
VueJS
Javascript
jQuery
Lodash
Python
Database
Linux
WEBDEVETC
ETC
Search
Contact Us
LATEST POSTs
최근 등록된 포스팅 목록
최신순
인기순
etc
구글 검색, 구글링 쉽게하기
요즘은 검색을 잘하는 것이 알고 있는것보다 도움이 될때가 많죠 ~ 검색도 실력이라는 사실! 아래는 구글링을 좀 더 잘하는 방법에 대하여 알아봅니다 ~# 따옴표를 사용하기, 정확히 일치하는 검색결과 찾기따옴표로 추가된 부분을 반드시 따르는 검색이 가능합니다. 아래의 webisfree가 일치하는 검색 결과를 반환합니다.<div tabindex="-1" contenteditable="false" data-cke-widget-wrappe
View :
3141
/
2017-06-12
etc
자바스크립트 strict 모드 사용하기
자바스크립트의 strict 모드를 사용하는 방법입니다.<div tabindex="-1" contenteditable="false" data-cke-widget-wrapper="1" data-cke-filter="off" class="cke_widget_wrapper cke_widget_block cke_widget_codeSnippet cke_widget_selected cke_widget_focused" data-cke-display-name="code snippet" data-cke-widget-id="0" rol
View :
432
/
2017-06-12
etc
자바스크립트 객체 상속하기 create()
자바스크립트에서 객체를 상속하는 방법은 몇 가지 존재합니다. 이 중에서 Object 객체의 create() 함수를 사용한 객체 확장, 상속에 대하여 알아봅니다. create()은 EC5에서 표준화된 객체의 상속 방법입니다.# 자바스크립트 create() 객체상속 예제보기만약 아래와 같은 생성자 함수를 사용하여 객체상속을 만든다고 생각해봅니다.<div tabinde
View :
1947
/
2017-06-09
etc
자바스크립트 공부, 배우는데 도움이 되는 정보들 모아보기
자바스크립트 공부, 배우는데 도움이 되는 정보들 모아보기
View :
516
/
2017-06-09
etc
자바스크립트, CSS 파일 압축, 최소화
자바스크립트, CSS 파일 압축, 최소화압축(compress) : 실제 스크립트, css 등의 파일의 압축을 수행. 클라이언트에서 반대로 해제하여야 사용이 가능최소화(minify) : 압축과는 달리 크기를 줄이는 것으로 공백 제거 및 개행문자 제거. 해제없이 바로 사용이 가능함최소화의 경우 압축보다 용량은 더 클 수 있으나 오히려 해제시간이 없으므로 더 빨리 실행될 수 있음
View :
993
/
2017-06-09
etc
인증서 확장자 cer 그리고 crt의 차이점은?
필요에 의해서 인증서를 사용하는 경우가 있습니다. 웹사이트의 경우 역시 https 프로토콜을 사용하기 위해서 SSL 등의 인증서를 설치할 필요가 있죠. 이때 인증서 파일은 cer 또는 crt의 확장자를 가지게 됩니다. 그런데 인증서의 확장자 cer 그리고 crt의 차이점은 무엇이고 왜 다를까요?우선 둘 다 SSL에서 사용하는 인증서 포맷으로 ce
View :
6580
/
2017-06-09
etc
리눅스 ubuntu에서 unable to resolve host 에러발생시 해결하기
리눅스 ubuntu에서 unable to resolve host 에러발생시 해결하는 방법을 알아봅니다.# 리눅스 Unable to resolve 에러가 발생업그레이드를 하거나 Bash shell을 인스톨 한 이 후에 해당 이슈가 나타날 수 있습니다. 이 경우 아래 방법으로 수정될 수 있습니다. 일단 문제가 발생하는지 다시 확인해봅니다.$ sudosudo: unable to re
View :
1898
/
2017-06-08
etc
리눅스 파일권한 정보 알아보기
리눅스 파일권한 정보 알아보기
View :
1025
/
2017-06-08
etc
웹에 적용하는 폰트 확장자별 지원 알아보기
웹에 적용하는 폰트 확장자별 지원 알아보기eotsvgttfwoffwoff2
View :
816
/
2017-06-08
etc
자바스크립트의 싱글스레드 방식 이해하기
자바스크립트는 웹워커를 사용하지 않는다면 멀티스레드를 사용할 수 없으므로 싱글스레드 방식으로 동작된다. 이에 대하여 자세히 알아보자.# 싱글스레드 방식에서의 타이머, 인터벌 동작싱글스레드 방식의 타이머는 동작하지만 완벽하게 원하는 시간에 동작하지 않는다. 이는 싱글스레드 방식에 따른 원인으로 실제 타이머에 따른 인터벌 이벤트는 해당 시간에 정확히 발생하거나 하지 않게 된다.스레드에 동작되는 이벤트는 큐에 쌓이게 되는데 FIFO(F
View :
3787
/
2017-06-08
etc
자바에서 사용되는 void란 무엇인가?
자바의 코드에 보면 자주 볼 수 있는 void의 역할은 무엇일까요?void의 역할은 return 되는 타입이 없음을 의미합니다. 즉 아무것도 리턴하지 않음을 선언해주는 것과 같습니다. 예를들어 아래 코드는 리턴에 대하여 void를 선언하였으므로 아무것도 리턴하지 않아야 에러가 발생하지 않습니다. 아래는 예제 코드입니다.#
View :
14089
/
2017-06-07
etc
ethereum 이더리움 sync된 block 현황 확인하기
이더리움의 채굴을 위해 우선적으로 geth를 사용한 싱크 작업이 필요합니다. 이때 꽤 오랜시간동안 block을 동기화하는데 현재 최대의 블럭체인값을 확인하는 방법을 알아봅니다.<div tabindex="-1" contenteditable="false" data-cke-widget-wrapper="1" data-cke-filter="off" class="cke_widget_wrapper cke_widget_block cke_widget_codeSnippet" data-cke-display-name="code snippe
View :
2872
/
2017-06-07
etc
Thread의 이해하기, 스레드란 무엇인가?
Thread의 이해하기, 스레드란 무엇인가?# 스레드(Thread)란?스레드는 프로그래밍이 실행될때 동작의 구분이 되는 흐름을 말합니다. 스레드는 그 수에 따라 싱글스레드와 멀티스레드로 구분됩니다. 자바스크립트의 경우 싱글스레드 방식이며 Web worker를 통하여 멀티스레드를 사용할 수 있습니다.# 자바스크립트에서 스레드 이해하기자바와 같은 언어는 멀티스
View :
3568
/
2017-06-05
etc
자바스크립트 간단한 난수 만들기
심플하게 자바스크립트로 난수를 만드는 방법입니다.# Math 객체를 사용하는 방법<div tabindex="-1" contenteditable="false" data-cke-widget-wrapper="1" data-cke-filter="off" class="cke_widget_wrapper cke_widget_block cke_widget_codeSnippet" data-cke-display-name="code snippet" data
View :
1116
/
2017-06-05
etc
하나의 테이블에 많은 컬럼과 많은 테이블에 적은 컬럼 비교하기
어떤 방식이 더 효과적일까요?1. 하나의 테이블에 많은 컬럼2. 많은 테이블에 적은 컬럼만약 1 대 다수인 경우 많은 테이블을 가지는 것이 좋을 수 있음하나의 테이블 안의 많은 컬럼 수는 제한이 있음테이블이 많은 것은 그만큼 유지보수 및 용량이 증가하게 됨나중에라도 테이블을 나눌 수 있음
View :
625
/
2017-06-05
etc
CKEditor에 Paste, 붙여넣기시 이벤트를 호출하기
CKEditor에서 Paste, 붙여넣기시 이벤트를 호출하기 방법에 대하여 알아봅니다.# CKEDITOR paste 이벤트 방법CKEDITOR는 on() 메소드에 paste 이벤트를 추가하여 호출하는 것이 가능합니다. 이를 사용할 경우 Ctrl + V 등의 동작으로 콘텐츠가 에디터에 추가되는 경우 이벤트 호출, 추가적인 작업이 가능하게 됩니다. 그럼 아래 예제를 봐주세요.<div tabindex="-1" contenteditabl
View :
1790
/
2017-06-01
etc
마이크로서비스 아키텍처란 무엇인가?
마이크로서비스 아키텍처란 무엇인가?
View :
445
/
2017-06-01
etc
Python의 tornado 웹프레임워크 알아보기
Python의 tornado 웹프레임워크 알아보겠습니다.파이썬의 웹프레임워크하면 Django, Flask가 먼저 떠오르지만 Tornado와 Cherrypie도 유명합니다. 특히 Tornado는 한국에서도 많이 사용되고 있는 파이썬 프레임워크입니다.# Tornado의 특징토네이도는 무엇보다 async, 비동기식 웹페이지를 위한 프레임워크로 롱폴링, 웹소켓 방식에 이상적입니다.
View :
1794
/
2017-06-01
etc
JSBin 알아보기
JSBin이란 무엇인지 알아보겠습니다.JSBin은 자바스크립트, html, css의 코드를 작성하고 실행, 테스트를 수행할 수 있는 웹서비스입니다. 비슷한 서비스로 Plunker JSFiddle을 생각할 수 있습니다.JSBin은 다른 서비스들 해당 소스를 저장하고 읽을 수 있으며 바로바로 실행하여 문제점을 찾을 수도 있습니다. 모든 소스코드를 JSBin을 사용하여 개발하기 보다는 소스코드의 일부, 모듈등을 나누어 테스트하는 과정에 많이 사용됩니다.JSBin이 가진 장점은 필요한 기능만 갖추
View :
1708
/
2017-06-01
etc
Linux 우분투에 MySQL 설치하는 방법
Linux 우분투에 MySQL 설치하는 방법에 대한 정보입니다.MySQL은 PHP, Python 등에 많이 사용되는 오픈소스의 데이터베이스 관리시스템입니다. 먼저 아래와 같이 설치합니다.# 리눅스 MySQL 데이터베이스 설치하기아래의 커맨드를 사용하여 mysql-server 및 db환경을 구축합니다.<div tabindex="-1" contenteditable="false" data-cke-widget-
View :
1647
/
2017-05-31
etc
Python Template Engine Jinja 알아보기
Python Template Engine Jinja에 대하여 알아보려합니다.# Jinja는 무엇인가?Jinja는 Python의 템플릿 엔진으로 Jinja2가 현재 주로 사용되고 있습니다. 모든 Unicode를 지원하며 Template 내부의 html
View :
2334
/
2017-05-31
etc
CKEDITOR 에디터 이미지 첨부 안되도록 하는 방법
CKEDITOR 에디터 이미지 첨부 안되도록 하는 방법을 알아보려고 합니다.만약 에디터의 사용자에게 이미지 첨부가 안되는 제약사항을 주려면 어떻게해야할까요? 먼저 확인해야할 사항이 있습니다.! config 설정에 image 플러그인이 사용가능한지 확인만약 config 파일 내부에 image 플러그인을 사용하도록 설정된 경우 replace()를 사용한 에디터 confi
View :
903
/
2017-05-31
etc
CKEDITOR 다른 config.js 파일로 바꾸는 방법은?
만약 Default로 설정된 config.js 파일이 아닌 다른 파일로 변경하여 적용하기 위한 방법을 알아보겠습니다.# 다른 config.js 파일로 CKEDITOR 실행하기먼저 다른 이름의 config파일은 생성하고 원하는 값을 설정합니다. 만약 해당 파일이 아래에 위치한 경우라면<div tabindex="-1" contenteditable="false" data-cke-widget-wrapper="1" data-cke-filt
View :
1708
/
2017-05-30
etc
CKEDITOR 태그를 필터링하는 방법이 있을까요?
CKEDITOR에서 img 태그나 원하는 태그만 제거 또는 선택할 수 있거나 원하는 태그만 필터링하는 방법이 있을까요?방법을 찾아보니 아래와 같은 방법이 있더군요~<div tabindex="-1" contenteditable="false" data-cke-widget-wrapper="1" data-cke-filter="off" class="cke_widget_wrapper cke_widget_block cke_widget_codeSnippet" data-cke-display-name="code snipp
View :
2123
/
2017-05-30
etc
자바스크립트 변수 선언시 팁
자바스크팁트의 변수 선언시 팁에 대하여 알아보려합니다.변수의 선언은 매우 중요합니다. 특히 변수가 선언되면 선언된 변수가 사용될 수 있는 범위, 스코프가 정해지는데 아래와 같습니다.전역스코프지역스코프블록스코프<sp
View :
1327
/
2017-05-28
etc
wget을 사용한 서버통신 알아보기
wget을 사용한 서버통신을 알아보려합니다.wget은 리눅스에서 사용 가능한 서버 통신 커맨드 툴로 curl과 비슷합니다. 이 둘은 매우 자주 사용됩니다. 이 둘의 쓰임은 상황에 따라 장단점이 있으며 wget은 다음과 같은 특징이 있습니다.wget은 특히 다운로드에 더 나은 기능을 제공하며 중간에 네트워크가 끊어져도 다시 이어받을 수 있습니다. 또한 하나의 커맨드로 페이지 전체를
View :
989
/
2017-05-26
etc
Gcloud에서 localhost 띄우는 명령어
Gcloud에서 localhost를 사용하여 테스트 서버를 구축하는 명령어입니다.<div tabindex="-1" contenteditable="false" data-cke-widget-wrapper="1" data-cke-filter="off" class="cke_widget_wrapper cke_widget_block cke_widget_codeSnippet" data-cke-display-name="code snippet" data-cke-widget-id="0" role="region" aria-label="c
View :
552
/
2017-05-26
etc
$scope.$apply() 사용시 $digest 에러가 발생하는 경우 해결방법
$scope.$apply() 사용시 $digest 에러가 발생할 수 있습니다. 해결 방법은 무엇일가요?원인은 $apply 또는 $digest가 이미 진행중(In progress)인 상태이기 때문입니다. 가장 간단한 방법으로 $setTimeout()을 사용합니다.<div tabindex="-1" contenteditable="false" data-cke-widget-wrapper="1" data-cke-filter="off" class="cke_widget_wrapper cke_widget_bloc
View :
1300
/
2017-05-23
etc
자바스크립트 event.stopPropagation() 사용하는 방법은?
자바스크립트 event.stopPropagation() 사용하는 방법은?# event.stopPropagation() 사용하기자바스크립트에서 stopPropagation() 메서드는 event 객체의 버블링을 제거해줍니다. event.defaultPrevent()와 함께 매우 자주 사용되는 중요한 메서드입니다.여기서 event 버블링이란
View :
7333
/
2017-05-19
etc
돌아온 캐통령 헤이지니
캐통령으로 유명한 아이들의 영원한 우상 캐리언니가 헤이지니라는 이름으로 새롭게 돌아왔다는 반가운 소식입니다.헤이지니는 캐리언니로 유명한 강혜진의 새로운 유투브 채널로 벌써부터 관심이 뜨겁습니다. 이번 달 16일 오픈영상을 통해 새롭게 소개되었으며
View :
2794
/
2017-05-19
First
Prev
1
2
3
4
5
6
7
...
Next
Last