본문 바로가기

JavaScript

(27)
[Udemy] [23-2] JavaScript의 최신 기능들 (REST, Destructuring) 236. REST  (spread와 비슷하지만 다름!) * 인수객체 (The Arguments Objects)모든 함수 내에서 사용가능한 array 형태의 객체. > length 속성 사용가능. > array 메소드(push/pop) 사용불가. > 화살표함수(arrow function) 에서 사용불가. function num() { console.log(arguments);}num();// Arguments [callee: ƒ, Symbol(Symbol.iterator): ƒ]// undefined// 인수(Arguments)가 비어있음num(10, 9, 8);// Arguments(3) [10, 9, 8, callee: ƒ, Symbol(Symbol.iterator): ƒ]// 0 : 1..
[Udemy] [23-1] JavaScript의 최신 기능들 (DEFAULT PARAMS, SPREAD) 232. 기본 매개 변수 (DEFAULT PARAMS) _ The old Way function print(num) { return num + 1;}print(5) // 6print(10) // 11print() // NaN ** * 기본 매개변수 지정(조건문으로 지정)function print(num) { if(num === undefined) { num = 0 } return num + 1;} (매개변수에 지정)function print(num = 0) { return num + 1;} print(5) // 6print(10) // 11print() // 1 **=> 매개변수가 없다면 default값인 0으로, print(0)으로 실행.   * 기본 매개변수가 여러개인 경우 (순서 중..
[프로그래머스] 문자열 묶기 (Lv. 0) https://school.programmers.co.kr/learn/courses/30/lessons/181855 프로그래머스코드 중심의 개발자 채용. 스택 기반의 포지션 매칭. 프로그래머스의 개발자 맞춤형 프로필을 등록하고, 나와 기술 궁합이 잘 맞는 기업들을 매칭 받으세요.programmers.co.kr 객체 arrLen 생성key값 : 문자열의 길이  //  value값 : 길이에 해당하는 문자열의 갯수   key에 대한 value 초기값을 0으로 설정.for문으로 value값 count 해주기.value값들 중 최댓값 return. function solution(strArr) { let arrLen = {}; strArr.map((item) => (arrLen[item...
[JS] 비구조화 할당 (destructuring assignment) 문법 * 비구조화 할당 (destructuring assignment)=> 배열이나 객체의 속성을 분해하여 개별 변수에 할당.  [ 배열 비구조화 할당 ]num이라는 변수에 아래와같이 배열을 할당  => 변수 a와 c에 배열 요소들을 각각 할당.  (방법1) let num = [1, 2]; let a = num[0]; let c = num[1]; (방법2) let num = [1, 2]; let [a, c] = [1, 2]; // or let [a, c] = num  * 배열의 일부 요소만 할당 let num = [1, 2, 3, 4, 5]; let [a, b, c, , e] = num * 기본값 설정const num = [1, 2];const [a, b, c = 3] = num;  *..
[JS] previousElementSibling & previousSibling / 삼항연산자 / Truthy & Falsy * previousElementSibling() : 바로 이전 형제요소 반환 ( 실제 HTML 요소만 ) * previousSibling() : 바로 이전 형제요소 반환 (주석, 공백, 텍스트 포함) div2를 기준으로 div1의 text를 가져오려면 첫 번째 div 요소 두 번째 div 요소 * previousElementSibling 사용 var secondDiv = document.getElementById('div2'); var prevElementSibling = secondDiv.previousElementSibling; console.log('previousElementSibling:', prevElementSibling ? prevElementSibling.textContent : '없음'..
[JS] Select / Option 태그 DB의 데이터를 select 태그의 option으로 넣는 경우, 이전 프로젝트에서는 서버에서 불러온 데이터를 jstl태그의 foreach로 뽑아내고 조건문을 걸어서 option값에 할당했었는데 이번 과제에서는 $(document).ready 함수와 ajax로 바로 데이터를 불러왔고 jquery를 활용해서 option값에 할당해줬다. * jstl & foreach 이용해서 option값 할당. ${item.name} * ajax & jquery (forEach) 이용해서 option값 할당. $.ajax({ url : '/getList' , type : 'POST' , async : true , data : data , header: { "Content-Type": 'application/json; cha..
[JS] 키보드 이벤트 (keypress / keyup / keydown ) * keypress _키보드를 누를때 계속 실행 (어떤 값이 눌렸는지*)* keydown  / keyup  _ 키보드를 누를 때(한번) / 뗄 때 실행 (물리적으로 어떤 키가 눌렸는지*) * 동작순서 : keydown → keypress → keyup  입력값에 따른 작업처리는 keyup 사용하는게 좋음. ( keypress는 한글 인식 못함. )예를 들어, iniput창의 값을 검색조건으로 Enter키 눌렀을 때 진행시키려면(JavaScript) (Jquery) ( keycode 정리 ) https://blog.munilive.com/posts/keyboard-keycode-value.html Javascript 키보드 키코드 값키보드의 키별 ASCII 코드값을 표로 정리하였다. 자주 사용되는 만큼 즐..
[JS] jquery_jqGrid / ajax https://coding-plant.tistory.com/97 [Javascript] jqGrid 사용법 총 정리 소개 jqGrid는 jQuery라이브러리를 이용한 Grid Plugin 이다. 웹에서 테이블 형식의 데이터를 표시하고 조작을 위한 Ajax기반 자바스크립트 컨트롤러 기능을 한다. jqGrid는 Ajax가 내장되어 있어서 조금만 coding-plant.tistory.com ( jqGrid 옵션들 ) https://mine-it-record.tistory.com/290 [jqGrid] 다양한 옵션 및 사용법 모음 (colmodel, option, event, methods) - 다양한 옵션 모음 - 옵션에 대해 알아보기 이전에 일단 아래와 같은 기본 구조를 가지고 시작한다 치고 진행 하도록 한..