21_11_02_TIL.md

CSS

DB에서 동적으로 테이블을 생성해주었을 때 텍스트의 길이 때문에 표가 깨지는 현상이 발생했다.
이를 방지하기 위해 word-break style을 선언해주었다.

• word-break
  텍스트가 지정된 콘텐츠보다 긴 경우(오버플로) 할 때 줄을 바꿀 규칙을 지정한다.

  * word-break : normal;   
     + 기본 줄 바꿈 규칙 적용(default)
  * word-break : break-all;   
     + 한중일(CJK, Chinese, Japanese, Korean) : normal과 동일(단어를 끊어서 표현한다.)   
     + 비 CJK : 두 문자 사이에서 줄 바꿈이 발생할 수 있음   
  * word-break : keep-all;   
     + 한중일(CJK) : 줄을 바꿀 때 단어를 끊지 않음   
     + 비 CJK : normal과 동일
  * word-break : break-word;    
     + 한중일(CJK), 비 CJK : 오버플로우 방지를 위해 언제든 단어가 끊어짐   
  * 줄이 분리 되는 기준 
     + 한중일(CJK) : 음절
     + 비 CJK : 공백(띄어쓰기), '-'(하이픈)
  

• word-wrap
  오버플로우 된 단어를 분리(줄 바꿈) 해준다.

  * word-wrap : normal;
     + 공백 및 '-'(하이픈) 등 단어를 나눌 수 있는 부분에서만 줄을 변경함
  * word-wrap : break-word;
     + 오버플로우 방지를 위해 언제든 단어가 끊어짐
  

• !important

  CSS란 Inline Style > Internal Style > External Style > Browser Default 순의 우선순위를 갖고 있다.
  그러나 !important style을 사용하게 되면 CSS의 최우선 우선순위를 갖는다.
  --Example--
  > #redBtn  {
  >   background-color: red !imporant;
  > }
  > #blueBtn  {
  >    background-color: blue !imporant;
  > }
  > #greenBtn {
  >    background-color: green !imporant;
  > }
  > #yellowBtn  {
  >    background-color: yellow !imporant;
  > }
  위의 코드에서 볼 수 있듯이 !important style이 반복되어 선언되게 되면 CSS코드를 혼란스럽게 하고, 디버깅에 어려움을 주게된다.
  위와 같은 이유로 !important style은 반드시 필요한 경우가 아니면 사용을 지양하는 것이 좋다.
  

---

Spring

@Transactional

• Test를 진행할 때 위의 annotation을 설정해 주면 테스트가 시작 되기 전에 DB에 Transaction을 시작하고,
  Test가 완료되면 Rollback을 해준다. 그러나 @Commit Annotaion을 걸어주면 Rollback이 아닌 Commit 명령어가 실행된다.
  => Test를 반복해서 진행할 수 있다.

@SpringBootTest

• Spring Container와 Test를 함께 실행한다.