upgrade and develop

Blazor로 로그인 화면을 만들면서 LoginRequest, LoginResult, LoginService를 차례대로 만들었다.처음에는 자연스럽게 이런 의문이 들었다.C# 웹 개발에서는 MVC와 Controller를 자주 이야기하는데,왜 지금 Blazor 프로젝트에서는 Controller를 거의 안 쓰고 있을까?C# 웹 개발을 공부하다 보면 MVC, Controller, Model, View 같은 개념을 자주 보게 된다.ASP.NET Core MVC에서는 Controller가 사용자의 요청을 받고, 필요한 데이터를 준비한 뒤, View를 반환하는 중요한 역할을 한다.그런데 Blazor를 공부하다 보면 구조가 조금 다르다.Blazor 프로젝트에도 Controller를 추가할 수는 있다.하지만 일반적인 화..

네트워크는 여러 장치가 매체로 연결되어 이뤄진다. 오늘은 네트워크를 이루는 장치들(스위치·라우터 등), 규모에 따른 구분(LAN·WAN), 연결 형태(토폴로지), 그리고 데이터가 실제로 오가는 전송 매체를 정리했다.1. 네트워크 구성 요소와 규모네트워크는 크게 PC와 애플리케이션(브라우저 등), 접속 장치(스위치·라우터), 전송 매체(유선·무선)로 이뤄진다.여기서 두 핵심 장치를 구분하는 게 중요했다.스위치: 한 네트워크 내부에서 데이터를 전달한다(네트워크의 입구).라우터: 서로 다른 네트워크를 구분하고 연결한다."네트워크"의 기술적 경계는 라우터다기술적 의미에서 하나의 네트워크는 "라우터로 구분되는 범위"를 뜻한다. 집의 인터넷 공유기가 바로 가정용 라우터이고, 그 안의 기기들이 한 네트워크를 이룬다...

프로그램의 기본 재료인 변수와 자료형, 그리고 그것들을 다루는 연산자를 자바 기준으로 정리했다. C와 비슷한 부분이 많지만, 자바만의 규칙(기본형 8가지, boolean 엄격함, Scanner 입력 등)이 분명히 있어 그 차이에 집중했다.1. 기본 구조와 식별자자바의 모든 코드는 클래스 안에 들어가고, 실행은 main() 메서드에서 시작한다.public class Hello { public static void main(String[] args) { int i = 20; System.out.println("Hello"); System.out.println(i); // 20 }} 이름(식별자)을 짓는 규칙은 C와 비슷하다. 문자·숫자·_·$를 쓰되 숫자로..

지난 글까지는 ASP.NET Core 게임 서버를 Ubuntu 홈 서버에 직접 배포했고, EF Core Migration과 SQL Server 문제까지 정리했다.그때 배포는 이런 식이었다.cd ~/docker/game/git pulldocker build -t survivalgame:test .cd ~/docker/composedocker compose up -d --force-recreate survivalgame처음에는 이 방식도 나쁘지 않았다. 서버에 직접 들어가서 로그를 보고, 컨테이너 상태를 확인하면서 배포하니까 오히려 확실하다는 느낌도 있었다. 그런데 몇 번 반복해 보니 바로 단점이 보였다.코드를 조금 고칠 때마다 서버에 접속하고, git pull 하고, 이미지 빌드하고, Compose를 다시..

지난 글에서는 로그인 입력값을 LoginRequest 모델로 묶었다.처음에는 Home.razor 안에 userId, password 변수가 따로 있었다.private string userId = "";private string password = "";이걸 아래처럼 바꿨다.private LoginRequest loginRequest = new(); 그리고 입력창도 LoginRequest 객체에 연결했다. 이제 아이디와 비밀번호는 따로 흩어진 변수가 아니라, 로그인 요청 데이터라는 하나의 묶음으로 관리된다.이번에는 여기서 한 단계 더 나아가서 Home.razor 안에 있던 로그인 검증 로직을 LoginService 클래스로 분리했다.왜 Service로 분리하려고 했나?처음에는 Home.razor 안에서 로..

안드로이드 앱 화면에 보이는 버튼, 글자, 입력창은 모두 같은 뿌리에서 나온다. 바로 View라는 클래스다. 오늘은 안드로이드 UI의 근간인 뷰와 뷰그룹의 개념, 자주 쓰는 기본 위젯, 그리고 위젯의 공통 속성을 정리했다.1. 뷰(View)와 뷰그룹(ViewGroup)화면의 모든 것은 View다안드로이드 화면을 이루는 모든 요소는 View 클래스를 상속받는다. 이렇게 화면에 배치되는 UI 요소를 통틀어 위젯(widget)이라 부른다.View: 버튼·텍스트처럼 실제로 보이는 화면 요소ViewGroup: 다른 위젯을 담는 그릇 역할의 위젯. 레이아웃이 여기에 속한다. 화면에서 보이는 버튼은 "버튼 위젯"이고, 코드에서는 Button 클래스의 객체다. 화면의 요소와 코드의 객체가 일대일로 대응한다고 보면 된다..

지난번에는 Blazor로 간단한 로그인 폼을 만들었다.아이디 입력창, 비밀번호 입력창, 로그인 버튼을 만들고 @bind, @onclick을 이용해서 입력값을 C# 변수와 연결했다.처음에는 Home.razor 안에 아이디와 비밀번호 변수를 따로 두었다.private string userId = "";private string password = "";그리고 로그인 버튼을 누르면 Login() 함수에서 직접 입력값을 검사했다.private void Login(){ if (string.IsNullOrWhiteSpace(userId)) { loginMessage = "아이디를 입력하세요."; messageClass = "login-message error-message"; ..

프로그램은 결국 데이터를 다루는 일이고, 그 데이터를 담는 그릇이 변수다. 오늘은 변수가 무엇이고 어떻게 선언·저장·출력하는지, 그리고 사용자에게서 값을 입력받는 scanf까지 정리했다.1. 변수와 자료형변수란?프로그램이 사용하는 데이터를 일시적으로 저장하기 위한 메모리 공간이다. 변수에는 값, 이름, 자료형(크기), 주소가 따라붙는다.C에서 변수는 쓰기 전에 반드시 자료형과 함께 선언해야 한다. 선언은 "이런 타입의 변수를 쓰겠다"고 컴파일러에 미리 알리는 일이고, 컴파일러는 이를 보고 알맞은 크기의 메모리를 확보한다.대표적인 자료형은 정수형 int, 실수형 double, 문자형 char 등이다. (참고로 C에는 원래 논리형 bool이 따로 없어, 정수 0/1로 참거짓을 표현했다.) 변수 이름(식별자)..

테이블을 곧장 만들기 전에, "현실 세계의 무엇을 어떻게 데이터로 옮길 것인가"를 먼저 설계해야 한다. 이 설계 과정이 데이터 모델링이고, 그 첫 단추가 개체-관계(ER, Entity-Relationship) 모델이다.코드를 짜기 전에 그림을 그리는 단계라 처음엔 가볍게 봤는데, 여기서 구조를 잘못 잡으면 나중에 테이블·쿼리·정규화가 전부 어긋난다는 걸 알고 생각이 달라졌다. 오늘은 현실을 데이터로 번역하는 이 첫 단계를 정리했다.1. 데이터 모델링과 데이터 모델모델링은 추상도를 단계적으로 낮추며 진행된다. 현실에서 개념으로, 다시 논리로 내려가는 순서다. 단계데이터 모델결과물개념적개체-관계 모델(ER)E-R 다이어그램(ERD)논리적관계 데이터 모델릴레이션(테이블) 스키마 이 글은 첫 단계인 개념적 모델..

C#은 C, C++ 같은 컴파일 언어의 성능과 자바스크립트, 파이썬, PHP 같은 인터프리터 언어의 편의를 함께 노린 언어다. 자바와 비슷한 위치에 있는 하이브리드 언어라고 보면 된다.그런데 C#을 제대로 이해하려면 언어 문법 이전에 그 언어가 올라타 있는 닷넷(.NET)이라는 플랫폼을 먼저 봐야 한다. 이 글에서는 C#이 어떤 언어인지, 닷넷 생태계가 어떻게 구성되는지, 그리고 첫 프로그램을 어떻게 쓰는지를 정리한다.1. C#이라는 언어C#은 마이크로소프트가 만든 객체 지향 프로그래밍 언어이자, 마이크로소프트의 닷넷 플랫폼을 기반으로 도는 여러 언어 중 하나다. 특징을 먼저 훑어보면 이렇다.절차적 스타일, 객체 지향 스타일, 함수형 스타일을 모두 지원하는 다중 패러다임 언어전역 함수나 전역 변수가 없고..