JS (22) 썸네일형 리스트형 TIL 22일 - (JS기본기) My Shopping List JS 기본기 확인 중 문제 설명 아래 이미지처럼 상품을 추가하고 삭제할 수 있는 기능을 javascript만으로 구현해보세요. 우선 HTML 파일 handleClick 함수를 달아주어서 input 태그에 입력된 값을 에 리스팅해준다. My shopping list Enter a new item: Add item 다음은 JS function handleClick() { const myShopList = document.querySelector("ul"); const oneList = document.createElement("li"); const inputValue = document.querySelector("input").value; const input = document.querySelector(".. 정규표현식을 통한 문자 공백 제거 자주 쓰이는 정규표현식 기호 $ : 끝나는 점 ^ : 시작하는 점 * : 뒤에 이어지는 문자까지 모두 선택 d : 숫자 s : 공백 문자열의 모든 공백을 제거할 때 replace 메소드를 이용한다. str_text.replace("찾을 문자열", "변경할 문자열") 찾을 문자열에 정규표현식의 모든 공백을 표현하는 기호를 넣어주고 변경할 문자에는 '' 빈문자열을 넣어준다. let newStr = str.replace(/(\s*)/g,'').split(''); parseInt 의 특이한 점 parseInt javascript를 검색하면 대다수의 함수 기능은 문자열을 숫자로 변환한다는 내용이다. MDN에도 해당 내용으로 나오고 있다. 그런데 parseInt에 소수점이 있는 수를 넣어주면 소수점을 버리고 정수만 반환해준다는 내용은 찾을 수가 없다. 언젠가는 찾겠지... (자바스크립트) 배열에서 데이터의 불변성, immutable & mutable immutable 하게 리턴하는 Array 내장함수에는 arr.slice, arr.concat 등이 있고 mutable 하게 리턴하는 것들에는 arr.push, arr.pop, arr.shift, arr.unshift, arr.splice 등이 있다. 데이터 불변성 여부를 따져야 하는 경우 배열 관련한 알고리즘 문제를 풀다보니 처음 입력받은 데이터를 변경하지 말아야 하는 경우 혹은 데이터를 변경해되 괜찮은 경우들이 종종 보인다. 예를 들면 주의 사항에 아래와 같은 것들이 있다. 기존 배열에 주어진 요소가 추가된 상태(주소값 동일)로 리턴해야 합니다. 입력받은 배열을 수정하지 않아야 합니다(immutability). 1번 문구의 의미는 기존 배열에 새로운 요소가 추가되었기에 처음의 배열 데이터는 수정이 되.. 변수 선언 let 과 const 차이 - 재선언, 재할당 여부 그렇다면 let 과 const 의 차이점은 무엇일까? 이 둘의 차이점은 immutable 여부이다. 둘다 재선은 불가하다. let 은 변수에 재할당이 가능하다. 그렇지만, const는 재할당 모두 불가능하다. 혹시 선언자 const는 헌법을 뜻하는 constitution에서 온거 같다. 헌법 처럼 굳건하군 그래서 한번 선언되고 할당된 건 다시(재) 안됨. 기존 자바스크립트에서 var로 선언해주었는데 중복선언이 되다보니 욕을 많이 먹어서 이크마6를 통해 let, const 나오게 됨 개발자 도구 콘솔창 1. 개발자 도구 콘솔창 단축키 개발자 도구 콘솔창 단축키 브라우저 윈도우 리눅스 맥 크롬 Ctrl + Shift + J Ctrl + Shift + J Cmd + Option + J 파이어폭스 Ctrl + Shift + K Ctrl + Shift + K Cmd + Option + K 사파리 Ctrl + Alt + C - Cmd + Option + C IE F12 - - 이전 1 2 3 다음
