'etc' 카테고리 - 7 페이지. 웹개발 커뮤니티 블로그

etc 자바스크립트 변수 선언시 여러개의 조건에 따른 다른 값을 한 줄로 매핑하는 방법은? 자바스크립트 변수 선언시 여러개의 조건에 따른 다른 값을 한 줄로 매핑하는 방법은 무엇일까요? 조건식을 따를 경우 줄이 너무 길어지나 약식으로 표현하여 한 줄로 사용하려고 합니다.! 변수에 약식 조건문(분기문) 사용 방법조건이 몇 개이냐에 따라서 조금 다르게 사용할 수 있습니다.# 값이 있는 경우의 조건아래의 예제는 만약 tes

View : 2186 / Created : 2017-04-12

etc 자바스크립트를 사용하여 ip 주소를 *** 표시로 변경하는 방법은? 만약 클라이언트측에서 자바스크립트를 사용하여 ip 주소를 감추려면 어떻게 해야할까요?어떤 경우가 있을까요? 예를들어 로그인하지 않은 사용자의 경우 글쓰기 기능은 있지만 ip를 일부 숨겨서 보여주는 경우가 있습니다. 이 경우 ip를 전부 노출하는 것이 아니라 일부분만 보여줍니다. 예를들어...<div tabindex="-1" contenteditable="false

View : 1778 / Created : 2017-04-10

etc php에서 ip 주소의 뒷자리를 *** 표시로 감추는 방법은? ip 주소를 감추려면 어떻게 해야할까요? 예를들어 로그인하지 않은 사용자의 경우 글쓰기 기능은 있지만 ip를 일부 숨겨서 보여

View : 1225 / Created : 2017-04-10

etc 자바스크립트에서 hash 해시함수를 사용하여 해시값을 얻을 수 있는 방법은? 자바스크립트에서 hash 해시함수를 사용하여 해시값을 얻을 수 있는 방법은 무엇일까요? 내장함수에 해시함수를 만들 수 있는게 있나여?# 해시함수를 얻기 위한 방법, Crypto-js해시함수를 얻기 위한 방법으로 Crypto-js가 있습니다. Crypto-js는 구글에서 만든 라이브러리로 해시 변환이 가능하도록 도와줍니다.MD5SHA-1SHA-256SHA-512</li

View : 2725 / Created : 2017-04-10

etc 자바스크립트에서 전화번호를 검증하기 위한 방법은? 자바스크립트에서 전화번호를 검증하려면 어떻게 해야할까요? 예를들어 일반전화와 핸드폰을 기준으로 실제 패턴이 맞는지 확인을 하려면?# 정규표현식으로 전화 또는 핸드폰 번호 검증하기문자열의 정규표현식을 사용한 방법을 사용할 수 있습니다. 정규식 패턴의 경우 test() 메소드를 사용할 수 있는데 이는 정규식이 일치하는지의 여부를 확인한 후 결과를 불리언(Boolean)으로 반환합니다. 아래의 코드를 봐주세요.var tel = '02-

View : 2911 / Created : 2017-04-10

etc 자바스크립트의 toString() 그리고 toLocaleString()의 차이점은? 자바스크립트의 toString() 그리고 toLocaleString()의 차이점은 무엇일까요?<div data-cke-

View : 469 / Created : 2017-04-10

etc UTC 날짜가 의미하는 것은 무엇인가요? 날짜를 표시할거나 저장 또는 가져올 경우 UTC 날짜를 볼 수 있습니다. UTC 날짜는 무엇을 의미할까요?UTC 날짜는 협정표준시를 나타내며 영문으로 Coordinated Universal Time입니다. 세계 시간은 24시간을 기준으로 나뉘어져 사용됩니다. GMT 이후 대신하여 사용되며 UTC 시간은 지역에 따른 로컬 타임으로 변경하여 사용됩니다. 정확한 시간을 알기위해서는 알려는 지역의 UTC 시간차를 알아야합니다.

View : 895 / Created : 2017-04-07

etc 자바스크립트 날짜에서 getTime()으로 얻어온 값은 무엇인가요? 만약 자바스크립트를 사용하여 얻어온 시간에 getTime() 메소드를 적용할 경우 아래와 같은 숫자를 볼 수 있습니다.1491553506653이 숫자가 의미하는 것은 무엇일까요? 먼저 위 숫자를 얻기 위해서는 아래와 같은 방법이 필요합니다.<div tabindex="-1" contenteditable="false" data-cke-widget-wrapper="1" data-cke-filter="off" class="cke_widget_wrapper cke_widget_block cke_wi

View : 11556 / Created : 2017-04-07

etc 자바스크립트를 사용하여 스크롤 이벤트 실행시 한번이 아닌 연속해서 발생하는 문제 해결방법은? 자바스크립트를 사용하여 스크롤 이벤트 실행시 한번이 아닌 연속해서 발생하는 문제가 나타날 수 있습니다. 예를들어 스크롤을 내릴 경우 추가적인 콘텐츠를 불러오는 경우 ~ 의도하지 않게 AJAX 코드가 한 번이 아닌 여러 번 발생할 수 있습니다...그렇다면 스크롤 할 경우 여러번이 아닌 한 번만 발생하는 방법 무엇일까요?scrollStart;clearTimeout(scrollStart)clearTimeout을 통해 이벤트 발생을 제어합니다.

View : 2962 / Created : 2017-04-07

etc npm 환경에서 설치된 모듈이 없다고 에러가 발생하는 경우 해결방법은? 만약 npm을 사용한 서버환경을 구축 중이고 개발서버 빌드시 설치된 모듈이 없다는 에러가 발생할 수 있습니다. 이 경우 다른 개발자 또는 관련자에 의하여 설치된 모듈이 로컬에 없는 문제이므로 아래와 같이 커맨드를 입력하여 필요한 모듈을 설치 가능합니다. npm install이처럼 특별한 설정 없이도 자동으로 없는 모듈을 찾아 설치가 가능합니다.

View : 802 / Created : 2017-04-06

etc php에서 mysql의 now()가 적용되지 않는 경우 해결 방법은? 만약 php에서 mysql에 적용한 NOW() 함수가 잘 적용되지 않는 경우 어떻게 해야할까요? 해결 방법은?이 경우 php의 날짜 함수를 사용하는 방법이 있습니다.<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 snip

View : 870 / Created : 2017-04-05

etc MySQL에서 만약 현재 시간 기준 분 단위 이전의 데이터만 불러오려면? 현재 시간을 기준으로 몇 분 이전의 데이터만 불러오려면 어떻게 해야할까요? 만약 아래의 경우처럼 해당하는 몇 분 이 전까지의 데이터만 불러올 수 있습니다. 아래를 봐주세요.# 현재 기준 5분 이전 데이터만 불러오기<div tabindex="-1" contenteditable="false" data-cke-widget-wrapper="1" data-cke-filter="off" class="cke_widget_wrapper cke_widget_block

View : 2119 / Created : 2017-04-05

etc MySQL에서 해당하는 값이 없는 경우 INSERT로 추가하고 만약 있으면 UPDATE하는 방법은? MySQL에서 해당하는 값이 없는 경우 INSERT로 추가하고 만약 있으면 UPDATE하는 방법은 무엇일까요?이 경우 INSERT를 사용하되 아래의 쿼리문을 추가하여 이미 존재하는 경우에 UPDATE하는 문법을 만들 수 있습니다. <div tabindex="-1" contenteditable="false" data-cke-widget-wrapper="1" data-cke-filter="off" class="cke_widget_wrapper cke_widget_block cke_widget_codeSni

View : 2052 / Created : 2017-04-05

etc 이미지를 데이터베이스로 저장하는 방법 및 이 경우 성능은 어떤가요? 이미지를 데이터베이스로 저장하는 방법 및 이 경우 성능은 어떤가요?# 이미지를 데이터베이스에 저장하기이미지를 데이터베이스에 저장하는 경우는 많이 있습니다. 특히 blob타입을 사용하여 저장되는 경우가 많으며 blob는 binary large object의 약자로 <span style

View : 1138 / Created : 2017-04-05

etc 웹워커(Web Worker) 사용 및 사용하기 좋은 부분은? 웹워커(Web Worker)는 백그라운드에서 작업을 실행하여 사용자에게 무거운 프로세스 동작시 멈추는 듯한 현상을 나타나지 않도록 도와줍니다. 이런 웹워커 환경은 비교적 제한적입니다. 특히 메인화면의 Scope 및 DOM이 별개입니다. 즉 여기서의 this는 window객체가 아닌 Worker 객체를 가르키게 됩니다.#

View : 1728 / Created : 2017-04-04

etc HTML5 하나 또는 다수 파일을 드래그앤 드랍으로 구현하는 방법은? HTML5에서 파일 추가하는 방법에 Drag and Drop을 사용하는 방법입니다. 하나 또는 다수 파일을 드래그앤 드랍으로 추가하는~ 업로드하는 방법은 어떻게 될까요?

View : 541 / Created : 2017-04-04

etc 개발자의 에러처리에 있어 가장 중요한 에러 형태는? 에러처리에서 개발자가 가장 중요하게 처리해야할 심각한 에러란?- 주요 기능 및 목적을 막는 에러- 더 이상 진행될 수 없는 상황을 만드는 에러- 다른 에러의 원인이 될 수 있는 에러위 에러는 다른 에러에 비하여 매우 중요한... 먼저 처리해야 될 에러입니다.

View : 423 / Created : 2017-04-04

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

View : 7404 / Created : 2017-04-03

etc ngChange 디렉티브가 동작 안하는 경우 해결방법은? ng-change 디렉티브를 사용하여 이벤트를 발생시키려 하였으나 동작이 되지 않는 경우가 있을 수 있습니다. 이 경우 어떻게해야할까요?ng-change가 동작하지 않는 원인부터 확인이 필요합니다. 만약 아래의 경우라면 정상 동작하지 않을 수 있습니다.1. 해당하는 엘리먼트가 input 등의 입력폼이 아닌 경우2. 변경되는 값이 엘리먼트 자체의 value 값이 아닌 경우3. 써드파티에 의하여 값을 변경 시키는 경우4. 설정한 모델값의 변경이 아닌 경우5. 엘리먼트 값이

View : 422 / Created : 2017-04-03

etc iframe 또는 frame 태그의 콘텐츠에 접근하는 방법은? iframe 또는 frame 태그의 콘텐츠에 접근하는 방법은 무엇일까요?frames 컬렉션을 제외한 방법으로 contentDocument 프로퍼티를 사용하는 방법이 iframe 또는 frame DOM 요소에 접근 가능한 유일한 방법입니다. 아래와 같은 방식으로 document의 콘텐츠에 접근이 가능합니다.<div tabindex="-1" contenteditable="false" data-cke-widget-wrapper="1" data-cke-filter="off" class="cke_widget_wr

View : 1309 / Created : 2017-03-31

etc 로그인 여부를 반복 확인하여 로그아웃 시키는 코드 만들어보기 안녕하세요! 로그인과 관련된 기능 구현 소스를 함께 만들어볼까합니다. 제목하여...자동 로그아웃 구현하기 !! 입니다.이번에 함께 만들어 볼 자동로그아웃 프로세스는 다음과 같습니다.* 자동로그아웃 프로세스현재 로그인중인지를 확인한다.쿠키 정보가 존재하는지 확인한다.세션이 존재하는지 확인하다.둘 다 존재하지 않

View : 6339 / Created : 2017-03-30

etc 쿠키 만료시 사용자를 완전히 로그아웃 시키는 방법은? 쿠키 만료시 사용자를 완전히 로그아웃 시키는 방법은?

View : 444 / Created : 2017-03-30

etc 자바스크립트에서 해당하는 요소가 자손인지 확인할 수 있는 방법은? 자바스크립트에서 해당하는 요소가 자손인지 확인할 수 있는 방법은 무엇인가요?i. For문을 이용하여 해당하는 모든 자손 엘리먼트를 순회하면서 찾는 방법ii. DOM의 contains() 메소드를 사용하는 방법ii. contains() 메소드 예제<div tabindex="-1" contenteditable="false" data-cke-widget-wrapper="1" data-cke-filter="off" class="cke_widget_wrapper

View : 642 / Created : 2017-03-30

etc 자바스크립트의 innerHTML을 사용하여 엘리먼트 추가시 성능향상을 위해 생각할 부분 자바스크립트의 innerHTML을 사용하여 엘리먼트 추가시 성능향상을 위해 생각할 부분만약 자바스크립트를 사용하여 다수의 엘리먼트를 추가할 때... innerHTML을 사용한다면 성능 개선을 위해 어떤 방법을 사용할지 생각할 필요가 있습니다.예를들어 아래의 코드를 보시면 ul 리스트 태그에 다수의 li 요소를 추가한 뒤 원하는 위치에 이동시키는 코드입니다.<ul id="list"></ul>여기에 리스트 아이템을 추가하

View : 8208 / Created : 2017-03-30

etc 자바스크립트 현재 요소를 기준으로 엘리먼트를 앞 또는 뒤에 추가하는 방법 현재 선택한 요소를 기준으로 특정 요소를 추가하는 방법으로 insertAdjacentHTML() 메소드를 사용할 수 있습니다. 이 메소드는 다음과 같이 첫번째 파라미터로 추가할 위치를 결정합니다.<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="코드 스

View : 762 / Created : 2017-03-30

etc 자바스크립트를 사용하여 텍스트를 html 요소로 변경하는 방법은? 텍스트로 작성된 ... text 타입의 문자가 html을 담고 있다면 이를 html로 변경하여 기존의 웹페이지에 어떻게 추가할 수 있을까요?자바스크립트를 사용하는 방법은 innerHTML을 사용합니다.만약 아래와 같은 텍스트를 html로 파싱하여 기존의 웹페이지 body에 추가할 경우 다음과 같습니다. <div tabindex="-1" contenteditable="false" data-cke-widget-wrapper="1" data-cke-filter="off" class="cke_widge

View : 4681 / Created : 2017-03-30

etc 자바스크립트의 dataset 커스텀 데이터 속성이 IE에서 안되는 경우? 자바스크립트의 dataset 속성이 IE에서 되지 않는 경우 해결하는 방법은 무엇일까요?

View : 675 / Created : 2017-03-30

etc Bootstrap datepicker에 최소 최대 날짜 설정하는 방법은? Bootstrap의 datepicker를 사용하여 날짜를 선택할때 만약 선택가능한 날짜를 지정하려면 어떻게할까요?우선 최소 및 최대 날짜가 필요하고 아래 방법처럼 두 가지의 방법이 존재합니다.1. html 코드에 설정값을 추가2. datepicker config에 최소 최대값 추가# html 코드에 추가하는 방법<div tabindex="-1" contenteditable="false" data-cke-widget-wrapper="1" data-cke-filter="off"

View : 3544 / Created : 2017-03-30

etc 자바스크립트에서 오늘 날짜만 구하는 방법은? 자바스크립트에서 오늘 날짜만 구하는 방법입니다. new Date()를 사용하여 값을 가져옵니다. 만약 today라는 변수에 오늘 날짜를 저장하는 경우라면 아래와 같습니다. <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_focused cke_widget_select

View : 2911 / Created : 2017-03-30

etc CKEDITOR 로딩된 상태를 알아내는 방법은? CKEDITOR 로딩된 상태를 알아내는 방법을 알아보려 합니다.CKEDITOR는 replace() 메소드를 사용하면 새로운 인스턴스를 생성하게 됩니다. 작성된 콘텐츠를 추가하려는 경우 해당 인스턴스의 상태가 준비가 되었는지 알아야하며 이때 이벤트 'instanceReady'를 통해 준비 이후 추가하는 것이 가능합니다. 아래 예제를 봐주세요.<div tabindex="-1" contenteditable="false" data-cke-widget-wrapper="1" data-cke-fil

View : 1675 / Created : 2017-03-30

CATEGORIES

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