20241223 TIL

📌 What I Learned

• Firebase 사용법 학습과 실습
  - Firebase란 구글(Google)이 개발한 모바일 및 웹 애플리케이션 개발 플랫폼으로 벡앤드 없이 웹 서비스를 만들 수 있게 해준다.
  - Firestore Database는 NoSQL 데이터베이스로 진행하면서 수정할 일이 많을 때 주로 사용한다.
  - Firebase를 사용하면 onClick과 같은 메소드를 사용할 수 없다!!

⚠️ Problem Encountered:

css 코드를 작성하는데 margin이 제대로 적용되지 않아서 문제가 되었다.
해당 코드는 다음과 같다.

.header > h1 {
  margin-left: 20px;
}

🔍 How I Solved It:

결합자에 대해 잘못 이해하고 있었다. >는 자식 결합자로 바로 직계 자식만 적용이 된다. " " 은 자손 결합자로 그 밑에 있는 모든 자손들에게 영향을 미친다. 내가 작성했던 코드는 다음과 같은 구조였다.

<div class="header">
	<div>
    	<h1>
        </h1>
    </div>
</div>

따라서, h1은 header 클래스인 div의 직계 자식이 아니기 때문에 css가 제대로 적용되지 않았던 것이다. 코드를 다음과 같이 수정했더니 내가 원하는 결과물이 나왔다.

.header h1 {
  margin-left: 20px;
}

🚀 Next Steps:

• css의 선택자와 결합자 각각의 차이에 대해 조금 더 공부를 할 예정이다.
• 데이터베이스에 대한 기본적인 개념을 더 공부해보고 싶다.