javascript 날짜/파일

LeeeYumin commented 6 months ago

✔vs code 자주 사용하는 단축키 (Windows 기준) 자동 정렬 : Shift + Alt + F 한줄 복사 : Shift + Alt + ↑ Shift + Alt + ↓ 한줄 삭제 : Ctrl + shift + k

jsp파일 주석(블록) Ctrl + Shift + / 블록 주석 해제 Ctrl + Shift + \

12.29 dom01.html dom02.html table.js dom1.js variable.html +과제파일

01.02 function.html function.js function2.js calendar.js function3.js function4.js https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/Array/forEach (책 설명 부족하면 참고) function5.js

01.03 (edit) function6.js class.html class1.js class2.js class3.js class4.js string.html string1.js string2.js (문제풀이)

01.04 (edit) class4.js 이어서 class5.js class6.js (모듈) class7.js (모듈) array.html array.js array2.js array3.js (git clone) array4.js (문제풀이) array5.js

LeeeYumin commented 6 months ago

자바스크립트에서 전달된 인수와 매개변수의 개수는 서로 달라도 됨. 매개변수의 개수보다 인수가 더 적을 경우 넘어오지 않는 값은 undefined가 됨. 매개변수 개수보다 초과된 인수는 무시됨. => 함수에 넘어오는 인수가 몇 개든 상관없이 함수가 동작하기 전에 인수의 개수를 확인해서 동작을 다르게 해야하는데 이때 인수를 저장해 놓은 공간이 arguments [함수에 전달되는 인수들을 배열 형태로 나타낸 객체] arguments는 변수 이름이 아닌 키워드임. 배열 메서드를 사용하면 에러 뜸. 화살표 함수에서도 출력하면 오류 뜸. 몇 개의 인수가 전달될지 모르는 상황에서 활용된다. 출처 https://fromnowwon.tistory.com/entry/arguments

LeeeYumin commented 6 months ago

reduce : 배열의 각 요소를 순회하며 callback함수의 실행 값을 누적하여 하나의 결과값을 반환. -파라미터 ◾callback function 4가지의 인수를 가짐.

accumulator - accumulator는 callback함수의 반환값을 누적함(초기값, 누산값)
currentValue - 배열의 현재 요소
index(Optional) - 배열의 현재 요소의 인덱스
array(Optional) - 호출한 배열 callback함수의 반환 값은 accumulator에 할당되고 순회중 계속 누적되어 최종적으로 하나의 값을 반환함,

출처 https://tocomo.tistory.com/26

LeeeYumin commented 6 months ago

접근자 프로퍼티는 'getter(획득자)'와 ‘setter(설정자)’ 메서드로 표현된다. 객체 리터럴 안에서 getter와 setter 메서드는 get과 set으로 나타낼 수 있음.

get 구문은 객체의 프로퍼티를 그 프로퍼티를 가져올 때 호출되는 함수로 바인딩 get – 인수가 없는 함수로, 프로퍼티를 읽을 때 동작함 setter는 어떤 객체의 속성에 이 속성을 설정하려고 할 때 호출되는 함수를 바인드 set – 인수가 하나인 함수로, 프로퍼티에 값을 쓸 때 호출됨 출처 https://velog.io/@bigbrothershin/JavaScript-%EC%A0%91%EA%B7%BC%EC%9E%90-%ED%94%84%EB%A1%9C%ED%8D%BC%ED%8B%B0-getter-setter

map() map 객체는 키-값 쌍과 키의 원래 삽입 순서를 기억함. 키-값 쌍인 집합으로 반복함. 한 Map에서의 키는 딱 한개만 존재!

Set Set는 클래스(class)이므로 new 키워드와 생성자를 사용하여 객체를 생성할 수 있음. 데이터를 순서없이 저장하므로 배열처럼 인덱스를 통해서 접근할 수가 없음. 중복된 데이터를 허용하지 않아 기존에 세트에 있는 값을 또 추가하면 아무 효력이 발생하지 않음. 출처 https://www.daleseo.com/js-set/

모듈 (실습 class6, 7) 보통 기능을 기준으로 파일 단위로 분리함. 개별적 존재이며 애플리케이션과 분리되어 존재함. 하지만 모듈은 공개가 필요한 자산에 한정하여 명시적으로 선택적 공개가 가능함. 이것이 export(공개). 다른 파일(모듈)로부터 원하는 함수나 클래스, 변수 등을 가져올 때 사용함. 다른 모듈에서 공개한 식별자를 자신의 모듈 스코프 내부로 로드하려면 import 함 import는 함수, 클래스, 변수 등을 다른 곳에서 쓸 수 있도록 내보내기 하는 기능. 기본적으로 import문에는 가져올 함수/클래스/변수 등을 작성하고 그 경로를 from 키워드 옆에 작성함. 출처 https://despiteallthat.tistory.com/162
https://chanhuiseok.github.io/posts/js-7/

LeeeYumin commented 6 months ago

수업하면서 떴던 에러

클래스 만들면서 제대로 된 패키지 위치에 안 만들어서 ctrl space O 안되는 오류 뜸
cannot parse null string : url에 파라미터 안넣어줘서 에러뜸. ?bno=2 같은거 넣어줘야됨.
mybatis 인데 mabatis 써놔서 에러뜬 적 있음 (오타)

에러 뜰 때마다 구글링해보기. 에러 문구랑 어떻게 해결했는지 기록하기!

LeeeYumin / java_master

javascript 날짜/파일 #2