본문 바로가기

JavaScript

 (4)
Promise / async / await / get / post promise , async, await 비동기 작업이 끝난 후 특정 작업들을 실행할 수 있도록 순서를 정해주는 것 ✅ Promise (비동기 방식) Promise는 객체는 비동기 작업이 끝난 후 결과를 알려주는 용도로 사용한다. 서버에요청(Promise) then 완료 후 실행 할 함수 Promise를 사용하면 비동기 작업이 끝난 시점을 알 수 있어서 동기 작업’처럼 구성할 수 있게 된다. 동기 작업처럼 이란 아까의 콜백 방식처럼 코드의 동작 방식이 거꾸로 된 것이 아니라 순차적으로, 서버에 요청을 하고 -> 완료 후 실행할 함수 순서가 된다는 것이다. 이 Promise 객체는 대기, 이행, 거부 이 세 가지 상태를 가진다. 각각 작업 완료 전, 작업 완료 후, 에러 발생하여 실패 라는 뜻이다. 사용 ..
브라우저 브라우저에 내장된 객체를 ‘브라우저 객체’라고 합니다. window는 브라우저 객체의 최상위 객체이 며, window 객체에는 하위 객체가 포함되어 있습니다. 즉, 계층적 구조로 이루어져 있으며, 이를 브 라우저 객체 모델(BOM, Browser Obejct Model)이라고 합니다 window 객체 *{margin: 0;padding: 0;} window 객체 window.open("winpopup.html", "pop1", "width=400, height=400, left=300, top=50"); //윈도우창으로 새창을 띄움 ("winpopup.html의 주소를 새창으로 띄움, , 가로세로길이, 왼쪽위 여백") 이지스 퍼블리싱 alert( ) 경고 창을 나타낼 때 사용 alert("이메일 형식이 ..
자바스크립트 : JS 변수 var 중복 선언 가능 let const Boolean( ) 은 문자형은 한자리라도 나오면 true 숫자형은 0이 아닌 값은 true undefined : 변수를 선언했을때 값이 등록되기 전의 기본값 null : 변수에 null을 저장했을 때 typeof : 지정한 데이터 또는 변수에 저장된 자료형을 알고 싶을 때 사용 document.write(typeof num); //결과값 : number document.write(typeof str); // 결과값 : string
자바스크립트의 시작 : JS코드란? 자바스크립트 편집기 🔹 윈도우 시스템 내의 메모장 🔹 VS code (비주얼 스튜디오 코드) 🔹 에디트플러스 (Edit Plus) 🔹 노트패드++ 🔹 아톰 (Atom) 🔹 서브라임 텍스트 Sublime Text) 🔹 브라켓 (Brackets) 🔹 웹스톰 (Webstorm) VS code 로 자바 스크립트 공부 자바스크립트 주석 ⬛ // : 한 줄 설명글 ⬛ /* 설명글이 여러 줄인 경우엔 이렇게 처리한다 */ 자바스크립트 작성 시 유의사항 ⚠️ 자바스크립트는 대·소문자를 구분하여 작성한다 ⚠️ 코드 한 줄을 작성한 후에는 세미콜론(;)을 쓰는 것이 좋다. ⚠️ 문자형 데이터를 작성할 때는 큰따옴표(" ")와 작은따옴표(' ')의 겹침 오류를 주의 ⚠️ 중괄호{ } 또는 소괄호( )의 짝이 맞겠끔 주의 ⚠..

티스토리툴바