본문 바로가기

웹 프로그래밍 기초162

자바기반의 웹&앱 응용 SW개발자 양성과정 74일차 -110 REPL - 단일 사용자의 입력을 취하고 이를 평가(실행)하고 결과를 사용자에게 반환시키는 단순한 상호작용 컴퓨터 프로그래밍 환경이다. 우리가 크롬에서 개발자 환경 창의 콘솔 창 , CMD창에서 단순 입력을 하면 실행하고 결과를 반환한다. 인터프리터를 이용한다. ES6 문법 1. 변수 선언 방법이 달라졌다. ES6이전 변수인 선언인 var는 코드 블록이나 중첩 선언이 가능했던 반면 새로운 변수인 let , const로 제약조건을 주었다. 지역변수를 선언할 수 있도록했다. 2 숫자에 대한 표현 범위 binary, octal 이진수와 8진수에 대한 범위를 추가했습니다. 3. 문자열과 변수의 표현을 백 틱으로 표현할 수 있도록 했습니다. `hi my name is ${name}`; 4. 익숙한 객체지향 방식 .. 2020. 6. 30.
자바기반의 웹&앱 응용 SW개발자 양성과정 73일차 -109 Category: Manipulation 이 섹션의 모든 메서드는 어떤 방식으로 DOM을 조작합니다. 그중 일부는 단순히 요소의 속성 중 하나 ( 속성 범주에도 나열됨)를 변경하는 반면 다른 요소는 요소의 스타일 속성 ( CSS 범주 에도 나열됨)을 설정합니다. 또 다른 요소는 전체 요소 (또는 요소 그룹) 자체 (삽입, 복사, 제거 등) 자체를 수정합니다. 이러한 메서드는 모두 속성 값을 변경하므로 "세터"라고 합니다. 이러한-이러한 방법의 몇 가지. attr(),. html()그리고. val() 나중에 사용하기 위해 DOM 요소에서 정보를 검색하는 "게터"로 - 또한 역할을 합니다. . appendTo() Insert every element in the set of matched elements t.. 2020. 6. 29.
자바기반의 웹&앱 응용 SW개발자 양성과정 72일차 -108 . animate( properties [, duration ] [, easing ] [, complete ] ) properties Type: PlainObject An object of CSS properties and values that the animation will move toward. duration (default: 400) Type: Number or String A string or number determining how long the animation will run. easing (default: swing) Type: String A string indicating which easing function to use for the transition. complete Typ.. 2020. 6. 29.
JQuery 시작하기 Cross Browser를 지원하기 위한 조건 처리 JQuery 객체를 이용하면 Browser의 종류를 따질 필요가 없다. 다만 요즘은 DOM이 같아지기 때문에 jQuery를 사용할 필요가 없다. 왜냐하면 웹 표준이 생겨 브라우저들이 그 표준을 지키려고 노력하고 있기 때문이다. 우선 DOM이 뭔지 알아야 합니다. Document Object Model 은 간단히 말하면 HTML, XML의 문서 프로그래밍의 인터페이스다. 문서 객체 모델(The Document Object Model, 이하 DOM) 은 HTML, XML 문서의 프로그래밍 interface이다. DOM은 문서의 구조화된 표현(structured representation)을 제공하며 프로그래밍 언어가 DOM 구조에 접근할 수 있는 방법을 제.. 2020. 6. 25.
Ant 경로 패턴 Ant 경로 패턴은 *, **,? 의 세 가지 특수 문자를 이용해서 경로를 표현한다. 각 문자는 다음의 의미를 갖는다. * : 0개 또는 그 이상의 글자 ? : 1개 글자 ** : 0개 또는 그 이상의 폴더 경로 예시 @GetMapping("/memeber/?*.jsp") /member/로 시작하고 확장자가. jsp로 끝나는 모든 경로 @RequestMapping("/abc/d? fg.hi") /abc/d로 시작하고 1글자가 사이에 위치하고 fg.hi로 끝나는 모든 경로 @PostMapping("/folders/**/files") /folders/로 시작하고 중간에 0개 이상의 중간 경로가 존재하고 /files로 끝나는 모든 경로 2020. 6. 24.
자바기반의 웹&앱 응용 SW개발자 양성과정 71일차 -106 검색 엔진에 노출되는 방법. 탭에 존재하는 키워드를 변경해야 합니다. 만약 고정됐다면 변경되는 사항에 대해 검색엔진에 노출되지 않습니다. 즉 영역에 을 노출시켜야 합니다. 우라는 tiles 프레임워크를 사용하고 있으므로 타일즈의 layout.jsp를 열어 변경되어야 할 title값을 tiles태그를 이용해 변경합니다. 만약 title이 존재하지 않는다면 도메인 이름이 기본적으로 title이 설정됩니다. tiles설정을 기본적으로 강제하지않는 속성입니다. ignore="true" 하지만 title값을 변경되는 값마다 변경되도록 하기 위해 EL표기법을 사용합니다. 그러기 위해서 tiles-el 라이브러리를 의존 설정을 해주어야 합니다. org.apache.tiles tiles-el 3.0.8 이제 title.. 2020. 6. 24.
자바기반의 웹&앱 응용 SW개발자 양성과정 70일차 -105 스프링 시큐리티 대략적인 기능 사용자 권한에 따른 URI 접근 제어 DB와 연동하는 Local strategy 로그인 쿠키를 이용한 자동 로그인 패스워드 암호화 이외에 여러 기능들이 존재합니다. 개념 시큐리티 사용을 앞서 인증(Authentication)과 권한(Authorization)이라는 개념을 알아야 합니다. 인증은 '증명하다'라는 의미로 예를 들어, 유저 아이디와 비밀번호를 이용하여 로그인하는 과정을 말합니다. 권한은 '권한 부여'나 '허가'와 같은 의미로 사용됩니다. 즉, 어떤 대상이 특정 목적을 실현하도록 허용(Access) 하는 것을 의미합니다. Web에서 인증은 해당 URL은 보안 절차를 거친 사용자들만 접근할 수 있다는 의미이고, 권한이란 URL에 접근한 사용자가 특정한 자격이 있다는 .. 2020. 6. 23.
자바기반의 웹&앱 응용 SW개발자 양성과정 69일차 -104 Tiles 라이브러리 사용하기. Tiles는 웹페이지의 상단 메뉴나 좌측 메뉴, 공통 파일 include 등의 반복적인 부분을 한 곳에서 깔끔하게 관리할 수 있게 도와주는 템플릿 프레임워크입니다. 요구사항 JSTL 필요 STS를 사용하고 있다면 기본적으로 탑재되어 있고, 그렇지 않다면 JSTL Dependency를 Maven에 추가해줘야 함. JSTL이 없으면 아래와 같은 에러 발생 HTTP Status 500 - Handler processing failed; nested exception is java.lang.NoClassDefFoundError: javax/servlet/jsp/jstl/core/Config JDK 1.7 이상 Servlet 2.5 이상(2.4도 가능은 함) JSP 2.1 이상(2.. 2020. 6. 19.
자바기반의 웹&앱 응용 SW개발자 양성과정 68일차 -103 get요청과 post요청을 확인해 보려고 했는데 @Controller("adminNoticeController") @RequestMapping("/admin/board/notice/") public class NoticeController { @RequestMapping("reg")//post 요청 public String list() { return "/admin/board/notice/reg"; } } reg컨트롤러에서 전부 get요청과 post요청을 받는 것을 확인했다. get요청과 post요청을 구분 지어 처리할 필요가 있습니다. @GetMapping("reg") public String reg() { return "/admin/board/notice/reg"; } @PostMapping("reg.. 2020. 6. 18.
자바기반의 웹&앱 응용 SW개발자 양성과정 68일차 -102 Mybatis를 이용하기 위해 메이븐에서 라이브러리를 받아야 합니다. 그전에는 우리는 생성할 Dao를 @Repository로 지정한 다음 컨테이너에서 스캔하도록 설정했었습니다. @Repository public class JdbcNoticeDao implements NoticeDao { ...... } 이안에는 DB에 맞는 드라이버를 생성하고 커넥션을 얻고 객체에다 데이터를 담아서 리턴하는 아주 긴 코드가 필요했다. 이러한 반복적인 작업을 편리하게 도와주는 Mybatis가 존재한다. 먼저 스프링 부트를 이용하므로 Maven에서 Mybatis라이브러리를 의존합니다. mybatis-spring-boot-starter 추가합니다. spring은 xml에 spring-boot는 application.proper.. 2020. 6. 18.

티스토리툴바