본문 바로가기

✨ Front-end/자바스크립트(JS)29

[JavaScript] 자바스크립트 객체 VS 자바 객체 비교, Object HTML 삽입 미리보기할 수 없는 소스 위 코드는 자바스크립트에서 자바 형태의 객체를 하나 생성한 것이다. 자바스크립트 객체 HTML 삽입 미리보기할 수 없는 소스 그리고 위와 동일한 객체를 아래 코드에서 자바로 구현해보았다. 자바 객체 HTML 삽입 미리보기할 수 없는 소스 Obejct HTML 삽입 미리보기할 수 없는 소스 자바스크립트에서도 모든 객체는 Object를 상속받는다. Object는 자바스크립트 객체의 최상위 부모 클래스이며, 모든 객체는 Object의 프로퍼티와 메서드를 상속받는다. 이렇게 자바스크립트에도 객체가 존재하다는 것을 알아보았다. 자바스크립트에서도 JSON 형태로 객체를 만들어 저장해 Map으로 뿌려주면 정말 간편하겠다는 생각이 든다. 2023. 9. 1.
[JavaScript] HTML의 name 값은 document 생략, isNan이란? HTML 삽입 미리보기할 수 없는 소스 HTML 삽입 미리보기할 수 없는 소스 여태까지 나는 document.querySelector('#adfsads')와 같은 것을 써왔는데, document후 바로 frm과 같이 값을 지정할 수 있었다. document 닷컴 이후의 데이터는 html에 있는 name 값을 의미한다. plusfunc( ) 함수에 alert으로 frm.a.value와 document.frm.a.value를 찍어본 결과 똑같은 값이 나왔다. alert(frm.a.value);와 alert(document.frm.a.value);는 원래 동일한 동작을 수행하지만, document 객체를 사용하는 방식은 조금 더 명시적이고 안전한 방법이다. alert(frm.a.value); 이 코드는 frm.. 2023. 8. 31.
[JavaScript] encodeURI( ) 와 decodeURI( ), eval( ) HTML 삽입 미리보기할 수 없는 소스 HTML 코드 HTML 삽입 미리보기할 수 없는 소스 encodeURI() 파라미터를 전달하는 URI전체를 인코딩 할때 특수문자(; : / = ? 등)을 제외한 문자만 인코딩 한다. 주로 인터넷 주소를 인코딩할때 사용한다. decodeURI() encodeURI()로 인코딩된 데이터를 다시 되돌린다 eval() 문자로된 수식을 javascript의 수식으로 인식하여 실행하고 결과를 반환한다 String() 숫자를 문자형으로 변환한다 2023. 8. 31.
[JavaScript] prompt 함수 사용하기 prompt란? JavaScript에서 사용되는 내장 함수 중 하나로, 사용자에게 메시지를 표시하고 사용자로부터 입력을 받을 수 있는 간단한 대화상자를 생성한다. prompt 함수는 두 개의 매개변수를 받는다. 첫 번째 매개변수는 사용자에게 표시할 메시지이다. 이 메시지는 사용자가 어떤 입력을 해야 하는지 설명하는 역할. 두 번째 매개변수는 선택사항이다. 사용자의 입력 필드에 표시될 기본 값을 나타내는 문자열이다. 생략하면 입력 필드에 아무 값도 표시되지 않는다. 자바스크립트를 왼쪽과 같이 코드를 만들어주면, 페이지에 들어왔을때 문자열 값이 뜨게 된다. 만약 두 번째 매개변수 자리에 이렇게 데이터를 넣어주면, prompt가 생성됨과 동시에 문자열이 들어가있다. if문과 같이 id값과 pw 값에 따라 이후.. 2023. 8. 31.