JS 기타내장객체 2편

JSON객체 :JSON객체는 데이터정보를 교환할때 쓰는 형식이다

JSON객체의 특징
1.서버와 클라이언트 간의 데이터 전송 시 주로 사용된다
즉 서버를다루는개발자(백앤드개발자)와  화면에 나타나는 내용을 다루는 개발자(프론트앤드개발자)가 필요한내용을 주고받을때 이JSON의 형식을 주로 사용한다.
2자바스크립트의 객체(Object)표기법과 매우 비슷하다
3JSON으로 저장된데이터를 JSON객체의 parse()라는 내장함수를 이용하면 JS의 객체형으로 컴파일(변환)해서 사용할 수 있다.
즉 JSON안에 데이터를 JS로 변환할 수있다는 이야기
4프로그래밍 언어에 상관없이 사용할 수 있는 데이터 교환 방식이다
5대부분의 언어에서 JSON안에 데이터를 처리 할 수 있는 라이브러리를 제공한다.

 

widow 객체

alert(): alert()는 화면에 경고 메시지를 출력한다.
ex)

alert("안녕하세요!")

위코드를 js파일에 작성한후 html파일과 연결해보면 화면에서 안녕하세요! 라는 창이뜨는것을 확인 할 수 있다.

confirm(): confirm()은 alert()와같이 화면에 창이뜨지만 사용자가 선택할 수 있는 확인, 취소같은 버튼이있는데 이때 확인을 클릭하면 true값이 반환되고 취소를
누르면 false값이 반환된다.
ex)

if(confirm("정말 삭제하시겠습니까?")){
  alert("삭제되었습니다.")
}else{
  alert("취소되었습니다")
}

위코드를 예시로 설명하자면 if문은 조건이 참일때 내용을실행한다  이때 조건이 confirm("정말 삭제하시겠습니까)인데 이때뜨는 확인,취소버튼이 
true, false값으로 반환되어 확인버튼(true값)을 누르면 if문에 alert가 실행되고 취소버튼(false값)을 누르면 else문에 alert가 살행된다.

prompt() = prompt()는 alert처럼 화면에 어떤 창이 뜨는데 이창에서 컴퓨터 사용자가 내용을 입력 할 수 있게하는 기능이있다.
이때 prompt에()안에는 전하고싶은 내용이들어간다 
ex) 

txt =prompt("주민번호 6자리를 입력하세요","000000")
if(txt ===null){
  alert("취소되었습니다") //--> 취소버튼을 누른경우
}else if(txt === ""){
  alert("값이 입력되지않았습니다") //-->어떤값도 입력하지않은채 확인버튼을 누른경우
}
else if(txt.length===6){
  console.log(txt)
}else{
  alert("6자리를 제대로 입력하지 않았습니다 다시입력해주세요") //입력값이 6자리가 아닌경우
}

위코드는 prompt를 이용해 주민번호 앞자리를 console창에 출력하는 기능을 구현한것이다 
위코드에서 prompt()안에 1번파라미터에는 화면에 띄우고 싶은 말을 넣어주고 2번파라미터에는 기본값을 설정해주었는데 2번파라미터는 생략해도 상관없다.

 

그후 if문을이용해 취소버튼을 누른경우
값을 입력하지않은채 확인버튼을 누른경우 
값이 6자리인경우 console창에 그값을 출력할 수있는경우를 생각해서
위와같이 주민번호를 console창에 출력하는 프로그램을 만들 수 있다

 

window.open():window.open()은 ()안에 url을 입력하면 그 url을 열어준다. 

 

ex)

window.open("https://naver.com")

주의점은 url에 http 또는 https를 적어줘야한다는점이다