ENG
더 나은
웹개발
을 꿈꾸는 기술 블로그. 웹이즈프리.
HTML
CSS
JAVASCRIPT
PYTHON
REACT
VueJS
NuxtJS
LINUX
JQUERY
PHP
DATABASE
LODASH
WEBDEVETC
TECH
ETC
JSON Pretty
LATEST POSTs
최근 등록된 포스팅 목록
최신순
인기순
ngRoute를 사용한 routeProvider 정보 및 예제
angularjs의 ngRoute를 사용하면 싱글페이지 앱(SPA) 어플리케이션의 페이지 이동을 구현하기 쉽도록 도와줍니다. 해당하는 앱에서 ngRouter 모듈을 추가한 뒤 config 객체에 $routeProvi
View Count :
3,255
Created : 2016-12-26
js
#ngRoute
#routeProvider
[자바스크립트] 객체 반복문 사용하여 배열로 만드는법
객체 타입의 데이터를 사용해 반복문을 만드는 경우... 그리고 특정한 값... 예를 들러 key 또는 value만 반환하여 사용해야하는 경우가 있다. 또한 객체를 사용해 배열을 만들 필요도 있을 것이다. 아래는 이를
View Count :
17,773
Created : 2016-12-22
js
#객체
#반복문
#object
ngSwitch 디렉티브를 사용하는 방법
상황에 따라 변하는 텍스트 및 요소들을 구현하기 위하여 ng-switch 디렉티브를 사용할 수 있습니다. ngSwitch는 자바스크립트 switch() 비슷한 역할을 구현가능하게 해줍니다.만약 사용자가 글을 작성하게
View Count :
3,286
Created : 2016-12-19
js
#ngSwitch
#angularjs
ngRequired 입력폼 submit 버튼 비활성화 만들기
다수의 입력폼 양식을 만들고 몇 개의 요소들은 필수 나머지들은 옵션인 경우 submit 버튼은 활성 또는 비활성화일 필요가 있습니다. 이를 구현하기 위한 방법으로 ngRequired 디렉티브를 사용할 수 있습니다.!
View Count :
4,714
Created : 2016-12-13
js
#ngrequired
#ngdisabled
#비활성 버튼
#submit button
[angularjs] ngRepeat 디렉티브 배우기
angularjs에서 가장 많이 사용되는 디렉티브 중 하나가 바로 ng-repeat라고 할 수 있습니다. 워낙 많이 사용되기 때문에 반드시 알아야 하는 필수 디렉티브로 아래는 ng-repeat의 쓰임과 활용에 대하여
View Count :
3,317
Created : 2016-12-12
js
#angularjs
#rgrepeat
#반복문
#디렉티브
#directive
팝업창 중앙정렬 가운데 위치시키는 방법
자바스크립트를 사용하여 팝업창을 원하는 위치에 띄우는 방법을 알아봅니다. 일반적으로 중앙에 팝업창을 많이 띄우므로 아래는 중앙에 정렬 기준으로 팝업창 띄우기를 알아봅니다.! 잠깐. 팝업창은 어디에 띄우는게 좋을까?띄
View Count :
78,359
Created : 2016-09-01
js
#팝업창
#popup
#가운데 정렬
#중앙정렬
#screen
#popup
[자바스크립트] 숫자 타입값에 콤마 추가하는 방법
'숫자 값에 콤마를 추가하여 나타내는 방법이 가능할까?'만약 화폐 단위나 필요에 의해 콤마를 사용해야 하는 경우가 있을 수 있습니다. 예를들어 1000이라는 값이 있다면 1,000처럼 표기하는 것이죠.! 어떻게 하면
View Count :
34,120
Created : 2016-08-29
js
#숫자콤마
#콤마 추가
#숫자 타입
제이쿼리 extend(), 객체 합치기
제이쿼리의 extend()는 다수의 객체를 하나의 객체로 합치는 merge기능을 수행할 수 있습니다. 만약 두 개 이상의 객체를 하나로 합치려는 경우 extend()를 사용하여 새로운 객체로 만들 수 있죠. 아래는&
View Count :
34,911
Created : 2016-07-25
js
#extend
#객체 합치기
#객체 merge
#object
제이쿼리 data() 메소드 알아보기
! 읽기 전에 참고하세요현재의 jQuery 버전에서는 data() 메소드의 사용 방법이 바뀌어 아래와 같이 사용하지 않습니다. data() 메소드의 기능이 이전의 data 속성을 읽는 것에서 data()를 사용하여
View Count :
7,368
Created : 2016-07-25
js
#data
#제이쿼리 메소드
#data 속성
toggleAttr 플러그인 만들기
제이쿼리에 있는 toggleClass() 메소드를 사용하면 편리하게 클래스명을 제어할 수 있습니다. 간단한 온오프 기능을 제공하죠. 하지만 속성(Attribute)을 간단하게 토글방식으로 제어할 수 있다면 이 역시
View Count :
3,251
Created : 2016-07-21
js
#플러그인
#plug in
#toggle
ajax 타이머로 일정시간 단위로만 요청보내기
ajax 요청은 페이지 로딩 없이 데이터를 불러올 수 있다는 장점이 있다. 하지만 지나친 ajax 요청으로 데이터베이스 서버에 과부화를 줄 수도 있고 접속 인원이 많은 시간대에 데이터 트래픽이 과중될 경우 서버가 동
View Count :
5,899
Created : 2016-07-15
js
#ajax 타이머
#타이머
#비동기
[자바스크립트] 배열값 중 일부 삭제 또는 둘로 나누는 방법, splice 함수
자바스크립트에서 배열을 선언한 후 일부 배열을 삭제 또는 전체 배열을 삭제하는 방법에 대하여 알아보려고 합니다. 배열을 잘라내는 함수로 splice()를 사용할 수 있습니다. 또한 splice() 함수는 삭제뿐만 아
View Count :
13,101
Created : 2016-07-05
js
#배열 나누기
#배열 삭제
#배열 추가
#splice()
[jQuery] toggleClass() 메소드 알아보기
제이쿼리의 toggleClass() 메소드 매우 자주 사용됩니다. 이 메소드를 사용하면 원하는 요소에 새로운 클래스를 추가하거나 제거하기를 매우 쉽고 간단하게 반복할 수 있습니다.toggleClass()는 설정된 클
View Count :
31,572
Created : 2016-07-04
js
#toggleClass()
#클래스 반복
#클래스명 변경
#class name
제이쿼리ui dialog 모달 사용방법
자바스크립트의 제이쿼리ui에는 다양한 ui 플러그인이 존재하는데 이중에서 dialog 제이쿼리 ui 구현에 대하여 알아보자. 우선 다이얼로그를 만들게 되면 페이지에 팝업창을 띄우게 된다. 팝업창은 모달창 형태를 띄며
View Count :
50,121
Created : 2016-07-01
js
#다이얼로그
#dialog
#모달창
#팝업창
#제이쿼리 ui
[자바스크립트] localStorage, sessionStorage 클라이언트에 정보 저장
웹에서 데이터를 저장하는 방법 중 서버가 아닌 클라이언트에서 가능한 방법을 알아보려고 합니다.웹사이트의 정보를 저장하기 위해서 반드시 서버가 필요한 것은 아닙니다. 사용 목
View Count :
90,378
Created : 2016-06-24
js
#localStorage
#sessionStorage
#cookie
#쿠키
#정보 저장
[자바스크립트] console 객체에 대하여 알아보기
안녕하세요. 오늘은 console 객체에 대하여 알아보려합니다. console(콘솔 객체)가 가장 많이 사용되는 부분은 디버깅(debugging)할 경우가 많은데 이는 간편하게 출력정보를 확인하게 도와주기 때문입니다
View Count :
7,857
Created : 2016-06-19
js
#console object
#콘솔 객체
#디버깅
#debugging
[JavaScript] 함수의 예약어 return이란 ?
오늘은 자바스크립트 함수에서 사용되는 예약어 return에 대하여 알아보겠습니다. 사실 함수를 작성하면 매우 자주 사용되는데도 불구하고 예약어가 무엇이고 어떤 것을 하는지 잘 모르는체 그냥그냥 사용해온 사람
View Count :
28,031
Created : 2016-06-18
js
#return
#예약어
#함수
#변수 반환
[자바스크립트] 이벤트 버블링 제거방법 stopPropagation()
자바스크립트를 사용하여 이벤트를 구현할 때 이벤트 캡처링과 이벤트 버블링이 등장합니다. 아래에서는 이벤트 버블링(Event Bubbling)이 무엇이고 관련된 이슈가 왜 발생하는지 ~ 또 어떻게 해
View Count :
43,119
Created : 2016-06-15
js
#이벤트 버블링
#event
#이벤트
#stopPropagation
#preventDefault
#이벤트 중지
#이벤트 함수
ajaxStart() ajaxStop() 사용방법 및 예제보기
비동기 방식(AJAX)을 사용한 웹사이트 구현시 제이쿼리의 ajax()메소드를 많이 사용한다. 이때 AJAX의 요청이 시작 또는 완료될 경우 특정한 메시지나 문구를 방문자에게 알림창 등의 방식으로 보여주기 위하여 a
View Count :
13,266
Created : 2016-06-13
js
#ajax
#ajaxstart
#ajaxstop
#비동기식
[자바스크립트] 데이터 타입 상수란? 상수의 선언 및 특징
변수는 값을 저장하기 위해 가장 넓리 쓰이기 때문에 아시겠지만 상수는 모르시는 분들이 있을 것입니다... 이 상수는 변수와 다른 차이점을 가지는데요... 가장 큰 차이점이라면 상수는 변수와 달리 한번 설정하면 rea
View Count :
12,692
Created : 2016-06-01
js
#상수
#constant
#데이터 타입
#상수 선언
First
Prev
...
6
7
8
9
10
11
12
13
14
...
Next
Last