vscode 워크스페이스 변경 1 . workspace 파일에 js파일 생성 2 . css안에 있는 .vscode 폴더 복사해서 붙여넣기 3. Open File -> js 폴더 선택 js 링크는 head 안에 넣지만 body안에 넣을 수도 있다. 위에 걸린 js가 먼저 작동된다. 문장 끝에 세미콜론(;)을 입력한다. 구문 사이를 구분하기 위해 사용, 생략해도 무관하나 오류 방지를 위해 권장 // : 한줄 주석 처리 - /*~*/ 한줄 이상의 주석 처리 - 변수 var (variable 약자) 생략가능하다 (변수다 라는 걸 나타내기 위해 var 사용) 동일한 이름의 변수 가능, 마지막에 적은 변수가 최종적으로 반영된다. 출력 document.write("브라우저 출력"); alert("경고창 출력"); c..

https://heropy.blog/2018/11/24/css-flexible-box/ CSS Flex(Flexible Box) 완벽 가이드 많은 경우 float, inline-block, table 등의 도움을 받아서 수평 레이아웃을 구성하지만 이는 차선책이며, 우리는 Flex(Flexible Box)라는 명확한 개념(속성들)으로 레이아웃을 쉽게 구성할 수 있습니다. CSS F heropy.blog 레이아웃을 구성할 때 float, position을 사용하지만, flex문법을 통해서도 할 수 있습니다. flex 레이아웃은 부모박스에 flex를 선언하고, 안에 있는 박스요소를 유연하게 배치하는 속성입니다. 부모박스 (Container) - display - flex-flow : flex-decoratio..

화면 출력을 바로 확인하기 위한 플러그인 설치 Extension -> Live Server 설치 Html 우클릭 Open with Live Server 클릭하면 화면에 출력됨 제대로 출력 안되면 브라우저 변경하는법 단축키 실행 : html:5 (구문) + 엔터 : html구문 자동완성 코드 실행 : ctrl + f5 코드 이동 : alt + 방향키 코드정렬 : alt + shift + f 글을 한번에 적을 수 있음 : alt + 커서(클릭) , esc 로 취소 한번에 여러번 적기 : 태그명 + tab 버튼 주석 단축키 : (행 주석)ctrl + / (전체)alt + shift + a삭제 : ctrl + shift + k 태그 제목 글자 글자 글자 글자 글자 글자 목록 목록 목록 목록 목록 목록 블럭, 인..

Action Tag : JSP 페이지 내에서 어떤 동작을 하도록 지시하는 태그입니다 : 종류에는 페이지 이동을 강제하는 forward , 페이지를 삽입하는 include, forward 나 include 를 할 때 값을 지정하는 param , 자바의 클래스와 연동하는 useBean 등이 있습니다 종류 기능 1. forward 현재의 페이지에서 다른 특정 페이지로 전환할 때 사용합니다 2. include 현재 페이지에 다른 페이지를 삽입할 때 사용합니다 3. param forward 및 include 태그에 데이터를 전달할 목적으로 사용되는 태그 name 과 value 속성으로 이루어져 있습니다 4. userBean 자바빈 JAVA 언어의 데이터 변수 와 기능 메서드 으로 이루어진 클래스 5. setPro..

출처 :https://melonicedlatte.com/2021/07/24/231500.html DAO DAO(Data Access Object) 는 데이터베이스의 data에 접근하기 위한 객체입니다. DataBase에 접근 하기 위한 로직 & 비지니스 로직을 분리하기 위해 사용합니다. DTO DTO(Data Transfer Object) 는 계층 간 데이터 교환을 하기 위해 사용하는 객체로, DTO는 로직을 가지지 않는 순수한 데이터 객체(getter & setter 만 가진 클래스)입니다. 유저가 입력한 데이터를 DB에 넣는 과정을 보겠습니다. 유저가 자신의 브라우저에서 데이터를 입력하여 form에 있는 데이터를 DTO에 넣어서 전송합니다. 해당 DTO를 받은 서버가 DAO를 이용하여 데이터베이스로 ..

include 이용하여 합치기 다이나믹 웹 프로젝트 생성, JAR 파일 lib파일에 옮기기 쌤이 주신 파일 webapp파일에 복붙! include 파일 생성 > header.jsp 와 footer.jsp 파일 생성 기존 index.jsp 파일을 header와 footer로 나누고 include 시키기 더보기 header My Web Welcome to MyWorld Toggle navigation My First Web HOME Member BOARD LOGIN JOIN footer Copyright © By Park 2018.XX.XX~ include - 상대경로 : 지금 파일의 위치에서 상대적으로 가르키는 위치. - 절대경로 : 지금 파일의 위치와는 상관없이, 프로젝트에서 카리키는 위치. (앞에 "/..

MVC2 패턴 ( Model View Controller 2 ) MVC 패턴은 디자인 패턴 중 하나로, 디자인 패턴이란 프로그램이나 어떤 특정한 것을 개발하는 중에 발생했던 문제점들을 정리해서 상황에 따라 간편하게 적용해서 쓸 수 있는 것을 정리하여 특정한 "규약"을 통해 쉽게 쓸 수 있는 형태로 만든 것을 말한다. MVC 패턴은 Model, View, Controller의 줄임말로써, 사용자와 상호작용하는 S/W를 디자인함에 있어 세가지 요소로 쪼개어 하는 것을 가리킨다. 출처 : https://velog.io/@gillog/a-j5c0h49n Model 애플리케이션의 정보, 데이터를 나타냅니다. 데이터베이스, 처음의 정의하는 상수, 초기화값, 변수 등을 뜻합니다. 또한 이러한 DATA, 정보들의 가공..

EL ( Expression Language ) : JSP 에서 저장객체를 출력할때 스크립팅을 전혀 쓰지 않을 수 있는 기술입니다 : EL은 일종의 스크립트 언어로 자료 타입 , 수치 연산자 , 논리 연산자 , 비교 연산자 등을 제공하며 표현식을 대체 할 수 있습니다. EL 의 사용법 ex) 표현식 : EL : ${value} 액션태그 와 EL 비교 - 액션태그 : - EL : ${member.name} EL 내부에 사용하는 연산자 1.산술 : +, --, *, /, 2.관계 : ==, !=, 성인입니다. 미자입니다. ➡ 결과 ➡ choose절 확인 코드 📄 jstl_choose.jsp 홍길동 이순신 둘 다 아님 성인입니다. 미성년자입니다. ➡ 결과 ➡ for each (향상된 for 문) 📄 jstl_..