본문 바로가기

🕸웹18

[20210908] 백엔드 개발자를 위한 자바스크립트 개념 잡기 백엔드에서는 ajax 처리 등을 위한 경우 등을 제외하고 자바스크립트를 접할 일이 없을 수도 있다. 하지만 권장하는 방식은 아니지만 응답에 직접 자바스크립트 코드를 넣는 식으로 사용할 수도 있고 무엇보다 자바 스크립트를 알고 있으면 프론트엔드와 소통도 더 쉬워지지 않을까? 어쨌든 간단하게나마 자바스크립트를 알아보자. 우선, 웹에서 사용하는 자바스크립트는 거의 대부분 함수로 정의해놓고 이벤트 발생 시 함수를 호출하는것이 대부분이다. 따라서 함수를 정의하는 방법을 알아야 한다. 또한 웹에서는 각종 요소(element, 엘리먼트)들을 선택하여야하는데 이때 태그의 id나 class 등을 사용한다. 이때 기존 자바스크립트를 사용한다면 document.getElementById() 함수를, 제이쿼리를 사용한다면 $.. 2021. 9. 8.
정적 웹페이지와 동적 웹페이지 웹서버와 WAS의 차이 글에서도 언급했었지만, 웹의 발전 과정을 살펴보면 초기에는 정적인 웹사이트만 존재했으나, 동적인 웹페이지에 대한 수요가 증가하면서 동적인 웹페이지가 대세로 자리 잡게 되었다. 정적인 웹페이지는 HTML, CSS, 이미지 등 정적인 데이터만으로 구성된다. HTML 문서와 CSS는 각각 웹사이트의 내용과 구조를 기술한 문서와 스타일 시트 문서이므로, 문서를 재작성하지 않는 이상 데이터의 내용이 변하지 않는다. 이미지는 데이터이기 때문에 변하지 않는다. 하지만, 특정 이벤트에 따라 사이트의 화면이 달라진다거나 서버가 DB에 접속하여 자료를 가져오는 등의 작업은 프로그래밍을 수반하는 작업이며, 그렇기 때문에 HTML과 CSS 만으로는 동적인 웹페이지를 구현할 수 없다. 클라이언트 측의 변.. 2021. 8. 14.
웹서버(web server) vs. WAS(Web Application Server) 차이 웹서버(web server)와 WAS(Web Application Server)의 차이에 대해 정리해보려고 한다. 웹이란 URL, HTTP, HTML 등을 사용하여 사용자들이 정보를 주고받을 수 있는 서비스이다. 서버는 데이터를 요청하면 그에 응답하는 컴퓨터 시스템을 말하며, 클라이언트는 반대로 데이터를 요청하고 응답을 받는 컴퓨터 시스템을 가리킨다. 그렇다면 웹서버는 웹 서비스 상에서 데이터 요청에 응답하는 컴퓨터 시스템을, 웹클라이언트는 데이터를 요청하고 응답을 받는 컴퓨터 시스템을 말한다고 할 수 있다. 과거의 웹 서비스에서는 HTML, CSS, 이미지 등으로 구성된 정적인 페이지를 주고받았다. 그러나 사용자들이 원하는 서비스가 다양해지면서 연산이나 동작을 포함하는 동적인 페이지에 대한 요구가 생겨.. 2021. 8. 12.
[20210616] Javascript 기초 자바스크립트(Javascript, JS)는 HTML, CSS과 함께 웹 표준을 구성하는 요소로서, 웹 문서의 동적인 부분을 담당한다. 즉, 웹 문서에서 변화가 일어나도록 하기 위해서는 프로그래밍 언어인 자바스크립트를 사용해야 한다. 자바스크립트는 CSS가 style 태그를 사용하여 그 안에 입력했듯이 script 태그를 사용하여 그 안에 입력하면 된다. ... 자바스크립트도 외부 스크립트를 가져올 수 있다. 이 경우에는 script 태그에 src 속성에 js 파일의 경로를 입력하면 된다. . . . . . . 자바스크립트는 기본적으로 C언어 문법을 따르고 객체 기반 언어이기 때문에 자바와 문법이 상당히 유사하다. 자바스크립트를 공부하다 보면 자바와 닮은 부분을 자주 발견할 수 있을 것이다. 그럼 자바스크.. 2021. 6. 16.
728x90