js
1.[js] 구구단 만들기
자바스크립트로 구구단 만들기 간단하게 for문 두개로 제작.
2.[js] 객체에 정보 담긴지 확인 함수 hasOwnProperty()
3.[js] shift() 함수
자바스크립트 내장 함수중 shift() 함수 사용 예제. 물론 해당 예제는 while문과 do while문 예제인데, 반복문은 패스. shift()는 선입 선출 개념으로 먼저 들어온 내용을 먼저 내보낸다. 즉, 첫 번째 배열부터 차례대로 값을 할당한다. 코드 출처 : [초보자를 위한 javascript 200제, 고재도, 노지연 저, 정보문화사]
4.[js] 자동실행 함수
보통 js에서 자동실행은 window.onload() 를 사용하지만, 최신 js 기술에 맞게 DOMContentLoaded를 사용한다. 제이쿼리에선 이기능을 대체할 수 있다. 초기 HTMl이 로드 되면 바로 실행한다. js가 제이쿼리보다 속도가 빨라서 참 좋다.
5.[js] selectbox 선택에 따라 option 변경
selectbox에서 선택한 option에 따라서 두 번째 selectbox의 option이 변경되는 스크립트.index.htmltest.jscommon.js
6.[js] 퀵정렬 예제 #javascript
모던자바스크립트 인문의 예시.퀵정렬을 사용해 배열 값 정렬. 핵심은 재귀함수
7.[js] arrow function, 화살표 함수
ECMA6 부터 추가된 함수의 기능 중 하나다. 화살표 함수는 함수 리터럴의 익명 함수를 단축한 표현 방법. 그렇지만 익명 함수와는 차이가 있다. 인수가 여러 개라면 쉼표로 구분. (x, y, z) 인수가 하나라면 생략 가능 x => { return x\*x; };단
8.[js] Summernote Custom Button & styleTags
썸머노트는 위지윅으로 코드 몇줄만 붙여오면 내 게시판에 에디터를 추가할 수 있는 아주 유용한 오픈소스다. 특히 사용자가 원하는대로 기능을 추가하는 것도 간편하다. 아래는 기존에 사용하고 있는 썸머노트 코드. styleTags는 사용자가 지정한 태그를 바로 적용할 수 있
9.[JS] 별점 기능 만들기
여기서 핵심은 현재 클릭한 별이 check 된건지 아닌지 확인하는 $(this).attr('check', 'true'); 이다. attr은 해당 속성 값을 변경하거나 속성값 확인이 가능한데 여기서는 check 여부에 따라 기존 채워진 별인지 아닌지 확인한다.
10.[js] select2 기능에서 리스트 선택시 특정 위치로 이동
select2 기능에서 리스트 선택시 특정 위치로 이동
11.[js] datatables를 사용할때 버튼 클릭시마다 새로운 ajax를 그리고 싶을때.
버튼을 클릭할 때마다 새로운 폼의 ajax를 그리고 싶다면, 두 가지를 설정하면 된다. 를 설정해주자. 예시)이러면 액션이 들어올때마다 기존양식을 파괴하고 새로 화면을 그린다.
12.AWS Amplify CORS 해결하기
CORS!AWS Amplify로 배포한 정적 페이지를 로컬에서 확인하기 위해 작업중 CORS를 만난다. 이유는 local에서 참조하려는 js의 주소가 다른 도메인인 경우 발생.이때 aws amplify에서 사용자 지정 헤더를 통해 access를 허용해줄 수 있다. 사용