개발천재

event.preventDefault() 이해하기브라우저의 기본 이벤트 동작을 막는 메서드이다. event.preventDefault()는 이벤트를 막지만 이벤트 리스너의 실행을 멈추진 않는다. 폼을 제출할 때 동일한 이벤트 안에서 submit()을 다시 호출하면 무한 루프에 빠질 수 있으니 유의해서 사용해야한다.   폼 제출 방지하기폼은 기본적으로 페이지를 새로고침하는데 event.preventDefault()는 이 새로고침을 막아주며, 데이터 보호에 유용하다. 따라서 입력 검증, 데이터 전송 등을 먼저 처리할 수 있다. 제출   링크 클릭 방지하기a 태그는 클릭 시 지정된 URL로 이동하지만, event.preventDefault()를 사용하면 이동을 막을 수 있다. 유효성 검사나 사용자 확인(..

localStorage는 브라우저에 내장된 저장소로 데이터를 브라우저에 key, value 값으로 Storage에 저장할 수 있다. 저장한 데이터는 세션간에 공유되며 심지어 브라우저를 닫고 다시 열어도 저장한 데이터가 유지된다. 데이터는 클라이언트(사용자의 디바이스)에 저장되므로 서버로 전송되지 않는다. 용량은 약 5~10MB까지 데이터 저장이 가능하고(브라우저에 따라 다름), 로컬에 저장되므로 민감한 데이터 저장은 추천하지 않는다. Local Storage는 간단한 데이터 저장이 필요할 때 유용하지만, 민감한 정보 관리나 대량의 데이터를 다룰 때는 서버나 데이터베이스를 사용하는 것이 적합하다.  localStorage 간단 정리localStorage는 브라우저에 데이터를 저장한다.페이지를 새로고침하거나..

JSON(JavaScript Object Notation)이란?JSON (JavaScript Object Notation)은 데이터를 교환할 때 주로 사용하는 경량의 데이터 형식이다. JSON은 텍스트 기반이며, 사람이 읽고 쓰기 쉽고, 기계가 해석하고 생성하기도 용이하다는 장점을 가지고 있다. 주로 웹 애플리케이션에서 서버와 클라이언트 간 데이터 교환을 할 때 많이 사용되는 JSON은 사람이 읽고 쓰기에 쉬운 형식을 제공하며, 자바스크립트에서 제공하는 메서드(JSON.parse(), JSON.stringify())를 사용하면 손쉽게 처리할 수 있다. JSON의 주요 특징은 경량, 텍스트 기반, 언어 독립적이라는 점이다. JSON 구조JSON은 기본적으로 키와 값 쌍으로 구성된다. 각 값은 문자열, 숫자..

export와 importES6(ECMAScript 2015)에서 도입된 모듈 시스템의 기능으로, 코드를 여러 파일로 나누어 재사용성과 유지보수를 개선하기 위해 사용한다. 이를 통해 한 파일에서 정의된 함수, 객체, 클래스 등을 다른 파일에서 사용할 수 있다.  export로 내보내기사용방법은 선언부 앞에 export 붙이면 된다. 변수나 함수, 클래스를 선언할 때 맨 앞에 export를 붙이면 내보내기가 가능하다.// data.jsexport const questions = [ { number: '01', question: '곧 크리스마스! 회사에서 크리스마스 파티 스텝을 모집한다는데?', choices: [ { text: '파티 스텝은 못하지ㅎ...(그래도 파티는 재밌겠다 ..