본문 바로가기
카테고리 없음

[Backend] 프론트 개발자 헷갈리지 말아야 할 런타임 환경과 백엔드 서비스 의미

by sighan 2023. 12. 5.
반응형

 

  1. 런타임 환경:
    • 정의: 프로그램이 실행되는 동안의 환경으로, 코드가 실행되는 동안 필요한 리소스와 인터페이스를 제공합니다. 이는 프로그램의 실행을 지원하고, 외부와의 상호작용을 가능하게 하는 시스템입니다.
    • 예시: Node.js는 자바스크립트 코드를 서버 측에서 실행할 수 있는 런타임 환경입니다. Node.js는 서버 측 애플리케이션에 필요한 파일 시스템, 네트워크, 데이터베이스와의 연결 등을 제공합니다.
  2. 백엔드 서비스:
    • 정의: 서버 측에서 작동하는 애플리케이션 또는 서비스로, 데이터베이스 관리, 서버 로직 처리, 클라이언트 애플리케이션에 API를 제공하는 등의 기능을 포함합니다.
    • 예시: 데이터베이스와 통신하고, 사용자 인증을 관리하며, 클라이언트 측에 데이터를 전송하는 RESTful API를 포함하는 서버 측 애플리케이션입니다. 이러한 서비스는 Node.js와 같은 런타임 환경에서 실행될 수 있습니다.
  3. 프로그래밍 언어:
    • 정의: 애플리케이션을 작성하기 위해 사용하는 형식화된 언어로, 컴퓨터에게 명령을 내리는 데 사용됩니다.
    • 예시: 자바스크립트는 웹 애플리케이션의 프론트엔드와 백엔드 개발에 모두 사용되는 프로그래밍 언어입니다.

 

상황: 웹 애플리케이션 서버 개발

  • 런타임 환경: Node.js를 사용하여 서버 측 자바스크립트 코드를 실행합니다. Node.js는 파일 시스템 접근, 네트워크 요청 처리 등을 제공하는 서버 측 런타임 환경입니다.
  • 백엔드 서비스: Node.js 상에서 실행되는 서버 애플리케이션은 데이터베이스 관리, API 제공, 사용자 인증 등의 백엔드 서비스를 처리합니다.
  • 프로그래밍 언어: 이 애플리케이션의 개발에는 자바스크립트 언어가 사용됩니다. 자바스크립트는 Node.js 런타임 환경에서 서버 측 코드를 작성하는 데 사용됩니다.

이와 같이 런타임 환경, 백엔드 서비스, 프로그래밍 언어는 각각 다른 역할을 하며, 하나의 웹 애플리케이션 개발에 공통적으로 사용됩니다.

 

 

프론트엔드의 런타임 환경:

  • 브라우저: 프론트엔드의 주된 런타임 환경은 웹 브라우저입니다. 브라우저는 HTML, CSS, JavaScript를 해석하여 사용자에게 시각적인 웹 페이지를 제공합니다.
  • 기능:
    • 웹 문서 렌더링: HTML과 CSS를 사용하여 구조와 스타일을 결정하고 렌더링합니다.
    • 자바스크립트 실행: 웹 페이지의 동적인 기능을 제공하기 위해 JavaScript 코드를 실행합니다.
    • DOM 조작과 이벤트 처리: JavaScript를 통해 DOM(Document Object Model)을 조작하고 사용자와의 상호작용을 처리합니다.

 

 

반응형