Learning Log/JavaScript 15

[javascript] Array배열 관련 함수 정리

! 공식문서를 참고해서 개념을 다시 한번 확인해주세요 ! consr arr = [1, 2, 3, 4, 5]; 라는 배열에 각 함수를 적용해보자 1. push() -배열의 끝에 아이템을 추가 ex. arr.push(6); => [1, 2, 3, 4, 5, 6] 2. pop() -배열의 마지막 아이템을 제거 ex. arr.pop(); => [1, 2, 3, 4] 3. shift() -배열의 첫번째 아이템을 제거 ex. arr.shift(); => [2, 3, 4, 5] 4. unshift() -배열의 첫번째에 아이템을 추가 ex. arr.unshift(6); => [6, 1, 2, 3, 4, 5] 5. splice() -splice(pos, length) pos번째 index부터 length만큼 아이템을 제..

[javascript] keyup, keydown, keypress의 차이

! 공식문서를 참고해서 개념을 다시 한번 확인해주세요 ! 1. keyup -키보드에서 손을 뗐을 때 실행 2. keydown -키보드를 눌렀을 때 실행되고 누르고 있을 때 1번만 실행됨 -어떤 키가 눌리더라도 반응 3. keypress -키보드를 눌렀을 때 실행되고 누르고 있을 때 계속 실행됨 -입력할 수 있는 키보드를 눌렀을 때만 반응(한글은 인식하지 않음) keydown > keypress > keyup 순으로 이벤트가 진행됨 Resources https://velog.io/@jjhstoday/project-Sleact-keydown-keypress-keyup-%EC%9D%98-%EC%B0%A8%EC%9D%B4%EB%8A%94

[javascript] 데이터 타입(Data types)

! 공식문서를 참고해서 개념을 다시 한번 확인해주세요 ! javascript는 6가지의 데이터 타입을 가지며 배열을 제외한 나머지를 말함 배열은 객체(참조 타입)에 속하는 데이터 타입 중 하나! 1. Number -숫자를 의미 -산술 연산자를 사용하여 작성 2. String -문자열 데이터 타입은 " " 혹은 ' '로 감싼 모든 표현을 의미 -다양한 기능 .length : 문자열이 몇 글자로 되어 있는지 확인 .toUpperCase() : 문자열을 대문자로 출력 .indexOf(' ') : 특정 텍스트의 포함 유무 및 위치 확인 3. Boolean -조건문에서 자주 활용 4. Array -순서가 있는 데이터의 모음 -[]를 이용하여 작성 5. Object -key와 value의 조합으로 이루어진 데이터 ..

[javascript] 변수(variables)

! 공식문서를 참고해서 개념을 다시 한번 확인해주세요 ! 1. 변수 이름 생성 시 주의사항 -한 파일에서 같은 변수 이름 중복 사용 불가 -첫 번째 문자는 반드시 글자, _, $ 중 하나로 시작 -예약어(function, const)는 변수로 사용할 수 없음 2. camelCase vs snake_case -camelCase 맨 첫 글자를 제외한 각 합성어의 첫 글자만 대문자로 표기 ex. myProfileImg, toDoListArray -snake_case 소문자를 사용하며 각 합성어를 '_'로 연결하는 방식으로 표기 ex. my_profile_img, to_do_list_array 3. 변수명을 지어주는 사이트 https://www.curioustore.com/#!/ Curioustore 변수명 짓..