연습장

http://json.parser.online.fr/ Json Parser Online json.parser.online.fr 좌측 화면에 정리되지 않은 json을 입력하면 우측 화면에 한눈에 보기 쉽게 정리됩니다. 개발 시 데이터 확인할 때 유용합니다. (예시화면)

사용자 숫자 입력시 정규식을 이용하여 천단위 콤마를 표시해주는 함수 만들기. 사용자 입력화면(HTML) 숫자입력 : *onkeyup : 사용자가 키보드의 키를 눌렀다가 땠을 때 실행 천단위 콤마(JAVASCRIPT - 정규식) *정규식 표현방법 / 패턴 / 플래그 º 슬래시(/) "사이"에는 매칭시킬 "패턴"을 사용 º 슬래시(/) "다음"에는 옵션을 설정하는 "플래그"를 사용 ( 플래그 : 하나 또는 모두 다 찾을지 등을 설정하는 옵션 ) /[^0-9]/g [ ] : 문자집합. 괄호안의 문자들 중 하나를 찾는다. ^ : 부정 또는 보완 문자 집합. 즉, 대괄호로 묶이지 않은 모든 항목과 일치. 대괄호[] 안에서 앞에 ^를 쓰면, 부정(Not)의 기능을 합니다. [0-9] : 0~9까지의 집합 [^0-9..

○ 자바스크립트에서는 3개의 키워드 [ var, const, let ] 를 사용해 변수를 선언. var 선언은 전역 범위 또는 함수 범위인 반면 let 및 const는 블록 범위이다. (1) var - ES5까지의 자바스크립트에는 변수 선언방법은 var 뿐이었다. - var로 선언한 변수는 함수 스코프 or 전역 스코프입다. → 함수 스코프 : 함수 내부 영역 → 전역 스코프 : 함수 내외부 영역 * scope : 범위 - 선언한 변수의 값을 update 할 수 있다. * 단 변수가 선언된 스코프와 하위 스코프(중첩, 내부 함수)에서만 가능 - 변수를 다시 선언할 수 있다. (2) let º 'Let' 단어를 사용 - 블록범위로써 블록에 선언된 변수는 해당 블록 내에서만 사용할 수 있다. *블록 : { ..

|| 문제사항 데이터를 수정할때 저장된 데이터를 불러와 해당 input에 맞게 자동으로 세팅하는 방법.! 하나씩 값을 찾아 $('#아이디').val('값') 이런식으로 대입해도 되겠지만.. input개수가 많아진다면.. 일일이 체크하는것도 힘들고, 코드길이도 불필요할정도로 길어질수 있기 때문에, each문을 이용하여 간결하게 작성하는 방법 || script 처리방법 jaon = { name : value } : json형식에서 값(value)은 이름(name)을 사용하여 구할 수 있다. 참고자료 : https://developer.mozilla.org/ko/docs/Learn/JavaScript/Objects/JSON || html 아이디 : 별명 : || 결과 var dataInfo = {"id":"a..

|| 문제점 게시판 등 로 작성한 내용 (enter가 포함된 내용) 을 불러올 경우 enter 처리가 되지않고 한줄로 나타날때. || 처리방법 jstl을 사용하여 처리 //상단에 라이브러리 추가 //data.content : 이 포함된 데이터

location 객체 알아보기 [ href ] 현재 문서의 전체 URL 주소를 문자열로 반환 [ hostname ] 현재 문서의 인터넷 호스트 이름을 반환 현재 문서 새로고침 하기 방법 1 : location.href = ""; 방법 2 : location.reload();

배열추가 방법 : push(), unshift()

jQuery 요소찾기! ‣ .find( ) › 하위 요소 중 특정요소 찾을 때 사용 사용 예 ) $('div').find('span'); ‣ .children( ) › 바로 아래 요소를 찾을 때 사용 사용 예 ) $('ul').find('li'); ‣ .parent( ) › 바로 상위 요소를 찾을 때 사용 사용 예 ) $('li').parent(); ‣ .parents( ) › 상위 요소 모두 찾을 때 사용 사용 예 ) $('li').parents(); ‣ .closest( ) › 선택한 요소를 포함한 상위 요소 중에서 지정한 선택자에 해당하는 요소 중 가장 첫 번째 요소를 선택 사용 예 ) $('span').closest('tr');

년도 selectbox 만들기 selectbox의 option값에 고정된 년도값이 아닌 유동적으로 변하는 select년도를 만들었습니다. 1. 처음 세팅은 현재년도를 기준으로 함 2. 선택된 년도를 기준으로 -2년, +5년을 세팅 3. 년도가 바뀌더라도 2번의 기준을 그대로 따라감 ▶실행결과 년도 생성 참고자료 : choija.tistory.com/74

안녕하세요. 여러 검색을 통해 이렇게 방문해 주셔서 감사합니다 : ) 원하시는 해결방법을 얻어가셨으면 좋겠네요! fullpage.js 를 사용해본적 있으신가요? 저는 퍼블리싱하면서 처음 사용해 봤는데, 어렵더라구요. ㅠㅠ 그나마 구글검색 했을 때 fullpage.js 의 기능들을 설명해주는 블로거 분들도 꽤 있어서 도움을 많이 받았는데요, 한가지 해결 못하던 일이 있었습니다. 바로 모바일에서 fullpage를 사용한 화면에서 전체메뉴 보기 스크롤이 안된다는 점 이었는데요. 말로 쉽게 설명하기가 어려워서 간단한 그림을 첨부합니다. . 여기 평범한 모바일 버전인 홈페이지가 있습니다. ( 있다고 해주세요.. ㅎㅎ ) 보통 전체메뉴 같은 경우에는 header 의 우측 부분에 아이콘모양으로 배치되어 있습니다. ...