본문 바로가기

웹프레임워크7

NN JAVA 프레임워크 | 스프링(SPRING) 프레임워크와 스프링 부트 소개 스프링은 자바(JAVA) 기반의 웹 애플리케이션 프레임워크입니다. 스프링 프레임워크와 스프링 부트 모듈에 대해 쉽게 설명드리겠습니다.  목차  「 SPRING 」 프레임워크자바 플랫폼을 위한 오픈 소스 애플리케이션 프레임워크입니다. 자바 엔터프라이즈 애플리케이션 개발을 단순화하기 위해 스프링 프레임워크가 시작되었고, 동적인 웹 사이트 애플리케이션을 개발하기 위한 여러 서비스를 제공하고 있습니다. 특징1. POJO (Plain Old Java Object) - 별도의 프레임워크가 필요하지 않고, JAVA EE의 EJB 사용할 때에 비해 특정 인터페이스를 직접 구현하거나 상속받을 필요가 없습니다. 기존 라이브러리를 지원하기 좋고 객체가 가볍습니다.JAVA EE 자바를 이용한 서버측 개발을 위한 플랫폼EJB .. 2025. 2. 7.
NN 웹프레임워크 | Nuxt.js 프레임워크 개념과 구조 프론트엔드 웹프레임워크의 하나인 넉스트 프레임워크는 무엇인지, 언제 사용하고 어떤 구조로 되어있는지 쉽게 설명드리겠습니다.   목차  Nuxt.js 소개넉스트란 Vue.js 프레임워크 기반의 프레임워크로 Vue.js 프로젝트에서 사용되는 여러 라이브러리를 기본적으로 탑재하고 있습니다. (Vue2, Vue Router, Vuex, Vue Server Renderer, vue-meta, vue-loader, Webpack 등) 1) 구조 - Vue + 라이브러리2) 특징 - Vue 파일 사용, 코드 분할 자동화, 서버 사이드 렌더링3) 사용 - SEO 개선을 위해 사용 디렉토리 구조demo-nuxt 폴더 안에 하위폴더 들에 대한 설명입니다. Vue.js 의 src 폴더의 하위폴더들이 루트 폴더로 올라온 모습.. 2025. 2. 5.
NN 웹프레임워크 | Vue.js 프론트엔트 프레임워크 소개 Angular와 React의 장점은 살리고 단점은 보완한 대표적인 프론트엔드 개발 프레임워크 Vue.js를 소개합니다.   목차  「 Vue.js 」 소개 Vue.js 란?사용자 인터페이스 개발에 초점을 맞춰 복잡하고 동적인 웹 페이지를 쉽게 개발할 수 있는 프레임워크입니다. 가볍고 직관적인 문법으로 SPA 개발에 매우 적합한 프레임워크죠.SPA (Single Page Application)단일 페이지 애플리케이션으로 페이지 전환 없이 동적으로 콘텐츠를 로드하고 업데이트하는 웹 애플리케이션 SPA는 초기에 전체 페이지를 로드에 사용자의 요청에 따라 필요한 데이터만 서버로부터 비동기적으로 로드해 업데이트합니다.  「 Vue.js 」 장점 1) 가볍고 간단한 프레임워크  Angular.js 는 기능이 많고 .. 2025. 2. 3.
NN 웹프레임워크 | 부트스트랩 소개와 시작하기 웹사이트를 개발을 위해 웹프레임워크를 많이 사용하게 됩니다. 그 중에서도 가장 쉽게 시작할 수 있는 프레임워크 중 하나인 부트스트랩을 소개해 드립니다. 목차  부트스트랩 소개 소개부트스트랩은 오픈 소스 프론트엔드 프레임워크로 트위터에서 시작되었습니다. 트위터에서 사용하는 레이아웃, 버튼, 입력창 등의 디자인과 기능을 CSS, Javascript로 만들어 놓은 것이죠. 글자, 인용문, 목록, 표, 입력폼, 버튼, 이미지, 아이콘, 드롭다운 메뉴, 내비게이션 바, 탭, 리스트, 이동 바, 알림 메시지, 진행 바등 웹 페이지에서 쓰이는 모든 HTML 요소가 내장되어 있습니다. 그렇기 때문에 웬만한 사이트들은 이 부트스트랩으로 개발 가능합니다.  장점개발 진입장벽이 낮습니다. 부트스트랩의 CSS, JavaScr.. 2024. 8. 9.
NN 웹프레임워크 | PHP 프레임워크 소개와 폴더 구조 많이 쓰이는 PHP 기반 프레임워크들을 소개합니다. 간단하게 폴더 구조를 살펴보고 가장 중요한 MVC(모델-뷰-컨트롤러) 폴더가 어디있는지 찾아보겠습니다. 폴더 구조만 보고 무슨 프레임워크를 사용했는지 파악하는데 도움이 될 수도 있습니다. 목차  PHP 프레임워크 Laravel라라벨은 최근에 나왔지만 가장 인기있는 프레임워크로 빠른 개발이 가능합니다. RootAppHttp ControllersBootstrap : 프레임워크의 부트스트래핑을 담당Config : 애플리케이션의 설정 파일DatabasePublicResourcesView RoutesAppModels phalcon팔콘은 C/C++에 기반하여 개발된 풀스택 PHP프레임워크입니다. app configcontrollerslibrarymigrations.. 2024. 8. 2.
NN 웹사이트 풀스택 개발자. 무엇을 개발하나? 웹에서 프론트 엔드와 백 엔드(서버) 모두를 개발가능한 사람을 말합니다. 혼자서 다 개발하기란 너무나도 힘든 일이지만 혼자서 온전히 하나의 웹사이트나 서비스를 개발할 수 있는 사람을 풀스택개발자라고 합니다.  목차  1. 프론트 엔드 (Front-End) 프론트 엔드는 사용자가 사이트에 들어와서 보여지는 부분 즉, 디자인과 인터페이스 등이 이에 속합니다. 1.1 사용자 인터페이스 (UI) 개발 웹페이지의 인터페이스를 디자인하고 개발하고 사용자 경험(UX)를 개선합니다. 1) HTML - 웹페이지의 구조2) CSS - 웹페이지의 스타일3) JavaScript - 웹페이지의 동적 기능을 구현하는 데 필수적인 언어입니다.jQuery : html의 클라이언트사이드 조작을 단순화합니다.jQuery UI : GUI.. 2024. 4. 26.
NN 개발환경 | 웹프레임워크의 종류 웹 프레임워크 웹 프레임워크 ( 웹 어플리케이션 프레임워크) 는 동적인 웹페이지나 웹서비스 개발하는 과정에서 DB연동, 템플릿, 코드 재사용등의 어려움을 줄이는 것이 목적인 프레임워크를 말합니다. 아키텍처는 보통 MVC (모델-뷰-컨트롤러) 패턴을 따라 사용자 인터페이스를 백 엔드를 분리합니다. CLI 기반 ASP.NET — 마이크로소프트사가 개발하여 동적인 웹사이트, 웹어플리케이션, 웹서비스를 만들 수 있게 도와주는 웹어플리케이션 프레임워크 PHP 기반 CodeIgniter (코드이그나이터) — 2006년. 간편한 인터페이스와 논리적인 구조. 가벼움Laravel (라라벨) — 2011년. 오픈소스 웹프레임워크. MVC 아키텍쳐. 모듈 방식의 패키징 시스템. 가장 대중적인 PHP 프레임워크 가운데 하나S.. 2019. 11. 21.

티스토리툴바