JavaScript (24) 썸네일형 리스트형 [jQuery] .load() 함수 .load() HTML문서 / 서버에서 가져온 데이터를 선택한 요소에 로드하기 위해 사용. ( Ajax 요청 )페이지 일부를 동적으로 업데이트할 때 사용. $(selector).load(url, [data], [callback]); - selector : jQuery 선택자. (데이터를 로드할 위치) - url : 데이터를 요청할 url. - data (선택사항) : 요청과 함께 서버로 전송할 데이터. - callback (선택사항) : 콜백함수 (로드작업 성공여부와 상관없이 실행) ( html파일 )Content will be loaded here.Load Content=> 버튼을 클릭하면 ' content.html '의 내용이 '#content' 요소에 로드된다. (기본 GET요청) $('#con.. [JS] a링크 페이지 이동 막기_javascript:void(0), event.preventDefault() ' ' 태그 : 클릭 시 링크로 이동.' href = "#" ' => 브라우저의 페이지 최상단으로 이동. (페이지 리로드X) javascript:void(0)주로 HTML에서 링크를 클릭했을 때 페이지를 리로드하거나 다른 페이지로 이동하지 않도록 하기 위해 사용. - javascript 브라우저에서 링크를 클릭했을 때 JavaScript 코드를 실행하도록 지시하는 프로토콜. - void : 결과를 무시하고 'undefined' 를 반환.- void(0) : '0'을 평가하지만 그 값을 무시하고 'undefined' 를 반환. '' 태그의 'href' 속성으로 사용 링크 링크 (태그) 클릭 => href = "javascript:void(0)" 으로 인해 페이지 이동이나 리로드가 일어나지 않음.. [JS] 배열값 비교 (include, '===') / Java_List 비교 * 배열요소 비교 ( include ) const arr = [1, 2, 3, 4, 5];console.log(arr.includes(2)); // true * includes() 함수는 내부적으로 '===' 연산자를 사용하여 요소를 비교하기 때문에 다른 타입은 비교 불가능.const mixedArr = [1, "2", 3];console.log(mixedArr.includes(2)); // falseconsole.log(mixedArr.includes("2")); // true 배열을 해체해서 비교해줘야 한다.const num = 2;const exists = mixedArr.some(value => value.toString() === num.toString());console.log(exists);.. [JS] 고차함수 (2) closure, currying [ 고차함수 (Higher-order function) ]함수형 프로그래밍에서 다른 함수를 인자로 받거나, 함수를 결과로 반환하는 함수. (추상화) [ 결과를 함수로 반환하는 고차함수 ]ex) 클로저(closure), 커링(currying) [ Closure ]함수와 함수가 선언될 때의 렉시컬 환경(Lexical Environment)의 조합.=> 함수가 자신이 생성될 때의 환경을 기억.function makeCounter() { let count = 0; return function() { return count++; // 내부 함수가 외부 함수의 `count` 변수를 참조 };}let counter1 = makeCounter(); console.log(counter1.. [JS] 고차함수 (1) map, filter, reduce [ 고차함수 (Higher-order function) ]함수형 프로그래밍에서 다른 함수를 인자로 받거나, 함수를 결과로 반환하는 함수. (추상화) [ 함수를 인자로 받는 고차함수 ]ex) 자바스크립트 배열 메소드 map( ), filter( ), reduce( ) ( TypeScript 의 타입정의 )* Array.prototype.map /** * Calls a defined callback function on each element of an array, and returns an array that contains the results. * @param callbackfn A function that accepts up to three arguments. The map me.. [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... 이전 1 2 3 다음
