본문 바로가기

전체 글156

History API History APIHistory API는 JavaScript에서 브라우저의 세션 기록을 조작하거나 탐색할 수 있는 기능을 제공합니다. 이 API는 브라우저의 주소(URL)와 기록을 변경하거나 관리하는 데 사용되며, 웹 애플리케이션의 페이지 전환을 더 부드럽고 자연스럽게 만들어 줍니다. 이를 통해 새로고침 없이 URL을 업데이트하거나 브라우저의 뒤로 가기/앞으로 가기 버튼을 제어할 수 있습니다.History API 주요 메서드와 속성history.pushState(state, title, url)새 기록 항목을 추가합니다.브라우저 주소(URL)를 변경하지만 페이지를 다시 로드하지 않습니다.예:history.pushState({ id: 1 }, 'Title', '/new-page');history.repl.. 2025. 1. 4.
Fetch API Fetch APIFetch API는 JavaScript에서 네트워크 요청을 보내고 데이터를 가져오기 위해 사용하는 표준화된 인터페이스입니다. 주로 HTTP 요청을 보내 서버와 통신하거나 데이터를 가져오는 작업에 사용됩니다. 이전에 사용되던 XMLHttpRequest에 비해 더 직관적이고 간결한 문법을 제공합니다.특징Promise 기반:fetch는 Promise를 반환하므로, 비동기 작업을 간편하게 처리할 수 있습니다.async/await 문법과 함께 사용하기에 적합합니다.모듈화된 설계:요청과 응답을 Request와 Response 객체로 캡슐화하여 작업을 명확히 분리합니다.확장 가능성:다양한 옵션을 통해 HTTP 메서드, 헤더, 본문 등을 설정할 수 있습니다.기본 JSON 처리:응답 데이터를 JSON으로.. 2025. 1. 4.
초간단 서버 클라이언트 예시 초간단 서버 클라이언트 예시 서버와 클라이언트 이해를 위해 초 간단 예시를 만들어본다.Step 1. node 설치node를 설치하지 않았다면 설치한다.설치유무는 터미널에서 node -v 를 입력하면 알 수 있다.node -vStep 2. 파일 구조'my-server', 'my-client' 라는 폴더를 만들고 각각 index.js를 생성한다.Step 3. 서버 제작my-server/index.js 에서는node의 http모듈을 가져와 server 인스턴스를 만들고, server가 3000번 포트를 열어 요청을 기다리는 기능을 만든다.const http = require("http"); // node의 http 모듈 가져오기const content = `HTTP Lecture`;const handler =.. 2025. 1. 3.
require requirerequire는 JavaScript에서 모듈을 가져오는 데 사용되는 함수로, 주로 Node.js 환경에서 사용됩니다. 이를 통해 다른 파일에서 정의된 코드나 외부 라이브러리를 현재 파일에 가져와 사용할 수 있습니다.기본 사용법const 모듈이름 = require('모듈경로');// 모듈이름 : 불러온 모듈을 저장할 변수// 모듈경로 : 불러오고자 하는 모듈의 경로. 내장 모듈, 로컬 파일, 또는 npm 패키지를 지정할 수 있음모듈의 종류내장 모듈 : Node.js에 기본적으로 포함된 모듈, fs http, path 등로컬 모듈 : 프로젝트 내에서 작성한 JavaScript 파일로, 상대 경로를 사용하여 불러옴npm 패키지 : npm을 통해 설치한 외부 라이브러리로, 패키지 이름만으로 불러올 .. 2025. 1. 3.
Eclipse vs Visual Studio Code (VS Code) 비교 Eclipse vs Visual Studio Code (VS Code) 비교 Eclipse와 Visual Studio Code(VS Code)는 모두 인기 있는 개발 도구지만, 사용 목적과 기능에서 큰 차이가 있습니다. 아래에서 주요 측면을 비교해 보겠습니다. 특징 Eclipse Visual Studio Code (VS Code) 주요 목적주로 Java와 같은 엔터프라이즈 애플리케이션 개발용경량화된 코드 편집기로, 다양한 언어와 개발 워크플로 지원설치 및 설정설치가 복잡하고 무거운 환경 제공 (Java 환경 필요)설치가 간단하고 가벼운 IDE처럼 확장 가능사용 사례- Java, Spring, Hibernate 같은 엔터프라이즈 개발- C/C++, PHP 등 .. 2025. 1. 1.
Apache Tomcat과 Live Server의 비교 Apache Tomcat과 Live Server의 비교 Apache Tomcat과 Live Server는 웹 개발과 서버 운영을 위한 도구이지만, 목적과 사용 방식이 다릅니다. 아래에서 주요 차이점을 비교해 보겠습니다.기본 개념톰캣 (Tomcat):Apache Tomcat은 자바 서블릿과 JSP(JavaServer Pages)를 실행할 수 있는 오픈 소스 웹 서버이자 서블릿 컨테이너입니다.주로 자바 기반의 웹 애플리케이션을 개발하고 배포하는 데 사용됩니다.복잡한 웹 애플리케이션을 처리할 수 있는 기능을 제공하며, 세션 관리, 보안, 데이터베이스 연결 등 다양한 기능을 지원합니다.라이브 서버 (Live Server):라이브 서버는 Visual Studio Code의 확장 프로그램으로, HTML, CSS, .. 2025. 1. 1.

티스토리툴바