분류 전체보기(343)
-
React로 설문조사 페이지 만들기 (1)
안녕하세요 우선 환경 설정부터 따라해 보겠습니다.우선 폴더를 하나 만들어 주고 vscode를 들어가서 폴더를 열어줍니다.그리고 터미널을 열고 npm create vite@latest를 쳐줍니다. 이런식으로 하시면 됩니다. 그리고 App.css, index.css를 지워줍니다.그다음 src폴더안에 pages폴더와 components 폴더를 만들어 줍니다.components 폴더안에는 surveyData.jsx를pages폴더안에는 ServeyPage.js를 만들어줍니다. 설문조사 구성은 이런식으로 하나의 질문에 번호의 답변이 있고 그 답변의 대한 질문이 또 있고이런식의 경우의 수를 생각하면서 구성하면 됩니다 surveyData.jsx // 첫 번째 질문: 음식 종류export const foodCategor..
2024.08.30 -
ASP.NET Core MVC로 글 작성으로 첨부 파일 올리고 다운로드 가능하게 하기
오늘은 사진과 같이 글 작성을 하면서 파일 업로드 & 다운로드를 할 수 있는 방법에 대해서 알려드리겠습니다.PostPage 새 게시글 작성 @Html.AntiForgeryToken() 제목 내용 작성자 파일 업로드 (필수 사항) ..
2024.08.07 -
ASP.NET Core MVC 모델로 팝업창 띄우기
지금 부터 팝업창 띄우는 방법을 알려드리겠습니다사진과 같이 글작성 페이지에 팝업창으로 만들기라는 버튼을 클릭시홈화면에 가게 되면 해당 글의 팝업이 띄어지는 것을 볼 수 있습니다.이 기능에 대해서 알려드리겠습니다. 글작성 페이지@model noticeboard.Models.Noticeboard@{ ViewData["Title"] = "새 게시글 작성";} 새 게시글 작성 @Html.AntiForgeryToken() 제목 내용 ..
2024.08.07 -
ASP.NET Core MVC 모델을 이용해서 게시판 만들기 (4) Detail, Edit 페이지 만들기
이전시간에 ListPage.cshtml 파일에서@model X.PagedList.IPagedList@using X.PagedList.Mvc.Core@{ ViewData["Title"] = "ListPage";} 게시글 목록 @if (Model == null || !Model.Any()) { 게시글이 없습니다. } else { 번호 제목 첨부파일 등록일 등록자 조회수 ..
2024.07.30 -
ASP.NET Core MVC모델을 이용해서 게시판 만들기 (4) Views, Models 폴더
우선 Views 폴더부터 살펴 보겠습니다.views폴더 안에 Main폴더가 있고 그 안에 이제 페이지들이 들어가야 합니다.글 작성할 PostPage.cshtml파일과 글목록을 확인할 ListPage.cshtml파일이 존재합니다. PostPage@model noticeboard.Models.Noticeboard@{ ViewData["Title"] = "PostPage";} 새 게시글 작성 @Html.AntiForgeryToken() 제목 내용 ..
2024.07.18 -
ASP.NET Core MVC 모델을 이용해서 게시판 만들기 (3)
사용자 계정을 만든후ASP.NET Core 애플리케이션에서 Entity Framework Core를 사용하여 SQL Server 데이터베이스에 연결합니다.appsettings.json파일에 { "ConnectionStrings": { "DefaultConnection": "Server=LAPTOP-AP87PCA2;Database=test;User Id=test;Password=1234;TrustServerCertificate=true" }, "AllowedHosts": "*"} 그 다음 Entity Framework Core를 사용하여 데이터베이스 컨텍스트를 정의한 것입니다. ApplicationDbContext 클래스는 DbContext를 상속받아 데이터베이스와 상..
2024.07.15