JavaScript? 스크립트 언어 인터프리터 언어
자바스크립트에서 특정한 목적을 위해 사용하는 단어이러한 키워드들은 예약어로 지정되어있다.ex) var - 변수 선언프로그램을 작성할 때, 변수명, 함수명 등 이름으로 사용할수 없는 단어ex) return, for 같은 이름으로 변수를 선언할 수 없다. (return:
코드 내의 변수, 함수, 혹은 속성을 식별하는 문자열대소문자를 구별하여 식별함유니코드 문자, $, 숫자를 사용가능 하지만, 숫자로 시작할 수는없다.예약어는 사용할 수 없고, 공백 문자도 사용할 수 없다.※ 자바 스크립트 식별자로 사용가능 유무를 파악할 수 있는 사이트h
데이터를 저장할 때 쓰이는 '사용자가 지정한 이름을 사용하는 저장소' 이다.let 과 var 키워드를 사용해서 생성하고 상수와 달리 선언한 후에도 값을 변경할 수 있다.변화하지 않는 값을 지니고 있는 변수. const 키워드를 이용해서 선언하며, 지니고 있는 값을 재할
코드가 실행하기 전 변수선언/함수선언이 해당 스코프의 최상단으로 끌어 올려진것 같은 현상을 말한다.하단 코드 구문을 보자함수의 호출을 먼저 한 hello2에서 오류가 발생할것 같지만 실제로는 두 함수 모두 문제 없이 작동한다.다음 코드 구문을 보자이 코드를 실행하면 첫
JavaScript의 변수는 어떤 특정 타입과 연결되지 않으며, 모든 타입의 값으로 할당 (및 재할당) 가능하다.vat는 string 타입이었다가 int 타입이었다가 boolean 타입으로 할당되었다.정해진 타입이 없는 것이지, 타입 자체가 없는것은 아니다기본 타입 (
논리 연산자를 이용한 조건문 평가 삼항 연산자를 이용한 조건부 실행 switch를 이용한 조건문
for 문 var,const 같은 경우는 저번의 호이스팅과 같은 원리를 적용하면 이해가 쉽다 \- var같은 경우는 선언
\-자바스크립트 객체는 Prototype 이라는 내부 프로퍼티가 존재한다. 거의 모든 객체가 생성 시점에 이 프로퍼티에 null이 아닌 값이 할당된다.위의 코딩에서 맨 아래의 두 줄의 경우 나는 toString() 과 prototype 이라는 프로퍼티를 만든 적이 없는
프로토타입을 이용한 객체 확장 객체 리터럴
자바스크립트 비동기 처리에 사용되는 객체. 여기서 자바스크립트의 비동기 처리란 ‘특정 코드의 실행이 완료될 때까지 기다리지 않고 다음 코드를 먼저 수행하는 자바스크립트의 특성’을 의미한다.then을 설정하는 시점을 정확히하고, 함수의 실행과 동시에 프로미스 객체를 만들
promise.reject를 사용해서 바로 오류메세지를 보내는 경우는 많지 않으니 그냥 이런게 있다 정도로만 알아두자.프로미스 객체 여러개를 생성하며, 배열로 만들어 인자로 넣고 Promise.all을 실행하면, 배열의 모든 프로미스 객체들이 fulfilled 되었을
비동기 함수를 async 함수로 만들기 위하여 function() 앞에 async 키워드를 추가한다. async function() await 키워드가 비동기 코드를 호출할수 있게 해주는 함수이다. async 키워드로 선언된 함수이며 그 await 안에 키워드가 허용된
Login - 아이디와 비밀번호를 입력하는 화면List - 사용자가 추가한 책들의 목록을 보여주는 화면ADD - 책을 추가하는 화면Detail - 책의 상세내용 보여주는 화면Edit - Detail에서 책의 내용을 수정하는 화면사용자가 추가한 책들의 목록을 보여주는 화
로그인 화면의 html 구현은 부트스트랩의 예시중에서 하나를 가져와서 구현했다.siginin.css 는 부트스트랩의 소스 파일에 기록되어있으므로 그대로 가져왔다.다음으로 login.js를 구현하자구현하기전에 먼저 뭘 만들어야할 지 생각해보자.\-sign in 버튼을 누
index에 구현했던 addBook이라는 버튼을 누르면 책을 추가할수 있는 정보를 입력하는 사이트를 만든다.add.html책 제목, 코멘트, 글쓴이,링크를 모두 작성한뒤 save를 누르면 해당 정보가 들어있는 정보가 indes화면에 출력된다.add.js사용된 함수get
index에서 책 목록에 구현된 view 버튼을 누르면 상세 정보를 보여주는 창으로 이동한다.book.htmlbook.js 구현한 메서드bindLogoutButton() 버튼에 이벤트를 연결한다. 헤더쪽 로그아웃 버튼을 누르면 로그인 창으로 이동한다.getToken()
index의 책 목록중 하나의 항목이 가지고 있는 view 버튼을 클릭 후 책의 상세정보(book)로 들어갔을 때, edit button 을 누르면 나타나는 화면을 구현한다. 원래 가지고 있는 책의 정보를 수정하고 save 버튼을 누르면 변경된채로 index 홈페이지로
웹 페이지, 이미지, 비디오 등의 콘텐츠를 수신, 전송및 표현하는 소프트웨어사용자가 선택한 자원을 서버에 요청하고 브라우저에 표시하는 것사용자 인터페이스 - 주소표시중, 이전/다음버튼, 북마크 메뉴 등. 요청한 페이지를 보여주는 창을 제외한 나머지 모든 부분브라우저 엔