전체 글321 정규식 추출 package test2; import java.util.regex.Matcher; import java.util.regex.Pattern; public class main { public static void main(String[] args) { try { String content = "\n" + "\n" + " "; Pattern pattern = Pattern.compile("src=[\"'](.*?)(\")"); Matcher matcher = pattern.matcher(content); while (matcher.find()) { System.out.println(matcher.group(1)); } } catch (Exception e) { e.printStackTrace(); } } } 2020. 3. 17. pushstate (ajax 뒤로가기) ajax 에서 뒤로가기를 활성화 시키기 위해서는 여러가지 방법이 있다. 앵커, pushstate, 해쉬뱅 등이 그 예이다. pushstate는 HTML5 에서 새로 추가된 History API의 추가된 메서드이다. $('#button').click(() => { $.ajax({ url: "/freeBoard, data: {page: 1}, type: "get", success: (result) => { $(".content").html(result); } }); history.pushState({ data: "/freeBoard", page: 1 }, null, "/freeBoard?page=1"); }); 이러한 방식으로 ajax 동작 이후 hisory.pushState로 history.pushStat.. 2020. 2. 6. css **일반 CSS방식 css를 작성할 때 가장 중요한 것은 css 클래스를 중복되지 않게 만드는것. 중복을 방지하는방법 1. 이름을 짓는 규칙 (1) 컴포넌트이름-클래스 형태 (2) BEM 네이밍방식 해당클래스가 어디에서 어떤용도로 사용되는지 명확하게 작성하는방식 2.CSS Selector css클래스가 특정 클래스 내부에 있는경우에만 스타일을 적용한다. 최상위 html요소에는 컴포넌트이름으로 생성하고 내부에는 소문자나 클래스 이름이 불필요한 경우 생략가능하다. 등등 여러 중복방지 방식이있다. **Sass sass는 css전처리기로 복잡한 작업을 쉽게할수있고, 재활용성이 높으며, 코드의 가독성을 높여준다. Sass에는 두가지 확장자를 지원한다. 1. sass 가있고 개발자들의 요청에 의해 2. scss 가.. 2020. 2. 6. Hook Hook : class를 작성하지 않고도 state와 다른 react의 기능들을 사용할 수 있게 해준다. 하위 호환성을 가지고 있다. 함수 컴포넌트에서 React state와 생명주기 기능을 연동(hook into) 할 수 있게 해주는 함수이다. Hook은 클래스 안에서는 동작하지 않으며 class없이 react를 사용할 수 있도록 하는 것이다. import React, { useState } from 'react'; function Example() { // "count"라는 새 상태 변수를 선언합니다 const [count, setCount] = useState(0); return ( You clicked {count} times setCount(count + 1)}> Click me ); } use.. 2020. 2. 4. 이전 1 ··· 29 30 31 32 33 34 35 ··· 81 다음