0222 - 0229

# 0222 - 0229

# 0222 - DATA 속성

# html 태그 내에서 data를 다룸

data-{name} 로시작
하이픈으로 구분, 접근시 대시들은 camelCase로 변환

자바스크립트에서 접근
- document.getElementById('selector').dataset.{name}
- 쓰는 경우는 = 로 값 대입
제이쿼리에서 접근
- $('selector').data(key, value);
- $('selector').data(key);
- $('selector').removeData('key');
css에서 접근
- 'selector'[data-{name=값}] {
  
  }

# 0223 - HTML 이메일 템플릿 만들기

1. 기본 html틀 생성

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
 <head>
  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
  <title>Demystifying Email Design</title>
  <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
</head>
</html>

2. 대부분의 메일에서 body와 div를 지원 하지 않기 떄문에 table태그를 생성

<body style="margin: 0; padding: 0;">
 <table border="1" cellpadding="0" cellspacing="0" width="100%">
  <tr>
   <td>
    Hello!
   </td>
  </tr>
 </table>
</body>

3. html 태그에서 지원하는 속성을 우선 적으로 사용

<table align="center" border="1" cellpadding="0" cellspacing="0" width="600">
 <tr>
  <td bgcolor="#70bbd9">
   Row 1
  </td>
 </tr>
 <tr>
  <td bgcolor="#ffffff">
   Row 2
  </td>
 </tr>
 <tr>
  <td bgcolor="#ee4c50">
   Row 3
  </td>
 </tr>
</table>

4. 이미지 태그 사용시

<td align="center" bgcolor="#70bbd9" style="padding: 40px 0 30px 0;">
 <img src="images/h1.gif" alt="Creating Email Magic" width="300" height="230" style="display: block;" />
</td>

5. 영역을 또 나눌때

<td bgcolor="#ffffff" style="padding: 40px 30px 40px 30px;">
 <table border="1" cellpadding="0" cellspacing="0" width="100%">
  <tr>
   <td>
    Row 1
   </td>
  </tr>
  <tr>
   <td>
    Row 2
   </td>
  </tr>
  <tr>
   <td>
    Row 3
   </td>
  </tr>
 </table>
</td>

6. style은 inline 스타일로

<table border="1" cellpadding="0" cellspacing="0" width="100%">
 <tr>
  <td width="260" valign="top">
   Column 1
  </td>
  <td style="font-size: 0; line-height: 0;" width="20">
   &nbsp;
  </td>
  <td width="260" valign="top">
   Column 2
  </td>
 </tr>
</table>

# 0224 - C동적 할당

# void *malloc(size t size)

런타임 환경에서 동적으로 메모리를 할당
동적으로 메모리를 할당 할때는 Heap영역에 할당
성공 하면 할당한 메모리의 첫번째 주소 리턴
실패하면 NULL을 리턴

# void free(해제할 메모리 주소값)

malloc으로 생성된 메모리 영역을 제거함.

# 0225 - JavaScript - $.each / forEach / some / map

# $.each()

$.each(Array, callback function(index, value){ });
- 반환값 해당 배열

# forEach

Array.forEach(callback function (value, index, array) { });
- 반환값 없음

# some

Array.some(callback function (value, index, array) { });
- 찾는 값과 비교하여 return true 시 반복문 종료

# map

Array.map(callback(currentValue[, index[, array]])[, thisArg]);
- return시 배열의 각 요소에 대해 callback을 실행하고 실행결과를 모은 새 배열을 리턴함

# 0226 - Spring AOP

관점 지향 프로그래밍으로 "기능을 핵심 비지니스 기능과 공통 기능으로 구분하고, 공통기능을 개발자의 코드 밖에서 필요한 시점에 적용하는 프로그래밍 방법"이다.

# advice / pointcut / joinpoint

# aspect 구성

@Aspect을 등록
advice 메소드를 생성
advice에 joinpoint를 등록
joinpoint에 pointcut을 지정

# 0227 - lombok

# 주의사항

@Data 지양하기
무분별한 @Setter 지양하기
@ToString 양방향 순환 참조 문제 피하기
@EqualsAndHashCode 남발 지양하기
- 성능 이슈 발생할 수 있음 (Set 자료구조)
클래스 상단의 @Builder는 지양하기
- 클래스 위에 @Builder 사용 시 @AllArgsConstructor 효과 발생
- 생성자 위 @Builder에 적절한 권한 부여
생성자의 접근 지시자는 최소한
- @NoArgsConstructor(access = AccessLevel.PRIVATE)

# 0228 - 의존성 주입 방법

# 생성자 주입(Constructor Injection)

생성자를 통해 의존 관계를 주입

생성자의 호출 시점에 1회 호출 되는것이 보장
주입받은 객체가 변하지 않거나, 반드시 객체의 주입이 필요한 경우에 강제하기 위해 사용
생성자가 1개만 있을경우 @Autowired를 생략해도 주입가능

# 수정자 주입(Setter 주입, Setter Injection)

주입받는 객체가 변경될 가능성이 있는 경우 사용

# 필드 주입(Field Injection)

필드에 바로 의존 관계 주입

외부에서 변경이 불가능
필드 주입은 반드시 DI 프레임워크가 존재해야함 따라서 지양해야함

# 일반 메소드 주입

# 생성자 주입을 사용해야 하는 이유

Spring을 포함한 DI 프레임워크의 대부분이 생성자 주입을 권장

객체의 불변성 확보

의존관계 주입의 변경이 필요한 상황은 거의 없다. 생성자 주입을 통해 변경의 가능성을 배제하고 불변성을 보장

테스트 코드의 작성

필드 주입으로 작성된 경우에는 순수한 자바 코드로 단위 테스트를 작성하는 것이 불가능

final 키워드 작성 및 Lombok과의 결합

컴파일 시적에 누락된 의존성을 확인 할 수 있음
생성자 주입을 제외한 다른 주입 방법들은 객체의 생성 이후에 호출 되므로 final 키워드를 사용 할 수 없다.
final키워드를 붙일 수 있음으로 Lombok과 결합, 코드를 간결하게 작성 할 수 있다.

순환 참조 에러 방지

애플리케이션 구동 시점(객체의 생성 시점)에 순환 참조 에러를 방지

0217 - 0221 0301 - 0307

0222 - 0229

# 0222 - 0229

# 0222 - DATA 속성

# html 태그 내에서 data를 다룸

# 0223 - HTML 이메일 템플릿 만들기

# 0224 - C동적 할당

# void *malloc(size t size)

# void free(해제할 메모리 주소값)

# 0225 - JavaScript - $.each / forEach / some / map

# $.each()

# forEach

# some

# map

# 0226 - Spring AOP

# advice / pointcut / joinpoint

# aspect 구성

# 0227 - lombok

# 주의사항

# 0228 - 의존성 주입 방법

# 생성자 주입(Constructor Injection)

# 수정자 주입(Setter 주입, Setter Injection)

# 필드 주입(Field Injection)

# 일반 메소드 주입

# 생성자 주입을 사용해야 하는 이유

Description