'WEB-INF'에 해당되는 글 916건

자바스크립트 클릭이벤트 click()

1. click 전

2. click 후

3. 힌트

- Javascript의 onclick 액션 사용

- javascript의 함수 사용

- querySelector(), appendChild() 등

요소 가운데 정렬

1. 힌트

- html, css 만 이용한다.

- css 속성 중 border, position 을 사용한다.

- 구글링 검색 추천, 한글로 검색해도 많이 나옴

럼복(lombok) @Data 사용

1. @Data

- @toString, @Getter/@Setter, @EqualsAndHashCode, @RequiredArgsConstructor의 특징을 포함한 간편한 애노테이션이다. 

- POJO를 만드는데 이상적이다.

- callSuper, includeFieldNames, exclude의 파라미터들을 @Data와 사용할 수 없다.

- 생성되는 모든 getter/setter 는 public 으로 선언된다.

- 만약 특정 변수를 따로 관리하기 위해선 @Setter를 선언하고 AccessLevel 파라미터를 추가한다.

- staticConstructor파라미터를 이용하여 private한 생성자를 만들고 새로운 인스턴스를 반환하는 static 메소드를 만든다.

2. 럼복사용

import lombok.AccessLevel; import lombok.Setter; import lombok.Data; import lombok.ToString; @Data public class DataExample { private final String name; @Setter(AccessLevel.PACKAGE) private int age; private double score; private String[] tags; @ToString(includeFieldNames=true) @Data(staticConstructor="of") public static class Exercise<T> { private final String name; private final T value; } }

 한번만 실행되는 함수 _.once()

1. _.once()

- 고차함수로 함수를 한 번만 실행 시킨다

1) 구현

_.once = function(func){ var flag, result; return function(){ if(flag){return result}; flag = true; return result = func.apply(this, argument); } } var hi = _.once(function(){console.log('hi')}); hi(); //hi hi();//실행안됨