분류 전체보기 (346) 썸네일형 리스트형 ajax1 1. AjAX(= single-page application) AJAX는 Asynchronous JavaScript and XML의 약자로, 말 그대로 JavaScript와 XML을 이용한 비동기적 정보 교환 기법이다 쉽게 말해 웹브라우져에서 자바스크립트를 이용해서 웹서버에 접속하고 정보를 가져오는것으로 하나의 기본적인 코드의 구조를 대상으로, 바뀔수 있는 부분과 고정적인 부분을 구분하여 바뀔 수 있는 부분만 파일을 분리 시켜 ajax를 사용하여 서버로 부터 동적으로 가져오게 하여 폭팔적인 생산성을 주는 것이다 따라서 각각의 페이지마다 동일한 html코드를 가지고 있을 필요가 없다 + 페이지를 전환할때마다 모든 파일을 다운로드 받는 것과 변경된 부분만 다운로드 받는 것의 차이이다 리로드를 하지 않고 웹브.. JavaScript의 이해 - library VS framework 1.library VS framework 두가지는 다른사람의 도움을 받아 소프트웨어를 만든다는 면에서 비슷하다 library는 도서관이다 무언가가 정리정돈 되어 있으며 내가 만들고자하는 프로그램이 필요한 부품들이 되는 소프트웨어를 잘 정리정돈 해 놓아 재사용하기 쉽도록 모아져 있는 곳이다. 내가만들고 있는 프로그램의 부품을 가져오는느낌, 땡겨오는 느낌 framework는 우리가 만들고자 하는 것이 있을때 그 만들고자 하는 것이 무언인가 에 따라서 에를 들어 게임이냐 웹이냐 채팅이냐등 그것을 만들때 공통적인 부분도 있고 다른부분도 있을텐데 공통적인부분을 프레임워크로 두고 달라지는 부분만 수정할때 많이 쓰게되어 그런 것들이 모여있는 곳이다. 우리가 만들고자 하는것을 첨부터 끝까지 만들게 하는게 아닌 반제품을.. JavaScript의 이해- 리펙토링2(파일분리) 1.파일로쪼개기 좌측에 본래 script tag 안에 있던 것을 로 대체하고 colors.js 파일을 만들어서 본래 있던 코드를 넣어준다 *이때 js파일에는 script tag를 쓰지 않는다 *css는 XX.css파일을 만들고 로 연결시켜준다 JavaScript의 이해- 리펙토링2 *Body객체에서 마지막 변수자리인 color를 'color'로 작성했다가 오랜시간 낭패를 봤다.. 주의하도록하자 *디버깅: 20번째 줄의 'powderblue' 를 변수인 color로 바꿔야 한다 *위 와 같이 while문법을 for문법으로 바꿔도 됌 JavaScript의 이해 - object(객체) 1.object(객체) 함수나 변수가 많아지면 복잡해진다 그렇기에 서로 연관된 함수나 여관된 변수를 잘 그룹핑해서 정리정돈하기 위한 수납상자 같은 도구를 객체라고 함 배열이라는것은 정보를 담는 그릇이면서 동시에 정보가 순서대로 저장된다는 특징이 있다 그렇다면 순서없이 정보를 저장하는 것도 있지 않을까? 그게 바로 객체이다 객체란 이름이 있는 정리정돈 상자이다 변수에 객체를 담고싶다 객체를 만들떄 사용하는기호 오브젝트리터럴은 중괄호 {};이건 비어있는 객체 객체 안에다 정보를 넣고 싶다 대신 그냥 넣으면 안되고 넣고싶음 정보에 대한 이름이 있어야함 그러면 coworkers라는 객체에 egoing이라는 정보를 programmer라는 딱지를 붙여서 저장한 것 var coworkers = { 'programme.. JavaScript의 이해- 함수의 활용 1,2 함수의 활용 array&loop편에 있던 코드에서 onclick 내부에 있던 코드를 nightdayHandler라는 함수로 표현하여 코드를 추상화한 것 *script 안의 함수에게 매개 변수를 주지 않으면 this 는 전역객체?라는 아직은 이해할 수 없는 무언가를 가리키게 된다. 때문에 매개변수를 아무거나 지정하여(여기서는self) this를 그 매개변수로 바꾸어 주어야 하며, 핸들러를 정상적으로 작동시키기 위해서는 input 태그 안의 함수의 argument 로 this 를 지정해주면 된다. 어쨌거나 this는 그런 해당 태그를 가리키는 기능을 하니까 JavaScript의 이해 - function 1. function(함수)의 이해 웹브라우져는 function을 보고 {}를 본 이후 사용자가 two라는 함수를 만드려고 하는구나 그리고 그 함수는 {}안의 코드구나 라고 기억하고 있다가 two()를 보면 이것은 two라는 함수의 이름이었고 사용자가 two라는 함수를 실행하고 싶구나 라고 인식하고 실행한다 2. parameter(매개변수)와 argument(인자) 함수는 입력과 출력으로 이루어져 있으며 입력에 해당하는 것이 parameter(매개변수)와 argument(인자)이고 출력은 return(리턴)과 관련이 있다 목표: 함수를 실행할때 어떤 입력값을 주면 함수가 그 입력값에 따라서 다른값을 출력하게 하고싶다 예제2에서 미리만든 sum함수를 활용하기 위해 작성한 코드 sum(2,3)에서 2,3 그.. JavaScript의 이해 - array & loop 중점pointwhile(i 이전 1 ··· 38 39 40 41 42 43 44 다음
