자바웹개발

자바로 만들어진 프로그램을 실행시키는 가상의 운영체제.운영체제별로 각기 달랐던 실행/관리방법을 통합시킴.자바가상머신(JVM)+라이브러리자바실행환경(JRE)+패키징, 컴파일러 등의 개발도구.JAVA SE: Standard Edition. 데스크탑에서 구동되는 어플리케이션

컴퓨터가 수행할 작업을 순서대로 작성한 작업 지시서.요리와 비슷하다고 생각 할 것.김치전 만들기 레시피(메서드)김치(값, 데이터), 채소(종류, 데이터타입), 김치통(데이터를 담는 그릇, 변수)재료(데이터)에 따라 담는 그릇이 정해져있음조리순서(실행 순서)반죽 재료를

대입: 변수의 값을 새로운 값으로 변경하는 것.대입연산자: 오른쪽의 값을 왼쪽에 대입하여 값을 산출해냄.증감연산자는 위치에 따라 값이 달라짐.\++x: x의 값을 1 증가시킨 후 연산 수행.y++: 연산 수행 후 y의 값을 1 증가시킴.증감연산자와 다른 연산자를 조합해

if, else if, else는 모두 다른 if문을 포함 할 수 있다.하나의 조건식으로 많은 경우의 수 처리 가능처리할 경우의 수가 많을 경우 if보다 switch가 유리조건식과 값은 정수, 문자, 문자열만 가능하며 실수double도 안됨. 다른값과 중복 불가능조건식

for문을 더 간단하게 개선한 것배열과 collection에서만 이용 가능데이터 조회 시 사용실제 구조는 행렬이 아닌, 지정된 행 배열에 컬럼이 연결되어 있는 구조\\t : tab(" ")%d : 정수 출력\\n : 줄바꿈length : 배열을 생성하면 저절로 len

객체지향 객체지향프로그래밍 객체(부품)을 만들고 이 개겣들을 조립해서 소프트웨어를 만드는 개발방식 객체를 만들기 위해선 클래스(설계도)가 필요함 객체지향프로그래밍 언어의 장점 코드의 재사용성 높음: 기존의 코드를 이용하여 새코드 작성 가능(상속) 코드 관리 용이

특정 작업을 수행하는 일련의 문장들을 하나로 묶은 것선언부와 구현부로 구성되어 있음주로 동사로 네이밍함반환타입 메소드명(){ return; }반환타입 메소드명(매개변수){ return; }void 메소드명(매개변수){ }void 메소드명(){}하나의 값만 반

생성자 클래스와 이름이 같은 메서드 클래스에 생성자가 정의되어있지 않으면 컴파일러가 자동으로 추가함 반환값이 없음 멤버메서드와의 비교 | | 실행가능시점 | 반환타입 | 이름 | 호출| | :-- | :--|:--| :--|:--| | 생성자 메서드 | 객체생성직후

Static 변수, 메서드 정의 정적변수(메서드) 혹은 클래스 변수(메서드)라고 부름 모든 객체가 공통으로 가진 값 변수 앞에 static을 붙이면 static 변수가 됨 객체 생성시 참여하지 않음 객체를 만들지 않아도 사용 가능하며 클래스별로 관리됨 클래

멤버 또는 클래스에 사용되어 외부에서 접근하지 못하도록 제한하는 역할데이터 타입 앞에 명령어 작성접근제한자가 따로 지정되어 있지 않으면 전부 Default메서드, 생성자에도 적용 가능클래스는 Public, Default만 가능하며 상수는 Public으로 공개함일반적으로

기존 클래스(부모 클래스)를 재사용하여 새로운 클래스(자식 클래스)를 작성하는 것자식 클래스는 부모 클래스+자기 자신이므로 부모클래스와 기능이 같거나 더 많음보다 적은 양의 코드로 새로운 클래스를 작성 할 수 있음생성자와 Private는 상속 불가하위 객체는 상속받은

상속받은 상위클래스의 내용을 하위클래스에서 재정의하는 것.부모클래스에서는 존재하지 않았던 getLocation의 int z가 자식클래스에서 생성됨메서드의 내용만 변경하는 것이므로 메서드의 선언부(반환값, 메서드명, 매개변수)는 변동 없음접근제어자는 부모클래스보다 좁은

다형성 여러가지 형태를 가질 수 있는 능력 부모클래스의 참조변수로 자식클래스의 인스턴스를 가질 수 있게 하는 것 자바에서 다형성은 형변환, 오버로딩(중복정의), 오버라이딩(재정의)등이 있음 형변환 상속관계, 구현관계에 있는 상위객체와 하위객체 사이에서 발생 Upcast

클래스객체를 생성할 때 사용되는 틀클래스의 구성요소변수, 생성자, 메서드객체클래스의 구성요소들을 실제 사용가능한 상태로 만든 것메모리의 힙영역에 생성참조값이라고 하는 고유한 주소값을 갖고 있음객체의 참조값은 참조변수에 저장됨참조변수객체의 참조값을 저장하는 변수객체 생성

자식클래스들의 부모가 같아야함부모클래스에서 받은 메서드를 자식클래스들이 오버라이딩해야함사용하는 클래스에서 부모타입의 참조변수로 메서드를 사용해야 함사용하는 클래스에서 생성자, Setter메서드를 통해 필요 객체를 제공받아야 함공통된 속성과 기능을 추출하는 것자바에서는

구현부가 없는 메서드를 정의하는 것인터페이스, 추상클래스는 구현부가 없는 메서드를 가질 수 있음구현클래스가 반드시 구현할 기능을 정의할 때 사용인터페이스는 구현클래스를 구현 할 때 표준(기준, 스펙)이 됨인터페이스에 정의된 메서드는 구현클래스에서 기능 구현 시, (재정

클래스 내에 선언된 또 다른 클래스내부클래스를 선언하면 두 클래스 멤버들 간 접근이 용이해짐코드를 간단하게 만들 수 있음내부클래스(B)는 외부클래스(A)를 제외하고는 잘 사용되지 않아야함변수 선언위치에 따른 종류와 같음(인스턴스, 스태틱, 로컬, 익명)외부 클래스의 멤

단어 그대로 이름이 없는 객체단 하나의 외부클래스를 상속받거나 인터페이스를 구현하여 즉석으로 생성한 객체따라서 반드시 부모(인터페이스, 추상클래스)가 필요함단독 생성 불가이름이 없기때문에 생성자를 가질 수 없음익명클래스 안에서 새로 정의된 메서드나 변수는 만들수는 있으

자바를 이용해서 애플리케이션을 구현할 수 있도록 지원하는 라이브러리개발자들의 부담을 최소화하기 위해 시스템, 입출력, 화면처리, 네트워크, 스레드 등이 구현되어있는 인터페이스나 클래스JAVA API에서 제공하는 여러 인터페이스나 클래스들에 대한 설명과 사용법을 제공하는

String 클래스 앞부분 약간(length, equals)https://velog.io/@yoonee1126/Day19-Java-API변수에 넣는 데이터String 문자열은 불변객체로 한번 생성되면 값을 수정 할 수 없음그림과 같이 아예 새로운 객체를 생성하

표준에러 출력장치, 입력자잋, 출력장치과 연결된 스트림에러메세지 출력해당 코드를 실행하면 다음과 같이 순서대로 출력되지 않음에러코드(err)를 처리하는 통로 따로, 정상메세지 처리하는 통로(out)의 처리순서가 제각각이기때문유닉스타임 제공유닉스 타임이란, 1970년 1

형식에 의존하지 않고 하나의 값이 여러가지 데이터 타입을 가질 수 있도록 하는 것<타입>은 임의로 지정 가능, 대부분 <T>를 사용변수 타입마다 각각 클래스를 정의해야한다는 단점을 보완. 코드가 간단해짐Class, Interface에서만 사용 가능클래스 외부

java.util에 포함되어 있음자료구조를 구현자료구조: 데이터의 저장/삭제/조회 등의 기능을 제공. \- 객체만 가능 \- 크기가 가변적 \- 다양한 메서드 지원모든 자료구조의 최상위 인터페이스대표적 자료구조

import java.util.Map;Key, Value가 한세트key는 중복불가, 덮어쓰기 가능보편적으로 Key에는 String,Integer / Value에는 객체가 사용됨import java.util.HashMap;Map interface를 구현(implement

숫자, 날짜, 문자 간 상호 변환하는것날짜(Date) ↔ 문자열(String)숫자(int, double) ↔ 문자열(String) 등import java.util.Date;Date 메서드의 형식기호. 대소문자 구분 있음요일 월 일 시:분:초 기준시간대 연도 순으로 시간

프로그램 실행 시 발생 할 수 있는 오류에러(error): 시스템, 운영체제, JVM문제. 코드에 의해 수습 불가.예외(exception): 개발자나 사용자에 의해 발생하는 문제. 코드로 수습 가능 예외처리: 프로그램 실행 시 발생하는 예외에 대비하는 코드를 작성하는

import java.lang.io;입출력을 담당하는 클래스컴퓨터 내/외부 장치와 프로그램간 데이터를 주고 받는 것데이터를 운반하는 연결통로단방향 통신만 가능하며, 입출력 동시 수행 불가byte단위로 데이터 전송입력스트림의 부모 클래스: InputStream주요 메서드

두 대 이상의 컴퓨터를 연결하여 네트워크를 구성하는 것서버: 서비스를 제공하는 컴퓨터클라이언트: 서비스를 사용하는 컴퓨터서버는 서버 프로그램이, 클라이언트는 클라이언트 프로그램이 있어야 서비스 이용 가능컴퓨터를 구별하는데 사용되는 고유 값으로 인터넷에 연결된 컴퓨터는

여러사람과 공유할 목적으로 통합 관리되는 정보의 집합database management system데이터베이스를 조작하는 프로그램RDBMS, NoSQL, In Memory DB 등이 대표적RDBMS관계형데이터베이스 관리시스템데이터를 테이블형식(Schema 스키마)로 관

SELECT 조회 할 컬럼FROM 조회 할 테이블AS 생략 가능별칭에 공백이나 특수문자가 포함되어있으면 백틱('')사용조건식 WHERE 사용문자의 경우 백틱('')을 사용하여 반드시 대소문자를 구분해야함AND키워드를 이용하여 여러 조건으로 데이터 필터링 가능.

Java Database Connectivity자바API중 하나로, 자바에서 데이터베이스를 접속 할 수 있게 해줌java.sql, javax.sql 패키지에 관련 인터페이스와 클래스 존재PreparedStatement 인터페이스: SQL을 DB에 전송하고 결과 반환Re

업무 로직과 DB Access 작업이 분리되어있음업무 로직이 변경되도 DataAccessObject 변경 할 필요 없음Data Access Object데이터베이스 값에 접근하기 위한 객체Select, insert, delete, update등 데이터 처리가 주 목적Va

사용하는 조작하는 화면각 계층간 데이터 운반을 위한 객체로직을 갖지않는 데이터 객체생성자, 데이터 접근을 위한 getter/setter로 이루어짐데이터 베이스에 연결하여 CRUD작업 수행작업량을 효율적으로 분배하기 위해 DB와 연결하는 객체를 따로 만들어 관리

SQL 작성 시 유용한 기능을 제공하는 함수행마다 함수 실행LOWER(컬럼): 소문자를 반환함UPPER(컬럼): 대문자를 반환함SUBSTR(컬럼, 시작위치, 길이)ORACLE의 인덱스는 0이 아닌 1부터 시작하므로 참고 할 것LENGTH(컬럼): 문자열의 길이를 반환L

두 개 이상의 테이블을 연결지어서 데이터를 조회하는 것그림과 같이 서로 연관있는 행을 연결하여 새로운 가상 테이블을 만들어서 사용 할 수 있음join 조건 없이 각 테이블의 모든 행을 붙이는 것테이블N의 행 수 x 테이블M의 행 수만큼의 데이터가 출력됨보편적으로 사용되

한꺼번에 여러개의 데이터를 함수로 입력하는 것＊를 사용하면 NULL값까지 출력되고, 컬럼값을 작성하면 NULL값은 제외됨제시한 조건에 맞는 결과를 모아주는 키워드그룹함수와 함께 사용 가능그룹핑조건 중첩 적용 가능SELECT절에 사용한 컬럼과 GROUP BY에 사용한 컬

Data Definition Language테이블의 기본 골격을 정해줌데이터객체의 생성,변경,수정에 이용되는 명령어주요 객체: 테이블, 뷰, 시퀀스, 인덱스테이블: 데이터의 기본 저장단위뷰: 하나 이상의 테이블을 이용해서 만든 가상의 테이블시퀀스: 일련번호 생성기. 오

메인쿼리 내부에 정의된 쿼리다른 select문의 내부에 정의된 select문서브쿼리가 먼저 실행되고 이후 메인쿼리가 실행됨단일행: 서브쿼리 수행 시 하나의 행만 반환비교연산자: =, =>, >, <, <=다중행: 서브쿼리 수행 시 여러 행 반환비교연산자: i

출력을 원하는 특정순위까지의 데이터를 추출하는 것(오름차순, 내림차순 모두 가능)인라인뷰, rownum을 사용함

논리적 작업단위dml작업들을 하나의 단위로 묶은 것

http라는 프로토콜을 기반으로 함웹페이지: HTML 언어를 사용하여 작성된 하이퍼텍스트 문서웹사이트: 서로 관련된 내용으로 작성된 웹 페이지들의 집합컴퓨터끼리 정보를 주고받기 위한 규칙이나 약속데이터의 형식이나 통신 순서 등을 일치시켜야 통신이 가능함대표적인 프로토

태그를 표현하는 객체시작태그, 내용, 종료태그까지를 엘리먼트라고 부름독립적인 박스영역을 차지항상 새로운 줄의 첫번째에서 시작항상 사용가능한 최대 너비를 차지너비 지정, 정렬 가능h1, h2, h3, h4, h5, h6: 제목을 나타내는 태그p: 본문의 내용을 나타내는

Cascading Style Sheets웹브라우져의 화면 혹은 여러 미디어에 어떻게 표현될지를 정의하는 언어HTML문서의 디자인적 요소를 담당태그에 바로 CSS를 지정하는 방식많을수록 유지보수가 어려우므로 되도록 지양해야함하나의 페이지에 적용할 스타일 정의시 사용헤더부

화면 레이아웃 구성 시, HTML 엘리먼트를 박스처럼 다루는 것Contents: 표시하는 내용. 텍스트 혹은 이미지각 요소는 top, right, left, bottom부로 나뉘어져있으며, 각각 크기 설정 가능border와 contents 사이의 여백Border: co

서버사이드: 클라이언트-서버 관계에서 서버 측에서 이루어지는 작업정적 웹페이지서버에 이미 저장된 HTML문서를 출력.문서가 변경되지 않는 한, 고정된 웹페이지에 접속하게 됨모든 사용자는 같은 결과의 웹페이지에 액세스함동적 웹페이지사용자의 상황, 요청에 따라 웹페이지가

사용자가 입력한 내용을 url에 포함하여 전달. 주소표시줄에 전송정보가 노출됨form, a 태그에서 사용가능method없이 <form>만 적어도 자동으로 get으로 지정됨㉠ input상자에 값 입력㉡ submit으로 주소창에 입력한 값 전달(쿼리스트링 형식)전달되

DTO: Department.java DAO: DepartmentDao.java 메인: home.jsp 부서관리페이지: /hr/dept/list.jsp

DTO: Department.java DAO: DepartmentDao.java 메인: home.jsp 부서관리페이지: /hr/dept/list.jsp

데이터 삭제

https://getbootstrap.kr/오픈 소스 프론트엔드 프레임워크각종 레이아웃, 버튼, 입력창 등의 디자인과 기능을 CSS와 JavaScript로 만들어 놓은 것상업적 이용도 가능windows - preferences - JSP Files - Temp

https://getbootstrap.kr/docs/5.1/getting-started/introduction/breakpoint(중단점): 반응형 웹에서 레이아웃의 변화를 주는 지점이 분할 지점의 디자인을 직접 정의 할 수 있음 내용물의 가로길이를 제한해주는

form과 함께 쓰이면 button은 자연적으로 submit기능을 갖게 됨<button type="button">으로 정의하면 submit기능 방지 가능로그인

DTO, Util DTO: Board.java Util: ConnectionUtil.java 작성 DAO: BoardDao.java 수정 DAO: BoardDao.java 삭제 DAO: BoardDao.java 추천

자바스크립트 타입, 객체, 배열, 함수

\+: 더한 값\-: 뺀 값\*: 곱한 값/: 나눈 값%: 나머지 값==: 값만 일치하면 true===: 값과 타입 모두 일치해야 true!=: 값과 타입이 모두 다르면 true!==: 값, 타입 하나만 다르면 true&&: and. 논리식이 모두 true면 true

자바스크립트에서는 사용자와의 상호작용을 위해 이벤트를 사용이벤트 핸들러를 통해 이벤트 발생 시 함수에 연결시켜 실행이벤트 핸들러(리스너): 이벤트를 처리하는 함수객체나 요소에 바로 등록유지보수 어려움JS코드에 프로퍼티로 등록하여 사용HTML과 JS코드가 섞이지 않음가장

카피 웹사이트 만들기 JSP를 이용해 게시판으로 상호작용 가능한 웹사이트 제작이 목적 DCinside의 주요기능을 카피한 웹사이트 제작 기능 개인파트 게시판(총 6개) 게시판에는 게시글 CRUD, 댓글 CRUD를 기본으로 구현 할 것 그 외 조회수나 추천수 별로 정렬하는 기능, 좋아요 기능 구현 예정 공통파트 게시판 외 기타 기능을 분담하여 제작 ...

JSP를 이용해 게시판으로 상호작용 가능한 웹사이트 제작이 목적DCinside의 주요기능을 카피한 웹사이트 제작게시판(총 6개)게시판에는 게시글 CRUD, 댓글 CRUD를 기본으로 구현 할 것그 외 조회수나 추천수 별로 정렬하는 기능, 좋아요 기능 구현 예정게시판 외

충복추천 불가본인 작성글 추천 불가로그인 유저만 가능로그인 유저만 작성 가능대댓글 가능댓글/대댓글 삭제, 수정 가능

충복추천 불가본인 작성글 추천 불가로그인 유저만 가능로그인 유저만 작성 가능대댓글 가능댓글/대댓글 삭제, 수정 가능

추천수 5 이상인 게시글 자동으로 출력CRUD 기능은 없으며 클릭 시 해당 게시판-게시글로 자동 이동

버전관리 시스템으로써, 변경점/버전관리, 백업/복구, 협업 등 기능 제공

view와 controller(요청과 처리)를 JSP에서 모두 구현JSP 페이지에 비즈니스 로직을 처리하는 코드와 HTML 코드가 혼재되어 있음사용자가 직접 view에 접근 가능구조가 단순해 개발이 쉬워 개발속도가 빠름. 중소형 프로젝트에 적합프로젝트 규모가 커질수록

속성(Attribute) 속성이란 JSP페이지 사이에서 주고 받거나 공유되는 데이터(객체)를 뜻함 속성을 갖고 있는 기본객체 |객체|범위|비고| |:--:|:--:|:--:| |HttpServletRequest|하나의 HTTP 요청|JSP 내장객체| |HttpSess

통합 자원 식별자(Uniform Resource Identifier, URI)인터넷의 자료 id. 고유 값을 가짐(Uniform Resource Locator, URL)리소스를 얻을 수 있는 주소통합 자원 이름(Uniform Resource Name, URN)리소스에

변수를 선언하는 태그var: 변수 이름 지정value: 값 지정scope: 변수가 저장된 scope.page, request, session, application 을 가질 수 있고, 기본값은 pageset으로 선언한 변수를 제거함값을 출력(${표현식 }, <%=

함수명 생략 불가선언 전 호출해도 실행 가능함수를 재사용하지 않을 경우 이용함수명이 정해지지 않은 익명의 함수를 변수에 대입해서 이용무조건 선언 후 호출해야 실행됨만일 호출을 먼저 하게 되면 변수에 함수가 들어가기 전이므로 undefined값이 나오게됨함수 내부에 선언

Math 생성자가 존재하지 않으므로 인스턴스를 생성하지 않아도 사용가능 대표 메서드 Math.min(): 전달받은 수 중 가장 작은 값 반환 비교할 수 없는 값 포함 시 naN반환 Math.max(): 전달받은 수 중 가장 큰 값 반환 비교할 수 없는 값 포함

자바스크립트 언어를 단순화시킨 자바스크립트 라이브러리HTML DOM을 쉽게 조작 할 수 있으며 CSS도 간단히 적용 가능적용 방법(CDN)<script src="https://code.jquery.com/jquery-1.12.4.min.js"></s

<button id="testbutton">버튼</button>각 "이벤트"자리에 올 키워드는 Event열 참조동적으로 이벤트를 실행시킨다click()함수는 on()과 다르게 동적바인딩이 되지 않아 최초 로딩 완료시 실행된 요소에만 작동하고 이후 추가되는 요

문서 객체 모델(Document Object Model)스크립트의 접근성을 높이기 위해 문서를 구조화 시킨 것태그 뿐만 아니라 속성, text도 접근 가능내장메서드를 이용해서 접근선택자를 이용해서 바로 접근속도가 JavaScript보다 약간 느림문서 내 요소를 제어하는

접근법(라이브러리 아님)axios, jQuery.ajax ajax를 구현하기 위한 "라이브러리"

POJO 기반의 JAVA EE 애플리케이션 개발을 지원하는 프레임워크 \- java ee(Java Enterprise Edition): 서버개발에 필요한 기능을 모아서 만든 표준. EJB가 핵심 기술EJB: 자

Spring IoC Container에 의해 생성, 관리, 인스턴스화 됨보통 싱글턴 형식 \- 싱글턴: 전역 변수 사용 없이 하나의 객체만 생성해서 이를 어디든지 참조할 수 있도록 하는 것. 최초로 생성자를 만든 후 이후 호출된 생성자는 최초의 생성자가 만든 객체를

DB엑세스 작업을 정의한 인터페이스Dao인터페이스를 상속받아 DB엑세스 작업을 구현한 클래스생성, 수정, 삭제, 조회 쿼리를 실행하는 클래스DB와 연결한 객체들을 저장해두었다가 요청 시 꺼내서 사용하는 방식모든 ConnectionPool 객체는 javax.sql.Dat

요청객체에 대한 인코딩 방식을 UTF-8로 지정하는 필터<url-pattern>에는 사용할 url패턴 기입(여기서는 \*.do)Servlet Container 초기화를 위한 설정설정된 빈 설정파일을 읽어서 객체를 생성/조립/보관<param-value>에 공통

SQL Mapper 프레임워크SQL Mapper: 쿼리문으로 직접 DB데이터를 다룸참고: ORM: 객체를 통해 간접적으로 DB 데이터를 다룸 (JPA, Hibernate...)SQL을 XML파일에 분리해서 저장/관리Java소스와 Query 소스가 혼재되어 관리가 어려운

파일명은 달라도 되지만 파일 형식과 경로는 같아야함SQL 매핑정보를 담고 있는 파일SQL명령어에 따라 <select>, <insert>, <update>, <delete>로 나누어 작성태그규칙을 정의한 DTD 선언(고정값)구현클래스(DAO) 연결.

데이터의 흐름. 배열 또는 컬렉션에 함수 여러개를 조합해서 원하는 결과 필터링저장된 데이터를 다양한 방식으로 처리하기 위한 기능 제공자바 8부터 추가됨. 이전에는 for, forEach문만 사용일회용요청시에만 요소를 계산원본 데이터 변경 없이 결과를 새로운 스트림에 저

VO 작성Mapper 작성Dao 작성Service 작성Controller 작성View(Jsp) 작성Mapper에서 중복되는 ResultMap을 사용할 때, 공통 ResultMap을 선언하여 함께 사용부트스트랩: https://getbootstrap.kr/

CRUD수행을 위해 URI로 요청을 보내는 것추가예정

pom에 jackson data bind 추가자바 객체를 jasonrestcontoller로 요청 핸들러 메서드가 반환 하는 값을 json 형식의 텍스트 형식으로 변환

Controller 레벨에서 처리Global 레벨에서 처리@Controller나 @RestController에서 발생한 예외를 하나의 메서드에서 처리해 줌@Service나 @Repository에서는 사용 불가Controller에서 발생한 예외를 처리하는 기능/excep

코드 사이에서 특별한 기능을 수행하게 하는 메타데이터메타데이터: 다른 데이터를 설명해주는 데이터. 데이터의 표현과 검색을 용이하게 해줌 built-in 어노테이션: Java코드에 바로 적용되는 어노테이션meta 어노테이션: 다른 어노테이션에 적용하는 어노테이션직접 제

관점 지향 프로그래밍 Aspect Oriented Programming핵심로직에 집중 할 수 있도록 중복 작성해야하는 코드를 외부에 빼 놓는 것부가기능의 구현체언제 공통기능을 적용할 지 정의Advice 적용 가능 지점메서드 호출, 필드 값 변경 등Advice+Joint

자바스크립트 프레임워크Mode-View-ViewModelModel: 데이터와 이를 처리하는 부분View: 사용자가 보는 UIViewModel: View를 표현하기 위해 만든 ModelVue.js는 ViewModel에 해당View와 Model 사이에 의존성 없음사용자의

Vue.js의 View에서 기능을 명령하는 역할표시하고자 하는 데이터를 실제 데이터와 연결해주는 프로세스컴포넌트 데이터 변경 시 UI요소 변경v-bind를 사용하면 서버를 거치지 않고 간편하게 데이터에서 연결 가능컴포넌트 데이터와 UI요소가 상호변경됨UI요소 변경 시

상호연관 서브쿼리 https://myjamong.tistory.com/176 event.preventDefault(); 지정한 이벤트 외에는 동작하지 않게 함

label의 for와 input id를 동일하게 설정label을 눌러도 input이 동작 됨

파일 업로드 구현 시, 중복파일명을 막기위해 UUID사용위 코드대로 구현하면 파일명 이름에 UUID가 붙어서 저장되므로 중복이름 걱정 없음controller: view를 반환restController: JSON형태로 데이터를 반환따라서 AJAX를 쓸 때는 restCon

.next()/.prev()for문으로 돌릴 때 유용하게 사용 가능id는 for문에서 특정요소를 선택하고자 내가 임의로 부여한 것!\[](https://images.velog.io/images/yoonee1126/post/bfc5d30a-36c7-4971-9d

스프링부트로 model2 패턴을 적용한 국내여행 사이트 제작항공권항공권 조회, 예약, 결제기차기차표 조회, 예약, 결제숙소숙소 조회, 예약, 결제후기 CRUD쿠폰 적용음식점음식점 조회, 예약, 결제후기 CRUD쿠폰 적용액티비티(즐길거리)투어, 클래스, 입장권 조회, 예

각 카테고리의 메인에 들어갔을 때는 MainNav, 메인 외 다른 페이지는 subNav사용각 카테고리의 특징을 간략하게 보여줄 수 있도록 설계기차음식점숙소즐길거리navbar를 낮게 만들어 가독성을 높임

쿠폰조회쿠폰생성쿠폰삭제쿠폰수정쿠폰발급쿠폰사용관리자 권한을 부여받은 특정 아이디가 있어, 해당 아이디로 관리자 페이지에 접속 시, 관리자 전용 페이지 접속 가능쿠폰관리메뉴에서 쿠폰 현황 및 만료된 쿠폰 조회/관리 가능만료된 쿠폰은 기간만료 외 잔여수량이 없거나 관리자가

하나의 상품에 포함된 다양한 옵션 구현옵션이 없는 상품옵션이 있는 상품att_no로 각각의 정보를 얻을 수 있도록 작성option값이 비어있으면 수량을 출력하고, option값이 들어있으면 각각의 옵션 정보 출력

옵션이 있는 상품옵션이 없는 상품!\[](https://images.velog.io/images/yoonee1126/post/4300b99e-9b22-4102-8580-옵션이 있는 상품일 경우, 선택한 옵션만 출력되게 함view에서 넘길 값에 input="hi