Language

✅ 객체 메소드란 자바스크립트는 객체 기반 프로그래밍 언어이다. 자바스크립트가 구성하는 모든 것이 대부분 '객체'라고 할 수 있다. 👉 원시형 값을 제외한 모든 값(함수, 배열, 정규 표현식 등)을 말한다. 먼저 객체는 아래와 같이 중괄호({})로 감싸져 있고 클론(:)으로 구분되어 요소(Property, 속성)는 키(Key) : 값(Value)들이 쉼표(,)로 구분된 형태이다. const person = { name: "mien", age: 20 }; 모든 자바스크립트 객체는 Object 객체와 Object.prototype 객체의 모든 프로퍼티와 메소드를 상속받는다. 📑 객체의 요소(Property, 속성)와 메소드(Method) 요소(Property, 속성) 란 객체의 상태를 나타내는 값(Data)..

✅ 정규표현식이란? 사전적 의미로는 특정 규칙을 가진 문자열의 집합을 표현하는데 사용하는 언어 형식이다. 정규식(Regular Expression)은 문자열에서 특정 내용을 찾거나 대체 또는 설정하는데 사용된다. 대표적으로 최근 진행하고 있는 웹페이지에서 회원가입 폼에서 아이디는 영문 또는 한글 8자 이상을 입력하라는 화면을 본 적이 있을 것이다. 간단한 코드인 만큼 처음에는 표현식이 익숙하지는 않은 것 같다. 👉 정규식 연습 사이트 바로가기: https://regexr.com/ 반복문과 조건문을 사용하면 엄청 길어질 코드를 정규표현식을 이용하면 매우 간단하게 표현할 수 있다. 📌 많은 양의 데이터를 형식에 맞게 데이터를 추출해야 할 때 📌 사용자가 입력한 아이디, 비밀번호, 휴대폰번호, 이메일 등이 올..

✅ LocalStorage 란? localStorage를 사용하면, 브라우저에 Key-Value 값을 Storage에 저장할 수 있다. 브라우저 상에서 개발자 도구(F12)를 통해 보면 아래와 같이 보여진다. ✅ LocalStorage 사용법 setItem(key, value) - key, value 값 추가 getItem(key) - value 읽어 오기 removeItem(key) - item 삭제 clear() - 도메인 내의 localStorage 값 삭제 length - 전체 item 개수 key() - index로 key값 찾기 📌 setItem(key, value) localStorage.setItem("data_first", data); setItem 메서드를 통해 key는 data_fir..

✅ 브라우저 이벤트란? (작성에 앞서 모든 글을 구글링하여 참고하여 공부하고자 쓴 글이오니 참고부탁드립니다.😅) - 이벤트(Event)란 사전적 의미로는 (특히 중요한) 사건[일], 행사 등을 의미한다. 하지만, 브라우저에서의 이벤트란 어떤 웹페이지에서 버튼이 있다고 가정하고 클릭하였을 때 어떤 웹페이지가 로드되었을 때와 같은 현상을 말하는데 이것은 DOM(Document Object Model) 요소와 관련이 있다. 이를 실행하면 그에 맞는 반응을 보인다. 그리고 이벤트는 일반적으로 함수에 연결되며 함수는 이벤트가 발생하기 전에는 실행되지 않다가 이벤트가 발생되면 실행된다. 이 함수를 이벤트 핸들러라고 하며 이벤트에 대응하는 처리를 기술한다. ✅ 자바스크립트 이벤트 종류 🔵 UI EVENT Event ..