Lv. 0

주요 개념 복습 및 Spring Annotation 정리 💥 이전 개념 복습 + 새로운 개념 Controller - 요청에 따라 알맞은 서비스를 호출하고 결과에 따라 응답을 제어하는 역할을 한다. Interface - 모든 메서드가 추상인 클래스 - 필드는 묵시적으로 public static final - 메서드는 묵시적으로 public abstract ( + default 메서드도 가능함 ) * Service에서 인터페이스를 사용하는 이유 1. 프로젝트에 규칙성을 부여하기 위해 ( 인터페이스 상속 → 오버라이딩 강제 → 상속 받은 모든 클래스가 동일한 형태 ) 2. 유지보수를 쉽게 하기 위해 ( Service는 비즈니스 로직을 처리하므로 수정이 잦음. 인터페이스를 상속 받은 다른 클래스에 수정 코드를 ..

Spring Framework 란?? - 자바를 위한 오픈 소스 프레임워크 - 동적 웹 사이트 개발을 위한 여러 서비스를 제공함 - 공공기관 웹서비스 개발 시 사용 권장하는 전자정부 표준 프레임워크(Spring MVC Project)의 기반 기술 Spring Framework의 특징 * IOC (Inversion of Control) : 제어의 반전 - 컨트롤의 제어권이 프레임워크에 있음 - 객체의 생명주기를 프레임워크가 주도함 - 객체를 생성하고 직접 호출하는 프로그램이 아니라, 만들어둔 자원을 호출해서 사용 * DI (Dependency Injection) : 의존성 주입 - 설정 파일이나 Annotation을 통해 객체 간 의존 관계를 설정한다. - 의존하는 객체를 개발자가 직접 생성할 필요가 없음..

@WebServlet("url") - 기존 web.xml(배포서술자)에 작성하던 servlet 연결 구문을 간소화하는 Annotation(어노테이션) 데이터 전송 방식 - POST : 삽입 - GET : 조회(검색) - PUT : 수정 - DELETE : 삭제 * 를 이용한 요청은 GET 방식으로 처리된다. * POST 방식의 요청은 문자인코딩 설정을 해야한다. (한글이 깨지기 때문) @WebServlet("/login") public class LoginServlet extends HttpServlet{ @Override protected void doPost(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOExc..

🐱‍👤 정규 표현식 (Regular Expression) - 특정 규칙을 가지는 문자열의 집합을 표현하는데 사용하는 식 - 정규 표현식을 사용하면 입력된 문자열에 대하여 특정 조건 검색, 일치 여부, 치환에 대한 조건문을 처리하기 쉽다. 🐱‍👤 정규 표현식 객체 생성 및 확인 메서드 1. 정규 표현식 객체 생성 방법 - const regExp = new regExp("정규 표현식"); - const regExp = /정규 표현식/; 2. 문자열 패턴이 일치하는지 확인하는 메서드 1) regExp.test( 문자열 ) - 문자열에서 일치하는 패턴이 있으면 true 반환하고 없으면 false를 반환한다. 2) regExp.exec( 문자열 ) - 문자열에서 일치하는 패턴이 있으면 매칭되는 첫 번째 문자열을 ..

기본적인 함수 function 함수명(){// 함수 선언 // 함수 정의 } 함수명(); // 함수 호출 클릭하면 숫자가 증가하는 버튼 0 function clickCount(){ const btn1 = document.getElementById("btn1"); btn1.innerText = Number(btn1.innerText) + 1; } 익명 함수 function(매개변수){// 함수 선언 // 함수 정의 } - 이름이 없는 함수, 마음대로 호출하는 것이 불가능하다 - 이벤트 핸들러 같이 바로 실행되는 함수가 필요할 때, 매개변수나 변수에 함수를 저장해야하는 경우에 사용한다. * 클릭하면 배경 색깔이 변하는 버튼 만들기 (익명 함수 사용) 익명 함수 document.getElementById("b..

당분간 정리 글은 https://velog.io/@bank-coder

01. JavaScript 개요 🔹 script 언어 응용 프로그램의 동작을 사용자의 요구에 맞게 제어하는 언어 별도의 소스코드 컴파일을 진행하지 않고 인터프리터(Interpreter)를 이용해 소스코드를 한 줄씩 읽는다. 🔹 JavaScript(JS) 웹 브라우저에서 많이 사용하는 인터프리터 방식의 객체 지향 프로그래밍 언어 ECMA Script 표준을 따르는 대표적인 웹 기술 🔹 JS preview 버튼1 제목 배경색 바꾸기1 제목 배경색 바꾸기2Test 영역 테스트 영역 버튼1 제목 배경색 바꾸기1 제목 배경색 바꾸기2

BootStrap BootStrap이란? 🔹 웹 페이지 개발 시 화면을 쉽고 일관성있게 구현할 수 있도록 Twitter에서 만든 Framework 🔹 각종 레이아웃, 버튼, input 태그 등 컴포넌트를 CSS, JS 등으로 미리 만들어놓고 제공한다. 🔹 클래스를 지정해서 원하는 속성을 적용시킬 수 있다. BootStrap 개요 버튼 (button) 관련 속성 (컴포넌트) 버튼 크기 : .btn-lg , .btn-sm 적용 Large button Large button 버튼 비활성화 : disabled Primary button 버튼 블록(grid 이용) : class="d-grid gap-2 col-6 mx-auto" Button Button BootStrap 유틸리티 배경색 관련 유틸리티 배경색 : ..

영역 관련 태그 block 형식- 공간을 수직 분할하는 영역 - 요소가 한 줄 모두를 차지함 - width, height 사용 가능함 - h1~ h6,p, pre, hr, div 등 inline 형식 - 공간을 수평 분할하는 영역 - 요소의 크기만큼만 차지함 - width, height 지정 불가 - b, strong, i, em, mark, span 등 * block / inline 차이점 1. 줄바꿈 - div(division) : 화면 영역을 나누는 용도로 사용한다. (block 형식) - span : 줄바꿈이 일어나지 않고 다음 영역이 옆에 온다. (inline 형식) 2. 영역 지정 방식 - block 형식 : 줄 전체를 영역으로 가짐 - inline 형식 : 내용(content) 단위로 영역을..

목록 관련 태그 ol (Ordered List) : 순서가 있는 목록 ul (Unordered List) : 순서가 없는 목록 li (List Item) : ol, ul 내부에 작성하는 목록 내용 태그 코드 실행 결과 Java DB(Oracle) JDBC HTML5 Java DB(Oracle) JDBC HTML5 Java DB(Oracle) JDBC HTML5 Java DB(Oracle) JDBC HTML5 type 속성 : 순서를 나타내는 형식을 변경 "a" : 영어 소문자 "A" : 영어 대문자 "i" : 로마 소문자 "I" : 로마 소문자 "1" : 숫자 start 속성 : 순서 시작을 지정하는 속성 reversed 속성 : 역순 표 관련 태그 table 태그 (영역) - 웹 문서에서 자료 정리를 ..