profile
차곡차곡 쌓는 몌으니 개발노트

구조분해할당(Destructuring)

객체의 구조분해할당시에는 순서는 중요하지 않지만 이름이 중요하다! (key값이 중요)배열의 구조분해할당시에는 순서가 매우 중요하고, key는 중요하지 않다! 특정 객체에서 지우고 싶은 데이터가 있을 때 어떻게 할까?❌ delete를 통해 원본을 건드리는 일은 바람직하지

2022년 12월 5일
·
0개의 댓글
·

[JS] 깊은 복사 vs 얕은복사

얕은 복사? 주소값까지만 복사한다.더 안쪽에 있는 원본객체의 안쪽에 또 다른 객체가 존재하는경우에는 복사가 되어버리게 된다.깊은복사?실제 데이터까지 복사한다.얕은 복사로 이루어져서 favoriteFood는 결국 같은 주소값만 갖게됨 ⇒ 안쪽에 있는 다른 객체는 복사가

2022년 11월 16일
·
0개의 댓글
·

[JS] eslint, prettier, husky

코드린터 (eslint): 문법에서 에러는 아니지만 에러로 약속하자고 규칙을 정하는 것 import 순서==금지, ===허용코드포멧터 (prettier): 코드를 보기 좋게 만들어주는 것띄어쓰기 2칸OO길이 넘으면 줄바꿈 next.js에는 eslint가 이미 설치되어있

2022년 11월 14일
·
0개의 댓글
·

[JS] event Bubbling

이벤트 버블링 >특정 화면 요소에서 이벤트가 발생하였을 때, 해당 이벤트가 더 상위의 화면 요소들로 전달되는 특성 나는 '안녕하세요! 공지사항 전달드립니다.'라는 div만 클릭을 했을지라도 그 겉을 감싸고 있는 div도 같이 찍히게 됨 내가 클릭한 에 onClick

2022년 11월 14일
·
0개의 댓글
·

[JS] sort 메소드

배열을 오름/내림 차순으로 정렬할 때 사용한다.

2022년 11월 11일
·
0개의 댓글
·

[JS] 리팩토링, 연산자 종류

더 알아보기!prompt 창에서 비밀번호를 입력하면, mypassword에 저장된다.조건 : 동일한 실행결과동일한 실행결과 안에서 안에 있는 코드를 효율적으로 변경한 것여러사람이 공식화해서 사용한 것 (=패턴)리택토링 예시연산자!! : 부정의 부정 => 이중부정연산자&

2022년 11월 11일
·
0개의 댓글
·

[JS] 호이스팅(hoisting)

함수, 변수의 선언이 마치 위로 끌어올려진 것처럼 동작하는 것1\. 변수의 경우let으로 변수 선언var로 변수 선언실제로는 위와 같이 작성했지만, 함수 호이스팅이 일어나서 아래와 같이 작성한 것처럼 작동한다.변수를 let으로 선언한 경우에는 선언 전에 console.

2022년 11월 10일
·
0개의 댓글
·

[JS] 구조분해할당 (Destructuring Assignment)

구조 분해 할당 문법은 배열/객체에서 각각 값(value)이나 프로퍼티(property) 를 분해하여 손쉽게 별도의 변수에 담을 수 있도록 해주는 방법할당받을 변수를 왼쪽에 분해할 대상을 오른쪽에 해서 대입하는 형식으로 작성하면된다. = 배열 10, 20 이 분해되어

2022년 11월 10일
·
0개의 댓글
·

[JS] map, filter, every

실무에서는 for문보다는 map과 filter를 더 많이 사용한다.for문은 속도가 빠르다map은 유지보수에 용이하다map은 배열의 원소를 일괄적으로 변형시킬 때 사용한다.배열의 내장함수 이기 때문에 사용 시 배열과 함께 사용해야한다.❗️ 화살표 함수에서 소괄호 생략이

2022년 11월 8일
·
0개의 댓글
·

[JS] 현재 날짜 구하기

오늘의 날짜

2022년 11월 7일
·
0개의 댓글
·
post-thumbnail

[JavaScript] Import & Export

개발하는 애플리케이션의 크기가 커지면 언젠간 파일을 여러 개로 분리해야 하는 시점이 옵니다. 이때 분리된 파일 각각을 '모듈(module)'이라고 부르는데, 모듈은 대개 클래스 하나 혹은 특정한 목적을 가진 복수의 함수로 구성된 라이브러리 하나로 구성됩니다.https&

2022년 11월 2일
·
0개의 댓글
·

[JS] false로 간주되는 값

0 (1, -1은 참이다!) “” (“ “ ⇠ 공백이 존재하기 때문에 참이다!)falsenullundefinedNaN위의 값들을 제외하고는 전부 true로 간주된다.false/true 앞에 ! 붙이면 전환할 수 있다.!false = true

2022년 11월 2일
·
0개의 댓글
·