web

이번에 컴퓨터 포맷하고 다시 웹페이지 연동하면서 써보는 글이다!! 내가 사용했던 방식 그대로 쓰겠다. 먼저 atom File >> open..에 들어가서 연동하기를 원하는 폴더를 열어준다. 빈 폴더를 하나 만들어준 뒤에 열면 연동 뒤에 연동된 페이지에 있는 폴더들이 저장될 거다. 나는 그런 식으로 해줬다. 스크린샷 2019-12-22 오후...

html에 사용되는 태그들을 모두 정리해놓은 글이다. 이 글에서 나오는 모든 소스코드와 실행 결과는 http://marin.dothome.co.kr/2020Camp/class/index.html 에 들어가면 볼 수 있다. html, head, body, style(background-color), h1, p, br HTML은 Hyper Text Marku...

사용자가 입력한 input을 수집하기 위해서는 form 태그를 사용해야 한다. form 태그는 입력받을 모든 input을 포함하도록 묶어야 한 번에 보내고 받을 수 있다. 이 글에 있는 코드들을 테스트 해놓은 페이지: http://marin.dothome.co.kr/2020Camp/class/html2.html form 태그의 attributes acce...

이 페이지에서 나온 코드를 실행한 페이지: http://marin.dothome.co.kr/2020Camp/class/html3.html DOCTYPE, encoding(charset)이 간단해졌다. 새롭게 생긴 elements: semantic element( , , , ) attributes of form element(number, date...)...

CSS는 웹페이지의 스타일을 준다. 코드 실행해놓은 페이지: http://marin.dothome.co.kr/2020Camp/class/css_tutorial.html css 형식 h1 -> selector: 스타일을 주고 싶은 태그,id,class등 color:blue; -> declaration: ;로 구분 color -> property, blue...

HTML: 웹페이지 내용을 구성 CSS: 레이아웃과 디자인을 설정 Javascript: 사용자 이벤트 처리 및 동적 화면 구성 javascript 삽입 external: js파일 삽입하기 head 안 script 태그 안에 적기 태그 안에 적기(주로 이벤트를 태그 안에 많이 적음) 출력 HTML element(tag, id, class)안에 적기: ...

jdk 설치 및 환경변수 설정 jdk를 다운로드 아래 DOWNLOAD를 들어가서 자신에게 맞는 것을 설치하면 된다. 스크린샷 2020-01-08 오전 10.32.06.png 스크린샷 2020-01-08 오전 10.32.53.png cd /Library/Java/JavaVirtualMachines cd jdk-13.0.1....

javax.servlet.jsp package javax.servlet.jsp package의 interfaces JspPage HttpJspPage 스크린샷 2020-01-08 오후 12.48.12.png JspPage interface의 method public void jspInit(): JSP 페이지가 처음 요청 될 때 JSP 수...

JSP directive page directive include directive taglib directive syntax: page directive Attributes of JSP page directive import contentType extends info buffer language isELIgnored isThreadSafe autoFl...

JSP Action Tags 각 JSP 작업 태그는 특정 작업을 수행하는 데 사용 JSP 태그는 페이지 간 플로우를 제어하고 Java Bean을 사용하는 데 사용 JSP | Action Tags Description ----|---------------------------- jsp:forward | 요청과 응답을 다른 리소스로 전달 jsp:include...

Expression Language (EL) Java Bean component에 저장된 데이터 접근 가능성, request, application, session 같은 다른 객체를 간소화 한 것 implicit objects, operators and reserve words등 Syntax: Implicit Objects Implicit Object...

JSTL (JSP Standard Tag Library) JSP 개발을 단순화하기위한 태그 library 장점 빠른 개발 -> JSP를 단순화하는 많은 태그를 제공 코드 재사용성 -> 다양한 페이지에서 JSTL 태그 사용 가능 스크립틀릿 태그를 사용할 필요가 없음 (스크립틀릿 태그를 사용하지 않음) JSTL tag 태그 이름 | 기술 ---------...

mysql connector를 설치하고 저번에 만들었던 JSP 개발환경(이클립스)에 mysql을 연동할 수 있는 connector를 넣어서 연결하는 방식으로 연동하겠다. mysql 데이터베이스 계정을 만든다. 무료로 db 계정 만들 수 있는 사이트 mysql 사이트에 들어가서 DOWNLOAD >> MySQL Community (GPL) Download...

SQL(Structured Query Language) SELECT Statement syntax ex) WHERE Clause syntax Text 값인 것은 ''안에 값을 적어서 비교하고 Numeric 값인 것은 그냥 적어서 비교한다.(아래 예시 있음) ex) Operator | Description ---------|-------------...

CREATE DATABASE Statement syntax DROP DATABASE Statement Syntax BACKUP DATABASE for SQL Server Syntax CREATE TABLE Statement syntax ex DROP TABLE Statement Syntax ALTER TABLE Statement 추가하기 삭제...

저번에 작성했던 글에서 jsp 개발환경을 만들었다고 하고 그 뒤부터 정리. jsp 개발환경 만들기 먼저 maven을 설치 및 환경변수 설정 maven 사이트 Download >> other mirrors를 아래에서 파란색인 것을 선택 >> change >> 아래 다운로드에서 선택해서 설치 스크린샷 2020-01-16 오전 11.35.39....

JSP Model1, Model2, Spring MVC pattern 차이 Model 1 뷰와 로직을 모두 JSP 페이지에서 처리하는 구조 구조가 단순해 익히기 쉬움 HTML, CSS, Javascript, Java 코드가 JSP에 섞이므로 분업 쉽지 않고 유지보수가 어렵다. -> 보안에 취약 Model2(MVC- model view controller...

ModelAndView view.setViewName("ModelAndView_test"); -> 이 안에 적은 string 값이 jsp 파일의 이름이 됨 view.addObject("name", "yeeun"); -> 이런식으로 객체를 만들어 정보 전달 가능 controller에서 이런 식으로 실행 ModelAndView_test.jsp 파일 스...

getter과setter method 자동 생성하기 getter, setter 생성해야하는 곳에서 마우스 오른쪽키 >> Source >> Generate Getters and Setters.. 스크린샷 2020-01-17 오전 12.22.29.png 생성할 변수 체크 후 Generate 스크린샷 2020-01-17 오전 ...

Request를 통해 파라미터를 가져오는 방법 Map 사용 @RequestParam를 통한 직접 매칭 모델 클래스를 통한 직접 매칭 userVO.java PathVariable path에서 어떤 규칙으로 파라미터를 가져올까에 대한 규칙

spring 에러와 해결법 정리 resource cannot be resolved to a type pom.xml에 dependency 추가하기 dependency 주소 Injection of resource dependencies failed 서블릿 [appServlet]을(를) 위한 Servlet.init() 호출이 예외를 발생시켰습니다. 중에 r...

servlet-context.xml 요청과 관련된 객체 정의 controller, anotation(어노테이션), ViewResolver, Interceptor, MultipartResolver 등에 대한 설정 -> Dispatcher Servlet과 관련된 설정 해야함. root-context.xml view와 관련되지 않은 객체를 정의(servlet...

spring 프로젝트 생성 마우스 우클릭 >> spring legacy project project name 적고, Spring mvc project 체크 >> next >> package name 적기 >> finish 서버 실행 후부터 프로젝트 실행 서버 실행 후 web.xml 최초 구동됨 스크린샷 2020-01-20 오전 10.41...

테이블 기획 Product table 생성 스크린샷 2020-01-20 오후 3.29.17.png Category table 생성 스크린샷 2020-01-20 오후 3.29.28.png 데이터 추가 쿼리 ![스크린샷 2020-01-20 오후 3.29.45.png](https://images.velog.io...

Filter, Interceptor, AOP 공통점 모두 무슨 행동을 하기전에 먼저 실행하거나, 실행한 후에 추가적인 행동을 할 때 사용되는 기능 Filter 요청과 응답을 거른뒤 정제하는 역할 스프링 context 외부에 존재, 스크링과 무관한 자원 동작 서블릿 필터: DispatcherServlet 이전에 실행 필터가 동작하도록 지정된 자원의 앞단에...

angular cli angular 프로젝트 생성 프로젝트에 컴포넌트, 디렉티브 등등 구성요소 추가 LiveReload를 지원하는 내장 개발 서버를 사용한 Angular 프로젝트 실행 Unit,E2E(end-to-end)테스트 환경 지원 배포를 위한 Angular 프로젝트 패키징 angular CLI 사이트 프로젝트 실행 명령어 프로젝트 구성 요소 생성...

angular를 설치하기 전에 먼저 node.js를 설치해야 한다.맥os에 brew package manager를 설치한 뒤에 brew 명령어를 사용해서 node.js를 설치하도록 하겠다.