작업 순서 1. mainController.java 파일 생성 2. 간단한 CSS 설정하기 3. 외부 스타일 시트로 변경 하기 4. 하단에 붙는 푸터 설정하기 build.gradle에 의존성 추가providedCompile 'javax.servlet:javax.servlet-api:3.1.0' 1. mainController.java 파일 생성 package com.tenco.bank.controller;import org.springframework.stereotype.Controller;import org.springframework.web.bind.annotation.GetMapping;@Controller // IoC 대상(싱글톤 패턴 관리가 된다.) --> 제어의 역전 public clas..
1. 템플릿 가져오기작업 순서1. 부트스트랩 활용하기2. main.jsp 파일 생성 https://www.w3schools.com/bootstrap4/tryit.asp?filename=trybs_template1 W3Schools online HTML editorThe W3Schools online code editor allows you to edit code and view the result in your browserwww.w3schools.com 우리가 생성한 서버에서 접근 방식을 호스명:포트번호:자원의 위치를 통해서 요청을 하였고HTML 파일 형식으로 응답 받은 후 우리 로컬 프로그램인 웹 브라우저가 태그를 분석해서 렌더링 과정을 확인하였습니다. SSR 렌더링을 하기 위해서 yml 설..
모델링(modeling)현실 세계의 시스템이나 프로세스를 컴퓨터 시스템 내에서 표현하기 위해 추상화하는 과정을 의미합니다. 이 과정에서 중요한 정보를 식별하고, 해당 정보 간의 관계를 정의하여, 데이터 구조나 알고리즘 등을 설계합니다.소프트웨어 개발 과정에서 요구 사항 분석, 설계, 구현 전 단계에서 중요한 역할을 합니다. 특히, 데이터베이스 모델링은 정보 시스템의 데이터 구조를 설계하는 데 중점을 둡니다.DB 존재하는 데이터 타입과 자바에서 사용하는 데이터 타입은 일치하지 않습니다. DB 세상에 있는 존재들을 자바 세상에 존재할 수 있도록 모델링합시다. ORM (Object-Relational Mapping)객체-관계 매핑을 의미하며, 객체 지향 프로그래밍 언어를 사용하여 생성된 객체와 관계형 데이터베..
코딩 컨벤션(coding convention)특정 프로그래밍 언어로 코드를 작성할 때 따르는 스타일 가이드 또는 규칙 세트입니다. 이는 변수명, 메서드명, 클래스명의 네이밍 규칙, 들여쓰기, 주석 작성 방법, 파일 구조, 코드 정렬 방식 등 프로그램의 가독성, 유지보수성, 일관성을 향상시키기 위한 방법론을 포함합니다. 코딩 컨벤션 정의정적 파일 (CSS, XML, JS)규칙: 소문자 사용, 단어 간 구분은 스네이크 케이스(_)로 합니다.예시: style_sheet.css, config_file.xml, main_script.jsJSP 파일규칙: 카멜 케이스(CamelCase)를 사용하여 첫 글자는 소문자로 시작합니다.예시: home.jsp, accountPage.jsp자바 파일 (클래스)규칙: 파스칼 ..
패키지(package)관련된 클래스, 인터페이스, 서브패키지 등을 그룹화하여 정리하는 방법입니다. Java에서 패키지는 네임스페이스를 제공하여 클래스 이름 간의 충돌을 방지하고, 보다 체계적으로 코드를 조직화할 수 있게 합니다. 패키지는 물리적으로 파일 시스템의 디렉토리에 해당하며, 패키지 내의 클래스나 인터페이스는 이 디렉토리 내에 위치합니다.주 언어 파일들을 모아 두는 폴더를 패키지라 부릅니다. Spring boot WEB MVC 프레임 워크정적자원을 두는 패키지src/main/resource/static(정적 자원 루트 폴더)css, js, image 파일등을 넣어 둘 수 있습니다. 동적자원(JSP 활용)이 예제에서는 webapp/WEB-INF(보안폴더)/view/ 형식으로 생성할 예정 입니다. ..
Bank App 프로젝트의 목표Spring Boot 프레임워크 기반: Spring Boot의 기본 동작 원리를 이해하고 활용합니다. 이를 통해, 개발자는 Spring Boot를 사용하여 빠르고 효율적으로 어플리케이션을 구축할 수 있습니다.MVC 패턴 구현: JSP(JavaServer Pages) 템플릿 엔진을 사용하여 MVC(Model-View-Controller) 패턴을 구현합니다. MVC 패턴을 통해 어플리케이션의 구조를 명확하게 분리함으로써, 유지보수성과 확장성이 향상됩니다.비즈니스 로직 생성: 프로젝트 내에서 필요한 비즈니스 로직을 설계하고 구현합니다. 이 과정에서 Spring Boot의 다양한 기능을 활용하여, 요구 사항을 충족하는 비즈니스 로직을 개발합니다.DB 접근 기술 활용: 마이바티스(M..
yml 파일 타 시스템 간의 데이터를 주고 받을 때데이터 포맷에 대한 약속이 필요합니다. 태그 형식을 통해서 Key와 Value를 구분하고,태그 안에 태그를 넣어서 부모와 자식관계의 구조를 나타냅니다. 위에 Object와 Array 부분은 표시를 해놨지만 Xml포맷상으로는 구분이 안되는 부분도 있습니다. xml 보다 좀 더 간편한 JsonJSON(JavaScript Object Notation)은 경량의 데이터 교환 형식입니다. 사람이 읽고 쓰기 쉬우며, 기계가 분석하고 생성하기 편리하도록 설계되었습니다. JSON은 두 가지 구조를 기반으로 합니다이름/값 쌍의 집합여기서 이름(키)은 항상 문자열이며, 값은 문자열, 숫자, 배열, 불리언(true/false), null 또는 다른 객체가 될 수 있습니다..
시스템 환경OS : window 10, 11 스프링 부트(ver 3.2.8) JDK(ver 21, 아마존 JDK corretto) IDE(STS ver 4) 아마존 JDK 21 설치 메뉴얼JDKJava Development Kit의 약자로, 자바 언어를 이용한 소프트웨어 개발을 위한 프로그래밍 도구들의 모음입니다. 이것은 자바 컴파일러(javac), 자바 런타임 환경(JRE), 문서 생성 도구(javadoc) 등 다양한 도구를 포함하고 있습니다. JDK를 통해 개발자들은 자바 언어로 작성된 코드를 컴파일, 실행, 디버깅할 수 있습니다. 1. 설치하기 아래 주소로 접속하여 다운로드 받을 수 있습니다.https://aws.amazon.com/ko/corretto/?filtered-posts.sort-by=..
1. BOM JavaScript에서 BOM (Browser Object Model)은 웹 브라우저와 상호작용하기 위한 객체 모델입니다. BOM을 사용하면 JavaScript가 브라우저 창 및 브라우저의 기타 요소와 상호작용할 수 있습니다. BOM은 DOM(Document Object Model)과는 달리 표준화되지 않았기 때문에 브라우저마다 차이가 있을 수 있습니다. 프로그램을 통해 브라우저 창을 관리할 수 있도록 브라우저 요소를 객체화 시켜 놓은 것을 의미합니다. 추가 적으로 BOM은 하나의 객체만을 가리키는 것이 아니라 브라우저와 관련된 여러 객체들을 포함하며 그 구조는 최상위 객체는 window 객체와 그 하위 객체들로 이루어져 있습니다. 2. Window Object 와 하위 객체들Window ..
