2022년 02월 01일

📚 오늘 도전하고, 배운 것

• BAEKJOON-11057
• 100 Days CSS Challenge Day 004

CSS

element 가운데 배치하기

.center {
  position: absolute;
  width: 100px;
  height: 100px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

Vue

v-if와 v-show의 차이점

v-show는 DOM에 실제로 렌더링되지만 엘리먼트의 CSS display 속성만 전환한다. 하지만 v-if는 실제로 렌더링되지 않는다.
따라서 자주 전환된다면 v-show를 사용하는 것이 낫고, 조건이 잘 변경되지 않는 경우엔 v-if를 사용하는 것이 좋다.
참고로 v-if는 절대 v-for와 함께 사용하지 마라고 한다.

🤔 학습하면서 궁금하거나 어려웠던 점

🌅 내일은 무엇을?

• 백준 알고리즘 문제 풀기
• 코드 읽기

🖋 log

• 4km 뛰었다. 뛸 때도 노래를 안들었었는데 오늘은 뭔가 팟캐스트를 듣고 싶어졌다. 집에 오는 길까지 해서 대충 50분이니 하나 정도 들을 수 있었다. 뭔가 알차게 보낸 느낌이다.
• 2월이다. 2월을 맞이하며 하나 느낀점은 '계획한 것만 하자'이다. 계속 삼천포로 빠진다. 호기심이 많은거라고 긍정적으로 생각하는 걸로... 하지만 이제 호기심은 접어두고 심기일전이다.