목록CS 지식/인터넷프로그래밍 (13)

티끌모아 태산

HTML Document Object Model(DOM)

HTML DOM: Standard object model and API for HTML HTML DOM을 사용하면 JavaScript와 같은 스크립트 언어를 통해 웹 페이지의 모든 요소에 접근하고 조작할 수 있다. 각 요소는 트리의 노드로 표현되며, 노드 간에는 부모-자식 관계가 형성된다. 넓은 의미: 웹 브라우저가 html을 인식하는 방식 좁은 의미: document 객체와 관련된 객체의 집합 DOM -> html 페이지에 tag를 추가, 수정, 삭제 가능하다. html tag는 html 입장에서는 element이고 JavaScript 입장에서는 문서 객체이다. 즉, HTML DOM을 사용하여 웹 페이지의 요소에 접근하고 조작할 수 있으므로, 동적인 웹 애플리케이션을 개발하거나 웹 페이지의 특정 부분을..
CS 지식/인터넷프로그래밍 2023. 6. 15. 17:26
Node JS Basic(2)

이번 시간에는 Node JS와 관련된 기초적인 개념에 대해서 좀 더 알아보겠습니다. 동적 페이지와 정적페이지 와의 차이 정적 페이지 미리 작성된 HTML, CSS, JavaScript 등의 정적 파일로 구성된 페이지입니다. 서버에 요청이 오면, 서버는 해당 파일을 그대로 클라이언트에게 전송합니다. 정적 페이지는 동일한 내용을 모든 사용자에게 제공하며, 서버 측에서 추가적인 데이터 처리가 필요하지 않습니다. 예들들어, 회사 소개 페이지, 블로그 게시물 ... static 파일을 서빙 하기 위해서는 express.static 이라는 미들웨어를 설정해야 한다. 일반적으로 static files(hitml, css, images) 등은 public 폴더 안에 존재한다. (include any fron-end f..
CS 지식/인터넷프로그래밍 2023. 6. 8. 16:24
Node JS Basic(1)

Node js란 무엇인지 알아보고 index.js에서 기본적인 express js 앱을 만들어 보겠습니다. Node js란 백엔드 프레임 워크 Node.js는 Chrome V8 JavaScript 엔진 위에서 동작하는 JavaScript 런타임 환경(runtime environment)이다. javascript 언어를 실행하기 위해서 매번 브라우저를 이용해야만 했습니다. 하지만 이러한 불편한 점을 개선하여 내 로컬 환경에서도 javascript 언어를 실행하기 위해 Node.js가 만들어졌습니다. 기본적으로 브라우저에 인터프리터가 있기 때문에 자바스크립트를 다른 언와 다르게 별도의 설치 없이 브라우저 자체에서 자바 스크립트가 실행 가능 했던 것! 그러나 이제 내 컴퓨터 or 서버 즉, 백엔드에서 자바스크..
CS 지식/인터넷프로그래밍 2023. 6. 5. 23:29
이전 Prev 1 2 Next 다음