오늘한 일
- 100일 코딩 챌린지 - Web Development 부트캠프를 진행했다
- 알고리즘 문제를 풀었다
- 블로그 TIL을 작성하였다
- 1일 1커밋을 하였다
느낌 점
오늘 드디어 그토록 고대하던 백준 골드 티어에 달성하게 되었다 그동안 골드티어 하나만을 바라보며 달려온 나날들이 생각나 뿌듯함을 느꼈다 하지만 아직도 모르는 게 많고 사실 문제 수로 올라온 티어라고 생각하기에 아제 플레를 향해 포기하지 않고 달려가야겠다
배운 점
호스팅과 배포
호스팅과 배포는 둘 다 웹사이트나 앱을 인터넷 상에서 사용자에게 제공하는 데 필요한 단계이다 비슷해보이지만 둘은 서로 다른 의미를 가지고 있는데
호스팅은 웹사이트나 앱을 인터넷 상에 올리는 것을 의미한다 호스팅 서비스를 이용하면 인터넷 상에서 사용자들이 웹사이트나 앱에 접근할 수 있다 호스팅은 웹사이트나 앱을 만들 때 필수적인 단계이며 호스팅 서비스를 이용하여 서버를 임대하고 웹사이트나 앱을 호스팅할 수 있다
배포는 호스팅된 웹사이트나 앱을 실제 사용자들이 이용할 수 있도록 만드는 것을 의미한다 이 과정에서는 호스팅된 웹사이트나 앱의 소스 코드를 서버에 배포하여 사용자들이 웹사이트나 앱에 접근하고 이용할 수 있도록 한다
쉽게 말해서 호스팅은 웹사이트나 앱을 서버에 업로드하여 인터넷 상에서 접근 가능하게 하는 것이며 배포는 서버에 업로드된 소스 코드를 실행 가능한 형태로 만들어 실제 사용자들이 이용할 수 있게 하는 것이다
CSS :active
CSS에서 :active는 사용자가 요소를 클릭했을 때 적용되는 가상 클래스 선택자이다 이러한 선택자를 사용하면 클릭한 요소가 활성화된 상태일 때 스타일을 적용할 수 있는데
1
2
3
button:active {
background-color: yellow;
}
예를 들어 위 CSS 코드를 작성하면 사용자가 버튼을 클릭했을 때 버튼의 배경색이 노란색으로 변경된다
또한 :active 선택자는 링크 요소에서도 사용될 수 있는데 링크를 클릭할 때 링크의 색상이 변경되는 것과 같이 링크의 :active 상태에서도 스타일을 적용할 수 있다
css Copy code a:active { color: red; } active 상태는 클릭한 순간에만 유지되며, 사용자가 마우스 버튼을 놓으면 즉시 상태가 변경됩니다. 따라서 :active 선택자는 사용자의 상호작용에 반응하여 요소의 스타일을 변경하는 데 사용됩니다.
내일 계획
밀린 100일 코딩 챌린지 - Web Development 부트캠프를 수강해야겠다