본문 바로가기

_Programming

 (58)
Basic.Ajax Ajax (Asynchronous JavaScript and XML) 자바스크립트를 이용해 비동기적으로 서버와 브라우저가 데이터를 주고 받는 방식이다. 이 때 사용하는 API가 XMLHttpRequest이다. 전체 페이지를 리로딩 하지 않고 XML http통신을 통해 데이터의 일부만 리로딩한다. 즉 전체 페이지를 다시 불러오는게 아니라 내가 필요한 부분만 다시 불러올 수 있다. 장점은 필요한 데이터를 필요한 때에 필요한 부분만 사용하기 때문에 전체 페이지를 로딩할 때보다 데이터를 적게 쓴다는 것이고 그게 바로 더 빠른 속도와 연결된다. 방식에는 아래 두 가지가 있다. Get 방식 & Post방식 Get방식 글자제한이 있고 URL에 전달되는 사용자의 데이터가 노출된다. 따라서 사용자가 입력한 개인정보는 G..
Basic.DOM(Document Object Model) DOM 브라우저에 의해 기록되는 모든것으로 웹페이지를 자바스크립트로 제어하기 위한 객체 모델을 의미한다. document를 개체로 구현한것이다. "자바스크립트는 너의 모든html태그를 가져다가 객체로 만들거야 이 객체는 .(점)찍었을때 나오는 것 같이 나오지." //Html This works! //JS const title = document.getElementById("title"); //객체화하는 과정 title.innerHTML = "Halo From JS"; //객체가 되어 자바스크립트에 내장된 keyname을 가져다 쓰는 과정 //Browser 이게 바로 JS의 힘이다. dom.html파일에서 직접적으로 id="title"의 내용이 바뀐건 아니지만 Browser에서는 Elements의 id="..
Basic.Function Function 기능적으로 무언가를 만들어 내는것이다. 'A piece of code' : 많이 가져다 쓸 수 있는 한 조각의 코드 라고 표현한 것을 들었는데 이 말이 딱 와닿는듯 하다. console.log()를 예로 들면, console은 Object이고 . 찍고 불러오는 것들이 console Object에 내장되어 있는 각각의 함수가 되는것이다. console.log(console); //console {debug: ƒ, error: ƒ, info: ƒ, log: ƒ, warn: ƒ, …} Function 생성 - sayHalo가 함수 이름이 되고 {}안에 내용이 실행문이고 함수이름을 부르면 응답한다.(실행이된다.) function sayHalo(){ console.log("halo!"); } //..
Basic.Array & Object 데이터 정렬의 두가지 방법 1. Array 2. Object Object를 Array 안에 넣을 수 있다!!! Array(데이터를 저장하는 곳으로 리스트를 함께 저장한다) ([ ] 브라켓사용) --->이건 비효율적 const mon = "Mon"; const tue = "The"; const wed = "Wed"; const thu = "Thu"; const fri = "Fri"; console.log(mon, tue, wed, thu, fri ); //Mon The Wed Thu Fri //배열생성 const daysOfWeek = ["Mon", "Tue", "Wed", "Thu", "Fri"] console.log(daysOfWeek); //["Mon", "Tue", "Wed", "Thu", "Fri..

티스토리툴바