모바일 App, Web 프론트엔드, 백앤드 개발 개념

 

 

 

 

- 프론트엔드 (Front-End)

 

 

 

 

 

일반적으로 프론트는 앞을 의미하듯이 App, PC 에서 제일 앞단을 의미한다.

 

처음 보여지는 App 화면, PC, 모바일 홈페이지 화면이 프론트엔드로 실제 보여지는 화면들을 개발한다고 보면 될 것 같다.

 

이렇게 사용자가 마주보는 인터페이스를 ‘프론트엔드’라고 한다.

 

 

 

1> 프론트엔드 개발에 사용하는 언어

 

 

 

 

HTML : 하이퍼텍스트와 마크업 언어로 구성하며 페이지들 사이의 링크를 정의

 

CSS : 종속 스타일 시트(Cascading Style Sheets), CSS는 개발자가 웹페이지에 다양한 스타일을 만들어주는 디자인 언어

 

Javascript : 자바스크립트는 정적 HTML 페이지를 동적 인터페이스로 변환하는 데 사용되는 이벤트 기반 명형형 프로그래밍 언어

 

 

 

2> 프론트엔드 프레임워크 & 라이브러리

​

 

- 제이쿼리 (jQuery)

 

HTML의 클라이언트 사이드 조작을 단순화 하도록 설계된 크로스 플랫폼의 자바스크립트 라이브러리

애니메이션, 이벤트 제어, Ajax 개발 쉬움

 

 

 

 

 

- 리액트 JS (React.JS)

 

페이스북에서 만든 사용자 인터페이스를 만들기 위한 자바스크립트 라이브러리

단일 페이지 응용프로그램 및 모바일 응용 프로그램 개발

반응형 뷰 레이어(view layer)

 

 

- 앵귤러 JS (Angular.JS)

 

자바스크립트 기반의 웹 애플리케이션 프레임워크

개발과 테스트 환경을 단순화 시킨 기술

제이쿼리(jQuery)나 자바스크립트 UI 컴포넌트를 쉽게 재사용 가능

정적(static) HTML을 동적(dynamic) HTML로 변환해주는 기능

 

 

​- Bootstrap

 

부트스트랩은 반응형 웹 애플리케이션 및 웹사이트를 개발하기 위해 사용되는 오픈소스

모바일 우선의 반응형 웹사이트 사용

 

 

 

 

 

 

- 백엔드 (Back-End)

 

 

 

 

웹사이트나 웹 애플리케이션 또는 모바일 솔루션의 프로세스와 관련된 서버측(server-side), 데이터베이스를 관리

 

프론트엔드가 눈에 직접적으로 보여지는 화면 영역이였다면, 백엔드는 클릭했을 때 처리되는 뒤단의 눈에 보이지 않는 서버에서 작용하는 기술 의미

 

백엔드 개발 : 사용자 인터페이스가 없는 시스템 컴포넌트 작업, API작성, 라이브러리 생성, 데이터베이스 처리 작업

​

 

 

 

1> 백엔드 개발에서 사용되는 언어

 

 

PHP : 특별히 웹 애플리케이션 개발을 위해서 고안된 서버 측 스크립트 언어, PHP는 서버 측에서 실행

 

 

- 노드 JS (Node.JS)

 

자바스크립트 엔진인 V8 위에서 동작하는 이벤트 처리 I/O 프레임워크로 백엔드 개발에서 주로 사용

장점 : 비동기 프로그래밍

 

크로스 플랫폼의 오픈소스 런타임(run time) 환경, 브라우저의 외부에서 자바스크립트 코드를 실행

노드는 모바일이나 웹 어플리케이션용 API와 같은 백엔드 서비스 개발을 위해서 사용

 

​Javascript : 백엔드와 프론트엔드 모두에서 사용할 수 있는 프로그래밍 언어

 

C++

 

Java

 

Python

 

 

 

2> 백엔드 프레임워크 & 라이브러리

​

 

Express : 익스프레스는 웹 애플리케이션 구축에 사용되는 노드(Node.js)용 무료 오픈소스 프레임워크

 

​Laravel : 라라벨은 무료이며, 오픈소스인 PHP 웹 프레임워크

 

​C# : C#은 객체지향(object-oriented) 프로그래밍 언어