전체보기
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
최근 등록된 포스팅 목록
최신순
인기순
etc
PHP에서 JSON으로 변환하여 출력 후 AJAX로 불러올때 parse 에러나는 경우
이 문제는 웹페이지에서 비동기식 AJAX를 사용하여 호출하기 위한 경우 발생합니다. JSON 타입의 포맷으로 PHP 문서를 만들어 API 형태로 불러오는데 파싱 에러가 발생한다면 아래의 문제일 가능성이 높습니다.- 따옴표에 따른 문법 오류(홀따옴표, 쌍따옴표의 차이)- 따옴표 앞에 escape 문자가 없는 경우- nl2br을 사용하지 않았거나 사용하였음에도 변환되지 않은 경우- JSON 문자에 띄어쓰기 코드 r n 등이 포함된 경우위와 같은 이슈를 해결하기 위하여 대부분의 방법들을
View :
1845
/
2017-03-22
etc
CKEditor를 사용하는 방법 및 제거하는 방법은?
CKEditor를 설정하는 방법과 제거하는 ~ 삭제하는 방법은 어떻게 될까요???! CKEditor 사용방법CKEditor는 정말 편리하고 좋은 에디터툴입니다! 개인적으로 아주 잘 사용하고 있습니다. 아래에는 아주 간단한 명령어를 알아보려고 합니다.# CKEditor 사용하기만약 textarea 태그가 있고 name 속성이 editor라면 아래와 같이 CKEdit
View :
5688
/
2017-03-22
etc
CKEditor에서 자동으로 height를 조절할 수 있는 방법은?
CKEditor에서 자동으로 height를 조절할 수 있는 방법이 있을까요?스크립트를 사용하여 구현한 예제를 보았으나 모든 브라우저 사용이 가능하면 좋을 것 같습니다.
View :
818
/
2017-03-22
etc
CK Editor 리사이즈 및 사이즈 조절 방법
CKEditor를 사용하여 에디터를 활성화한 이름이 만약 myEditor라면 다음과 같이 리사이즈 또는 사이즈 등의 옵션을 설정할 수 있습니다.# CKEditor를 사용한 사이즈 조절 및 최대최소 설정하기- 사이즈 조절<div tabindex="-1" contenteditable="false" data-cke-widget-wrapper="1" data-cke-filter="off" class="cke_widget_wrapper c
View :
6445
/
2017-03-22
etc
window.performance를 사용하여 메모리 성능 관리방법은?
window.performance 객체를 활용하는 방법은?
View :
694
/
2017-03-22
etc
자바스크립트에서 컨텍스트와 스코프의 개념은?
선언되는 범위를 기준으로 말할때 해당하는 컨텍스트가 기준이 되며 이 컨텍스트 안에서 선언되면 해당하는 스코프 체인이 생성되게 된다.참고로, 블록 스코프가 자바스크립트에서는 존재하지 않는다.
View :
744
/
2017-03-22
etc
자바스크립트에서 성능향상 및 메모리를 위한 방법들은?
자바스크립트에서 성능향상을 위한 방법으로 무엇이 있을까요? 아래는 필요한 성능 개선 방법들을 요약한 것입니다.- 자바스크립트 엔진에서 마지막 위치를 찾지 않도록 모두 세미콜론(;)을 사용하여 종료할 것- 전역 변수를 피할 것- 메모리 leak를 피할 것- 자식노드의 교체시 메모리 문제 발생할 수 있음- 엘리먼트의 조작이 많은 경우 innerHTML을 사용하는 방법이 DOM 생성시 파싱되므로 더 효율적일 수 있음- 텍스트 노드에 대한 변경일 경우 innerHTML, ou
View :
693
/
2017-03-22
etc
자바스크립트를 지원하지 않는 사용자에게 해줘야 하는 방법들은?
스크립트 비 사용자를 위하여 어떤 방법들을 사용하여 스크립트가 없는 상태에서 서비스를 제공할 수 있을까요? <noscript></noscript>...
View :
314
/
2017-03-22
etc
자바스크립트의 시작, 역사, 초기
자바스크립트는 어떻게, 왜 시작되었는가?
View :
455
/
2017-03-22
etc
링크를 반복해서 클릭되지 않도록 하는 효과적인 방법은 무엇일까요?
아래의 경우 링크는 반복해서 클릭되곤 합니다.- 사용자에게 클릭되었는지 명확히 확인되지 않는 경우...- 반복 클릭될 수 있는 여지를 제공한 경우- 성격이 급한 사용자인 경우계속해서 요청을 보내는 일을 없앨 수 있는 효과적인 방법은 무엇일까요?
View :
420
/
2017-03-22
etc
mysql에서 다수의 쿼리를 병합하는 방법은?
SELECT 구문이 다수인 경우.. 또는 복수개의 조합이 필요할때 UNION을 사용합니다.예를들어 아래와 같이 두 개의 쿼리문이 존재할 경우? (SELECT * FROM tableA WHERE LIMIT 5)UNION(SELECT * FROM tableB WHERE LIMIT 5);다음과 같이 사용할 수 있습니다. 단 이때의 table이 전혀 다른 경우라면 UNION하여 조합할 수 없고 동일한 타입의 테일블을 사용할 경우에
View :
1997
/
2017-03-22
etc
자바스크립트에서 pseudo 요소를 선택하는 방법은?
CSS에서는 선택자로 ::를 기호를 사용해 pseudo 선택자를 지정합니다. 그런데 자바스크립트에서 ::after 또는 ::before와 같은 pseudo를 선택하려면 어떻게 할까요?
View :
789
/
2017-03-21
etc
자바스크립트에서 값이 없는 경우 대체 값을 설정하는 방법은?
자바스쿠립트에서 만약 해당하는 값이 존재하지 않는 경우 대체하여 사용할 값을 지정할 수 있습니다. 예를 들면 아래와 같은 경우를 가번하면...문) 변수 test가 정의되지 않았거나 없는 경우 "Fail"로 test 변수의 값을 지정하는 방법은?이 경우 아래와 같이 사용할 수 있죠~ <script> var test = test ? test : "Fail";</script></p
View :
839
/
2017-03-21
etc
파일 시스템 저장방식(flat file)의 장점은?
파일 시스템 저장방식이 DBMS와 같은 데이터베이스 시스템보다 더 나은 점~ 파일 시스템이 가지는 장점과 단점은 무엇이 있을까요? 그리고 이 방식이 계속 고수되는 분야는 어디일까요?
View :
950
/
2017-03-21
etc
display table-cell 요소에 height 100퍼센트 적용하는 방법은?
디스플레이 속성이 table-cell인 경우 height 값을 퍼센트로 지정되지 않습니다. 상대값인 퍼센트로 지정하게 하려면 어떻게해야하나요? 예를들어 아래와 같이 나타낼 수 있을까요?display: table-cell;height: 100%;height를 100% 지정하는 이유는 반응형의 경우 내부 엘리먼트의 세로정렬을 위함입니다. 세로 정렬이 되려면 고정값을 가지면 가능하나 100%를 사용하여 가능한 방법이 궁금합니다.
View :
718
/
2017-03-21
etc
PHP에서 DB 내용을 불러온 뒤 nl2br이 안되는 경우 해결방법은?
JSON 데이터를 만들어 ajax로 불러오려면 JSON안에 줄바꿈처리가 있어서 에러가 발생합니다. 줄바꿈을 제거하기 위해서 존재하는 여러가지 방법들을 아래와 같이 처리해보았습니다.우선 해결가능하다고 찾은 대부분의 내용은 크게 아래입니다.i. nl2brii. str_replace('rn', '', $string)iii. stripslashes 또는 stripcslashes 이후 nl2br문제는 위 방법으로도 해결되지 않습니다. 여러가지 시도해 보았으나절대 해결되지
View :
1076
/
2017-03-20
etc
css를 사용하여 요소 세로정렬 만드는 방법은?
선택한 요소를 가로로 정렬하는 방법은 간단합니다. 하지만 만약 세로로 정렬하려면 어떻게 해야할까요?가로 정렬의 경우 text-align을 사용하는 방법이 있지만 모든 요소에 vertical-align: middle을 선언한다고 원하는 가로방향 정렬이 되지 않습니다.어떻게해야 가능할까요?
View :
606
/
2017-03-20
etc
자바스크립크 DOM level 1 이벤트
DOM level 1 이벤트 정보는?
View :
478
/
2017-03-20
etc
페이지 뒤로가기 실수를 방지하기 위해 경고 메시지를 주는 방법
열심히 글을 써내려가다가 실수로 페이지를 이동하는 경우가 없으신가요? 예를들어 뒤로가기 버튼이 마우스에 있는 경우도 있죠~ 이 경우 자신도 모르게 뒤로 이동해 열심히 작성한 내용이 사라질 수 있습니다. 물론 자동 저장 기능이 없다면 말이죠~자동 저장가능은 분명 효과적이고 우수한 안정장치입니다. 하지만 시간 간격으로 이루어지고 쿠키를 허용하거나 저장 공간에 제약이 있을 수 있죠. 서버에 저장한다고해도 트레픽이 높은 경우 불필요한 자원낭비이므로 이 방법을 고집하는 건 비효율적이죠~그럼 뒤로이동을 금지하는 방
View :
1800
/
2017-03-17
etc
php 7에서 가장 나아진 부분은 무엇인가요?
php7에서 가장 큰 특징과 장단점이 궁금합니다.
View :
650
/
2017-03-17
etc
ajax보다 서버사이드 랜더링이 사용되야하는 경우는?
웹 어플리케이션이 싱글페이지(SPA) 서비스를 제공하면서 서버측 랜더링이 점점 축소되는 것 같습니다. 여기서 말하는 서버측 렌더링은 ajax 비동기 방식이 아닌 서버언어를 그대로 사용하여 불러오는 것을 말합니다.이는 클라이언트 렌더링과 서버측 렌더링으로 바꾸어 말할 수 있습니다. 일단 두 가지를 단순하게 비교하면 초기 페이지를 로딩할 때 클라이언트 렌더링의 로딩 속도보다 서버 렌더링 속도가 더 빠르다 할 수 있죠. 하지만 전페 페이지를 기준으로 본다면 이야기는 달라집니다. 페이지 로딩이 끝난 뒤에도 클라이언트는 계속해
View :
1387
/
2017-03-17
etc
그리드 컴포넌트중 UI Grid 장점은?
그리드 컴포넌트 중 ui grid의 가장 큰 특징 및 장점은 무엇일까요?- 엑셀, pdf 등 다운로드 받기 지원- 페이지네이션- 소팅 및 필터링 기능- 다양한 인터페이스- 드래그 앤 드랍- 반응형 그리드대부분의 그리드들이 위와 같이 다양한 기능을 제공하지만 특히 UI Grid는 대부분을 지원하는 것 같습니다.# Grid 컴포넌트 사용의 장단점은?그리드 컴포넌트는 부분 데이터를 사용하여 일부만 보여주는 경우보다는 전체 데이터를 모두 로딩하는
View :
836
/
2017-03-17
etc
이미지를 완전 로드한 후 엘리먼트에 추가하는 효과적인 방법은?
이미지를 로딩할 경우 용량이 매우 큰 경우를 감안하여 완전히 로딩이 끝난 후에 추가하는 방법은 어떻게 할까요?<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="코드 스니펫" data-cke-widget-id="0" role="region" ari
View :
1597
/
2017-03-17
etc
자바스크립트에서 음수를 양수로 양수를 음수로 바꾸는 방법은?
자바스크립트를 사용하여 음수를 양수로 양수는 음수로 바꾸려면 어떻게 할까요?검색해보니 Weisfree 블로그가 바로 나오네요;;링크 바로가기 >https://webisfree.com/2015-02-09/[자바스크립트]-math()-함수를-사용해-음수를-양수로-변환하기방법은 Math.abs() 함수
View :
1652
/
2017-03-17
etc
부트스트랩과 시맨틱UI의 장단점은 무엇인가요?
웹개발 특히 어드민이나 또는 관리자앱과 같은 cms등의 개발에 많이 사용되는 라이브러리로 부트스트랩 그리고 시맨틱 UI를 빼놓을 수 없을 것입니다. 이 둘의 각각의 장단점을 알고싶습니다.# 부트스트랩 장점부트스트랩이 더 많은 기능을 가지고 있고 관련 레퍼런스나 도큐먼트 찾기도 훨씬 용이합니다.# 시맨틱ui 장점시맨틱UI는 컬럼이 14분의 1을 기준으로 하여 12분의1을 기준으로 하는 부트스트랩보다 그리드 영역, 컬럼을 구현할 때 좀 더 쉽게 사용이 가능합니다. 
View :
3211
/
2017-03-16
etc
퍼블리셔 구인, 구직시 요구되는 스킬 및 스펙은 무엇인가요?
웹퍼블리셔를 구인, 구직하는 과정에서 필요한 스킬과 스펙은 어떤 것들이 있을지 알아보고자 합니다.먼저 간단하게 웹퍼블리셔가 하는 일을 알아보면 퍼블리셔(Web publisher)는 웹사이트의 앞단, Front 영역을 맞아 개발하는 직군으로 UI개발자라고도 불립니다. 코더 및 개발자와는 다르게 분류되는데 일반적으로 개발자라고 단순하게 부르면 Back단, 서버 쪽 개발직군을 의미하지만 퍼블리셔는 사용자에게 가장 근접한 앞단을 개발하게됩니다.이런 이유로 사용자 인터페이스, 기획 및 시나리오, 웹디자인과
View :
1541
/
2017-03-16
etc
내가 생각하는 스타트업의 성공
하루에도 수 없이 생겨나고 아무도 모르게 사라지는 스타트업... 이 세계에서 살아남는 것은 어쩌면 기적에 가까운지도 모르겠다. 최근 듣고 배운 것들 중에 머리속을 맴도는 것들이 있어 적어본다.i. 0 그리고 1 에서 시작하기. 계속 1을 유지하기</s
View :
708
/
2017-02-25
etc
오캠 동영상 녹화 다운로드 바로가기
동영상으로 만들기 위한 프로그램 중 오캠(Ocam)을 빼놓을 수 없겠죠? 오캠은 동영상을 무료로 저장할 수 있는 매우 편리한 프로그램입니다.(비영리 목적인 경우) 게다가 다양한 포맷을 지원하고 MP4 역시 저장이 가능하기 때문이죠~ 먼저 아래는 권장사양입니다.# 오캠 권장사양CPU - 펜티엄 4 2.5G
View :
1478
/
2016-10-15
etc
HacBook 랩탑! Mac OS가 100% 지원하는데 가격은 $329
일명 Hackintosh라 불리는 새로운 랩톱이 HP제품으로 출시됩니다. HP와 Mac의 조합이 언뜻 이상하게 들리지만 Mac OS를 원하지만 비싼 가격에 망설였던 분들에게 엄청난 희소식이 아닐까 생각됩니다. $329의 가격으로 Pre-order인 사전 주문을 통해 제품을 구매하실 수 있습니다.그러면 HacBook의 제품 특징 및 사양은 어떤지 더 자세하게 알아보겠습니다.<br
View :
1677
/
2016-09-01
etc
짧은 주소(링크) 쉽게 만드는 방법
짧은 주소, Short link에 대하여 한번쯤은 들어봤을 것이다. 짧은 주소 url은 무엇이고 왜 사람들은 짧은 주소를 통해 공유하려고 하는지 그리고 그 필요성은 무엇인지 알아보고자 한다.짧은 주소를 서비스 무료로 서비스하는 곳 몇군데가 있다. 예를들어 트위터를 통해 자주 볼 수 있는 <span data-cu
View :
3037
/
2016-08-30
First
Prev
...
6
7
8
9
10
11
12
...
Next
Last