DongSup Ahn

🔥


📚 What is TIL?

HTML/CSS

  • 어떠한 언어와도 사용될 수 있는 호환성을 가졌다
  • html/css는 거의 모든 언어에서 사용할 수 있다


가장 기본적인 문서의 틀

<!DOCTYPE html>
<HTML>
</HTML>


meta 태그의 charset 속성

<meta charset="UTF-8" />
  • 한글이 정상적으로 출력되도록 해준다


head 태그의 역할

  • 여행가방의 수화물 태그같은 역할이다
    여행가방의 수화물이라니까.. 딱 감이온다 💡


overflow: hidden

<div class="float-wrap">
  <p class="title-text">Ministry of Health</p>
  <p class="year-text">2015 - 2018</p>
</div>

.title-text {
  font-size: 11px;
  font-weight: bold;
  color: #282828;
  float: left;
}

.year-text {
  font-size: 11px;
  font-weight: bold;
  color: #282828;
  float: right;
}

.float-wrap {
  overflow: hidden;
}
  • 그 다음에 오는 HTML요소들이 float의 영향을 받지 않도록 한다



✨ Today is …

개강소감

2차 합격 소식을 듣기 전까지도 무지하게 떨렸는데 🫥
소식듣고 오늘이 오기까지도 여전히 떨리고 많이 설렜다…
이제 시작이니까 처음으로..! 화이팅 🔥

카테고리:

업데이트:

댓글남기기

참고

Semantic Tag

시맨틱 태그 Semantic Tag HTML5에서 도입된 의미를 부여한 태그로, 웹 페이지의 구조와 콘텐츠를 설명하는 역할을 한다 시맨틱 태그는 요소의 역할과 의미를 더 잘 나타내므로 이러한 태그를 사용하면 웹 페이지의 내용을 더 명확하게 정의하고, 코드의 가...

React 에서의 Memoization

메모이제이션 Memoization 컴퓨터가 동일한 계산을 반복해야 할 때, 이전에 계산한 값을 메모리에 저장함으로서 동일한 계산의 반복 수행을 최소화하고 재사용하는 것을 말한다 💡 어떤 이점이 있을까?  성능 향상 - 동일한 입력 값에 대한 결과를 캐시에...

React에서의 event handling

이벤트 핸들링 웹 애플리케이션에서 사용자의 상호작용에 대응하기 위해 이벤트(예: 클릭, 키보드 입력, 마우스 움직임 등)를 감지하고 처리하는 과정이다 💡 사용자의 액션에 반응하여 동적으로 동작하고  데이터를 업데이트하는 데 이벤트 핸들링이 중요한 역할을 한다 ...

transition과 animation 속성의 차이

animation과 transition transition과 animation 속성은 플래시의 기술이나 자바스크립트의 도움 없이 웹 요소에 직접 애니메이션 효과를 적용하는 CSS 기술이다 이러한 속성을 사용해서 웹 요소의 스타일 속성을 변경하고 애니메이션 효과를 부...