To infinity, and beyond To infinity, and beyond

2023.01.13 토요일 1. 프로젝트 : 쇼핑몰 리스트 만드는 중 (연습듕) 2. 사용스택 :HTML, CSS, Javascript 3. 오늘 배운 내용 1) Events란? - 프로그래밍 중인 시스템에서 발생하는 일로, 코드가 이에 반응할 수 있도록 시스템에서 알려주는 것 2) Capturing & Bubbling 3) 브라우저 취소하기: preventDefault 4) 이벤트 위임하기 : delegation 5) 쇼핑목록앱 개선하기 - 새로운 item 추가할 때, event delegation으로 코드 변경 - keydown & composing - web-form ; 신세계!😲😲 4. 참고 - Events 종류 https://developer.mozilla.org/en-US/docs/Web/Ev..

와. 아침 7시, 스벅에서 '자 이제 진도좀 빼 볼까?!' 하며 출근 전 '취미코딩'을 하려고 노트북을 켰다. 그리고 진도에 맞춰 JS를 구현하는 단계를 시작했다. 하지만. 개발자는 문제해결자라고 했는가. JS를 구현하지 못하고 결국 문제해결만 하다가 끝났다. '난 아직 개린이어서 문제해결말고 진도를 빼고 싶다고! 아닌가? 여기서 문제 해결을 하는게 옳은건가? 이것도 개린이 단계에서 마주하는 문제 중 하나인건가? 이게 맞는건가? 맞는건가?!!!' 라는 갈등과 갈등이 머리속을 지배하며 문제해결에 최선을 다 했으나.. 결국 해결하지 못하고 출근을 하게 된다.ㅠ 어떤 문제가 발생했느냐? 코드 문제 Uncaught TypeError: Cannot read properties of null (reading 'ad..

객체의 키에 접근하고 싶다면? Object.keys(객체) 를 하면 해당 객체의 key가 모두 출력된다. 따라서 객체의 키가 특정한 값인지 확인하고 싶을 때에는 Object.keys(객체) == 확인하고 싶은 값을 넣으면 된다. [관련문제] printer

배열을 객체로 만들기 각 인덱스가 키로, 배열 요소가 값으로 들어감. //방법1 Object.assign({ }, 배열); //방법2 {...priorities}

메서드를 호출한 문자열에서 인수로 전달받은 문자열을 검색해서 첫번째 인덱스를 반환 값이 없으면 -1을 반환 => 즉, 반환하는 값은 '인덱스'임 (이름 자체가 index잖아) 작성법 메서드를 호출한 문자열.indexOf(~에서 검색할 문자열) 대상.indexOf(찾을문자) To infinty and beyond라는 문자열에 a가 들어가나? 가 궁금하다면 해당 메서드 사용 -> a가 중복해서 있다면 가장 먼저 등장하는 a의 인덱스를 반환. -> 만약 a가 없다면 -1을 반환

2021.06.22 sort 메서드 Array.prototype.sort 기능 - 배열의 요소를 정렬 - 원본배열을 직접 변경하며 정렬된 배열을 반환 (즉, 원본값을 바꾼단 의미) - 숫자타입, 문자타입 모두 정렬 가능 활용 1. 정렬을 하자 - 오름차순 정렬: default값 - 내림차순 정렬: sort로 정렬 후 reverse로 뒤집어 준다. 내림차순 정렬방법 arr.sort( ) // 먼저 오름차순 정렬 후 arr.reverse( ) // 그 다음 뒤집어 주기 ! 주의사항 ! 유니코드 포인트 순서를 따르므로 숫자타입의 경우엔 정렬순서를 정의하는 비교함수를 인수로 전달해줘야한다. 무슨소리냐하면, 문자기준으로 기본 정렬 세팅이 되어있으니 숫자기준으로 정렬하고 싶으면 어떤식으로 정렬하고 싶은지 함수한테 ..

2021.06.21 Join 메서드 Array.prototype.join 기능 원본배열의 모든 요소를 문자열로 변환 후 인수로 받은 문자열 (구분자)로 연결한 문자열을 반환. 즉, 배열 -> 구분자로 연결한 문자열로 변환. 구분자 생략가능, 기본구분자는 콤마(",") 예시 const arr = [1,2,3,4] arr.join( ); => '1,2,3,4' arr.join(' '); => '1 2 3 4'

2021.06.21 Push 메서드 Array.prototype.push 기능 인수로 전달받은 모든 값을 원본배열의 마지막 요소로 추가. 변경된 length프로퍼티 값을 반환. 단점 원본배열을 직접 변경하는 부수효과가 존재하기에 성능면에서는 그닥 좋지 않음. 따라서 ES6 스프레드 문법을 사용을 추천. 대체문법 스프레드 문법