웹개발/부스트코스(웹프로그래밍) 검색 결과
40 개의 검색 결과가 있습니다.
웹개발/부스트코스(웹프로그래밍)

JSP (java server page)란?

jsp는 항상 서블릿으로 바껴서 실행됩니다. 1~10까지 더하는 페이지 sum10

2019. 1. 4. 17:39
웹개발/부스트코스(웹프로그래밍)

JavaScript Debugging

자바스크립트은 실행단계(런타임)에서 버그가 발견됩니다.그 타이밍에 어디가 문제인지 바로 확인하는 게 좋습니다.다른 프로그래밍처럼 자바스크립트 개발도 디버깅의 연속이라고 보면 됩니다. 디버깅 컨트롤Pause, Continue : 첫 번째 버튼은 평소에는 Pause 버튼 상태인데 브렉포인트가 잡힌 상태에선 Continue 버튼이 됩니다. 다른 브레이크포인트가 잡힐 때까지 코드를 진행합니다.Step over next function call : 스텝 오버는 코드 라인을 한 스탭 진행하는데 현재 실행 라인에 함수 실행 코드가 있다면 함수는 실행하는데 이때 함수 안의 코드로는 진입하지 않습니다. 즉 라인의 함수를 실행만 하게 됩니다.Step into next function call : 스텝 인투는 스텝 오버와 ..

2019. 1. 3. 17:32
웹개발/부스트코스(웹프로그래밍)

Ajax통신의 이해

1. Ajax (XMLHTTPRequest 통신)이 기술은 웹에 데이터를 갱신할 때, 브라우저 새로고침 없이 서버로부터 데이터를 받는 것이 좋겠다는 생각에서 출발했습니다.더 좋은 UX를 제공할 수 있는 기술입니다.아래 탭 UI를 살펴봅시다.상단에 탭을 누를때마다 컨텐츠가 달라집니다.누르지도 않은 탭의 컨텐츠까지 초기로딩시점에 모두 불러온다면 초기로딩속도에 영향을 줄 것이다.따라서 동적으로 필요한 시점에 컨텐츠를 받아와서 표현하면 더 좋습니다.이 경우가 Ajax기술을 활용할 수 있는 대표적인 경우입니다.Ajax통신의 이해Ajax 통신으로는 XML, Plain Text, JSON 등 다양한 포맷의 데이터를 주고받을 수 있지만, 일반적으로 사용이 편리한 JSON포맷으로 데이터를 주고 받습니다JSON이 무엇인지..

2019. 1. 3. 10:22
웹개발/부스트코스(웹프로그래밍)

DOM과 querySelector

우리가 댓글을 입력할 때 댓글이 바로 화면에 추가되는 걸 볼 수 있죠?이외에도 받은 이메일함의 개수가 증가하기도 하고요.이렇게 HTML 내의 구조와 데이터는 변경됩니다.자바스크립트로 이를 변경시킬 수도 있는데요. 어떻게 할 수 있을까요? DOM을 이해하면 됩니다. DOM(Document Object Model) 1. DOM브라우저에서는 HTML코드를 DOM(Document Object Model)이라는 객체형태의 모델로 저장합니다. 그렇게 저장된 정보를 DOM Tree라고 합니다.결국 HTML element는 Tree 형태로 저장됩니다. 복잡한 DOM Tree를 탐색하기 위해 JavaScript로 탐색알고리즘을 구현하면 너무 힘듭니다. 그래서 브라우저에서는 DOM(document object model)..

2019. 1. 2. 22:32
웹개발/부스트코스(웹프로그래밍)

window 객체(setTimeout)

window 객체브라우저 개발을 하다 보면, window라는 객체가 있습니다.window에는 많은 메서드들이 존재하며, 아래처럼 사용할 수 있습니다.window는 디폴트의 개념이므로 생략할 수 있습니다.window.setTimeout() setTimeout() //window는 전역객체라서 생략 가능하다. setTimeout 활용setTimeout은 낯설게 동작합니다.인자로 함수를 받고 있으며, 보통 나중에 실행되는 함수를 콜백함수라고도 합니다.자바스크립트는 함수를 인자로 받을 수 있는 특징이 있습니다.참고로 함수를 반환할 수도 있고요. function run() { setTimeout(function() { var msg = "hello codesquad"; console.log(msg); //이 메시..

2019. 1. 2. 10:59
웹개발/부스트코스(웹프로그래밍)

자바스크립트 함수 호출 스택

함수 호출자바스크립트 함수 호출은 이렇게 불려집니다. 이 함수를 실행해보세요.run이 호출되고 그 다음에 printName이 호출됩니다.// 함수의 호출. function printName(firstname) { var myname = "jisu"; return myname + " ," + firstname; } function run(firstname) { firstname = firstname || "Youn"; var result = printName(firstname); console.log(result); } 함수호출과 stack아래 그림을 마우스로 클릭해서, 내용이 변경되는 것을 차분히 이해해보세요.한 번에 보기 어렵다면 여러 번 돌려보며 이해해보세요. 함수 호출 스택출처 https://med..

2019. 1. 1. 13:45