분류 전체보기 (232) 썸네일형 리스트형 [ASP.NET MVC5] 동적 출력 웹 응용프로그램 플랫폼의 핵심 기능 중 하나는 동적 출력이다. ASP.NET MVC에서는 데이터를 뷰에 전달하고, 이를 동적으로 렌더링하는 다양한 방법을 제공한다. 이번 포스팅에서는 ViewBag을 활용해 동적 데이터를 뷰로 전달하는 방법을 알아보자. ViewBag을 사용한 동적 데이터 전달 MVC에서 컨트롤러에서 뷰로 데이터를 전달할 때, ViewBag을 자주 사용한다.ViewBag은 **동적 개체(dynamic object)**로, 임의의 속성을 자유롭게 추가할 수 있다.뷰에서는 ViewBag에 저장된 데이터를 쉽게 사용할 수 있다. 예제: 시간대에 따른 인사 출력using System.Web.Mvc;namespace PartyInvite.Controllers{ public class Hom.. [ASP.NET MVC5] 웹 페이지 렌더하기 이전 포스팅에서는 컨트롤러에서 단순히 문자열을 반환했다. 하지만 웹 애플리케이션의 핵심은 브라우저 요청에 HTML 응답을 생성하는 것이다. 이를 위해 ASP.NET MVC 5에서는 **뷰(View)**가 필요하다. 이번 포스팅에서는 뷰를 생성하고 렌더해보자. 뷰 생성과 렌더링 컨트롤러 코드부터 시작해보자.using System.Web.Mvc;namespace PartyInvite.Controllers{ public class HomeController : Controller { // GET: Home public ViewResult Index() { return View(); } }}return 값을 View()로 변.. [ASP.NET MVC5] 프로젝트 생성과 Hello World 출력하기 프로젝트 생성 1. Visual Studio에서 새 프로젝트를 생성한다.ASP.NET 웹 애플리케이션(.NET Framwork)를 선택한다. 2. ASP.NET Web Application을 선택한 뒤, MVC 템플릿으로 프로젝트를 생성한다. 라우팅ASP.NET MVC 응용프로그램은 URL 라우팅 시스템을 통해 URL과 컨트롤러 및 액션 메서드를 연결한다. 새 프로젝트를 생성하면, RouteConfig.cs 파일에 기본 라우트가 설정되어 있다.기본 라우팅 규칙://Home/Home/Index위 URL들은 모두 HomeController의 Index 액션 메서드로 전달된다. 기본적인 라우팅 설정은 다음과 같다.public class RouteConfig{ public static void Regis.. [JavaScript] 펼침 연산자 (...), 활용과 예제 자바스크립트에서 펼침 연산자는 ...으로 표시된다. 이 연산자는 배열이나 객체에 포함된 항목을 목록으로 변환하는 역할을 한다. 코드의 간결함과 가독성을 높여주는 이 연산자는 자주 사용되며, 강력한 도구다. 예제를 통해 살펴보자.const menu = ['coffee', 'tea', 'juice'];const copyMenu = [...menu];console.log(copyMenu); // ['coffee', 'tea', 'juice'] 활용: 배열에서 특정 항목 제거배열에서 특정 항목을 제거하려고 할 때, 다양한 방식이 있다. 각 방식을 비교하며, 펼침 연산자의 장점을 알아보자. 1. 반복문을 이용한 제거function removeItem(items, removable) { const update.. [JavaScript] 배열에서 includes() 메서드 사용하기 배열에서 특정 값이 포함되어 있는지 확인할 때 기존에는 indexOf()를 많이 사용했다. 하지만 indexOf를 쓰면 조금 번거로운 점이 있다.indexOfindexOf는 특정 값의 위치를 반환해. 값이 배열에 없으면 -1을 반환한다. 그런데 자바스크립트에서 0은 false로 간주되기 때문에 비교할 때 추가적인 작업이 필요하다.const menu = ['coffee'];function displayMenu(menu) { if (menu.indexOf('coffee')) { return true; // coffee가 있으면 true } return false; // 없으면 false} includes()ES2016(ES7)에 추가된 includes() 메서드를 사용하면 이런.. [JavaScript] 자바스크립트에서 변수 선언의 발전: var, let, 그리고 const 과거에는 자바스크립트에서 변수를 선언할 때 var만 사용할 수 있었다. 그런데 ES6(2015)부터 let이랑 const가 등장했다. 이 두 가지 덕분에 요즘은 더 안전하고 예측 가능한 코드를 작성할 수 있다. 그럼 var, let, const가 어떻게 다르고, 왜 let이랑 const를 쓰는 게 좋은지 살펴보자. var의 특징과 문제점var는 옛날부터 쓰이던 변수 선언 방법이다. 근데 몇 가지 문제점이 있다.함수 스코프(Function Scope):var로 선언한 변수는 함수 안에서만 유효하다. 블록 {} 안에서 선언해도, 그 블록을 벗어나 접근할 수 있다. 보이지 않아야 할 값이 보이는 상황도 생긴다.if (true) { var x = 10;}console.log(x); // 10재선언 가능:.. [Spring project] 기술스택 정리 기술스택프론트엔드Vue.js: 사용자 인터페이스 개발HTML, CSS: 스타일링 및 레이아웃백엔드Java: Java 17Spring Boot: API 서버 및 비즈니스 로직 처리Spring Security: API 보안Swagger: API 문서화 도구JUnit: 유닛 테스트 및 통합 테스트데이터베이스MySQL: 데이터 저장소Firebase Authentication: 인증 및 권한 관리DevOps 및 형상관리Github: 버전 관리 및 CI/CD 파이프라인 구축Git: 형상 관리 [Spring project] Anytime Nayng 요구사항 정의서 1. 프로젝트 개요프로젝트 명: 고양이 사진 자랑 커뮤니티 앱개발 목적: 고양이 사진을 자랑하고, 고양이 팬들이 모여 서로 소통할 수 있는 간단한 커뮤니티를 구축하기 위해.주요 기능: 회원가입 및 로그인, 회원정보 관리, 게시글 관리, 댓글 작성, 좋아요 기능, 태그 검색.2. 시스템 구조클라이언트: 사용자가 앱에서 사진을 업로드하고, 게시글을 관리하며, 다른 사용자와 소통하는 인터페이스.서버: 사용자 인증, 게시글 및 댓글 관리, 데이터 저장, 검색 기능을 지원.데이터베이스: 사용자, 게시글, 댓글, 태그 및 좋아요 데이터를 저장하고 관리.3. 요구사항 정의3.1 회원 기능요구사항 ID요구사항 명설명USER-01회원가입사용자는 이메일, 비밀번호, 닉네임을 입력하여 회원가입을 할 수 있다.USER-02로.. 이전 1 2 3 4 5 6 ··· 29 다음 목록 더보기
