프레임워크

Suji Park·2022년 5월 22일
1
post-thumbnail

프레임워크: 자주 사용되는 로직을 재사용하기 편리하도록 정리한 일련의 코드들의 집합 이라고 한다.쉽게얘기하면,특정 프로그램을 개발하기 위한 다양한 요소들, 복잡한 코드와 내용 등을 사용규칙, 매뉴얼과 함께 제공하는 프로그램

예시) 장난감키트에서 제공하는 일정한 부품들과 틀을 가지고 설명서에 포함된 규칙을 지키면서 다양한 형태의 장난감을 만들 수 있다.
다양한 형태의 결과물을 만들어 내기 위해 일정한 형태의 틀, 부품을 제공하는 것이 프레임 워크의 역할
Spring,node.js,React등과 같은 것들이 모두 프레임워크에 속한다.

JavaScript는 원칙적으로는 프론트엔드언어에요.
백엔드 즉 서버측에서 동작하는 프로그램을 작성하는 것이 불가능.

프론트엔드언어는 웹브라우저를 통해 읽고 실행하는 것을 목적으로 하고
백엔드언어는 서버에서 실행되고, 데이터베이스 연동 등 데이터처리를 주로 담당.
즉 JavaScript언어로는 서버 측에서 데이터 처리와 같은 역할을 수행하지 못한다.
그것을 가능케 하는 것이바로프레임워크

하나의 언어로 프론트엔드와 백엔드를 수행할 수 있는 형태에 대한 개발자들의 니즈가 생겨났고 개발자들의 노력으로Node.js라는 프레임워크가 생겨남
Node.js는 JavaScript언어를 기반으로 백엔드프로그래밍을 하기위해 구축된 프레임워크라고할 수있다.
Node.js를 사용하면 JavaScript로 백엔드 프로그래밍까지 가능

프론트엔드 프로그래밍만을 위해 설계된 프레임워크더 있다.
대표적으로 React를 꼽을 수 있는데, 페이스북(Facebook)에서 개발한 데이터기반의 프레임워크로, 간결한코드로 기본적인 레이아웃을 잡을 수 있게 해준다.
React는 데이터의 흐름을 명확히 알 수 있는 장점

React를 제외하고도 Angular,Vue.js등등 다양한 프론트엔드프레임워크가 존재
하지만 제가 소개해드린 React,Angular,Vue.js 3가지가 현재 가장 널리사용
프론트엔드프레임워크는 HTML/CSS를 포함한 웹관련기능뿐만 아니라,JavaScript 단독적으로는 사용할 수 없었던 문법이나 입력 방식 등 다양한 장점 을 포함하고 있어요.덕분에 복잡한 작업을 행하지않고도 짧은 시간 내에 강력한 웹어플리케이션 구축이 가능

profile
천방지축😛 얼레벌레🙄 빙글빙글🙃 돌아가는 수지의 코드~🎵

0개의 댓글