본문 바로가기

분류 전체보기

 (232)
[Vue.js] Vue.js란? Vue.js란?Vue.js는 웹 페이지 화면을 개발하기 위한 프론트엔드 프레임워크입니다. 이 프레임워크는 처음에는 간단한 라이브러리로 시작했지만, 점진적으로 프레임워크로 발전하면서 다양한 기능을 제공하고 있습니다. Vue는 점진적인 프레임워크로 불리는데, 이는 프로젝트에 필요한 부분만 선택해서 사용할 수 있다는 의미입니다. Vue.js는 프레임워크 시장에서 점점 성장하고 있으며, 점유율도 꾸준히 증가하고 있습니다.Vue의 큰 장점 중 하나는 배우기 쉽고 성능이 뛰어나다는 것입니다. 프레임워크를 처음 접하는 초보자부터 숙련된 개발자까지 모두가 쉽게 접근할 수 있습니다.  Vue.js의 특징 1. MVVM 패턴Vue.js는 MVVM (Model-View-ViewModel) 패턴을 따릅니다. 이 패턴은 사용자..
[Spring project] Task 리스트 조회, 입력 Task 이름: 상태: Toto ID: 저장Task 엔티티 생성Task 엔티티는 작업의 이름, 상태, 생성/수정 시간을 관리하며, Toto라는 다른 엔티티와 다대일 관계로 연결된다. writeDt와 modifyDt는 자동으로 현재 날짜와 시간을 설정하며, status는 입력되지 않았을 때 기본값으로 "N"을 설정.package com.babobird.Toto.entity;import com.babobird.Toto.dto.TaskFormDto;import jakarta.persistence.*;import lombok.Getter;import lombok.Setter;import lombok.ToString;import java.time.LocalDateTime;@E..
[Spring Project] To do 리스트 조회 프로젝트 설정Spring Boot 프로젝트에서 Thymeleaf 템플릿 엔진을 사용하려면 필요한 의존성을 추가해야 한다. build.gradle 파일에 다음과 같은 의존성을 추가해보자. MySQL을 사용하는 경우 mysql-connector-java도 추가build.gradledependencies { implementation 'org.springframework.boot:spring-boot-starter-thymeleaf' implementation 'org.springframework.boot:spring-boot-starter-web' implementation 'org.springframework.boot:spring-boot-starter-data-jpa' runtime..
[ASP.NET] Controller, View Controller, View이전 시간에는 url을 통해 서버로 파라미터를 전달했다. 이번 시간에는 view 화면을 만들어서 사용자가 input창에 입력한 값을 Controller로 전달해보자 . 예제1. Views 폴더 생성 이 폴더는 웹페이지의 화면에 해당하는 파일들이 저장된다. ASP.NET Core mvc에서는 Razor View가 사용된다.  * Razor View에는 HTML 태그와 C# 프로그래밍 언어를 사용할 수 있다.  2. index.cshtml  hello asp.net!!=> 일반 html 페이지와 유사하다. html에서 사용되는 표준 요소를 사용할 수 있으며, css 파일, script와도 연결할 수 있다. 그러나 실제 html 파일은 아니며 빌드로 컴파일된 후에 사용..
[ASP.NET] Controller:query string을 통해 데이터 조회 query string사용자가 요청할 때 Request 파라미터를 받는 다양한 방법이 있다. 이 중에서 url에 포함되어서 전달되는 문자열을 query string이라 부른다. 서버에서 이 요청을 받기 위해서는 일반적인 함수처럼 매개변수를 생성하면 된다.  예제 1. Controller에 매개변수 추가HomeControlle.cs public class HomeController : Controller { public string Index(string userid) { return "응답입니다." + userid; } } 실행 결과 예제2 _ 매개변수가 여러 개 일 때1. Controller 파라미터 추가 public class..
[ASP.NET] 프로젝트 생성 프로젝트 생성, Controller(MVC)1. 먼저 프로젝트를 생성해보자.  MVC를 학습하기 위해 먼저 ASP.NET Core 비어 있음으로 프로젝트 선택하고 필요한 요소들을 추가해보자.  2. 버전은 .NET 8.0만들기를 누르면 프로젝트가 생성된다. 이제 이 프로젝트에 MVC 패턴을 적용해보자.  ASP.NET Core MVC란?ASP.NET Core 플랫폼의 일부이며, 순수한 ASP.NET Core 보다 ASP.NET Core MVC를 사용하면 애플리케이션의 구성을 단순화 할 수 있다. 특히 웹 응용 프로그램을 만들 때 용이하다.  3. 컨트롤러를 생성해보자. 프로젝트에 Controllers 폴더를 만들고 마우스 우클릭을 한 뒤 MVC 컨트롤러를 선택한다.  Controller를 상속 받고 있다..
[ASP.NET] 개발 환경 이해하기 ASP.NET 개발환경ASP.NET 개발 환경 구축에 필요한 요소는 다음과 같다. IIS데이터베이스개발 도구IIS(Internet Information services) 는 사용자에게 웹 사이트를 서비스해주는 웹 서버로서 다양한 인터넷 기반 서비스들을 포함하고 있다. 개발을 위해서는 로컬 PC에 웹 브라우저를 사용하는 클라이언트 역할과 함께 웹 사이트를 서비스 해주는 웹 서버의 역할을 동시에 해야 하므로 웹서버 역할을 하는 IIS를 설치해야 한다. Visual Studio에서 IIS Express라는 개발용 웹 서버를 제공하므로 따로 설치할 필요는 없다.  데이터 베이스는 SQL Server를 사용할 예정이다 . 마지막으로 개발도구는 Visual Studio를 사용한다. https://visualstud..
[ASP.NET] ASP.NET 이란? ASP.NET 이란?ASP.NET은 웹 응용프로그램 개발 프레임워크이다. ASP.NET은 웹 개발 시장의 변화와 흐름에 맞춰 변화해왔고 ASP.NET MVC, ASP.NET Web Pages 프레임 워크가 차례대로 출시되었다. 웹 사이트 구축을 위한 핵심 프레임워크는 ASP.NET Web Forms, ASP.NET MVC, ASP.NET Web Pages가 있다. 이 밖에도 웹 사이트와 관련된 각종 서비스를 구축하는 데 사용되는 부수적인 웹 응용 개발 프레임워크로는 ASP.NET Web API, ASP.NET SignalR 이 있다.  웹 사이트 구축에 사용되는 세 가지 핵심 프레임워크를 간단히 살펴보자. 웹 폼(Web Forms) 방식은 이벤트 기반 모델과 미리 만들어진 다양한 컴포넌트를 통해 좀 더 ..

티스토리툴바