css

position 속성과 특징position 속성은 웹 페이지 내 요소의 위치를 어떻게 결정할 것인지 정의하는 중요한 속성입니다. 이 속성은 요소의 레이아웃과 관련하여 다양한 방식으로 동작하며, 웹 페이지의 시각적 구성에 큰 영향을 미칩니다.staticHTML 요소에서 위치를 결정하는 가장 기본적인 정적 위치(static position) 지정 방식입니다.static으로 설정된 요소는 기본적인 코드의 흐름에 따라 위치하며 top, right, left, bottom 과 같은 위치 지정 속성들은 영향을 주지 않습니다. See the Pen Untitled by 구승모 (@ejjegrbt-the-solid) on CodePen.relativerelative는 요소를 상대적으로 위치시킵니다.원래의 위치를 기준..

계기2023년 12월 인턴십 기간이 마무리 되면서 졸업을 목전에 두고 취업 시장을 바라보니 기업들이 요구하는 기술 역량이 예상보다 훨씬 더 다양하고 깊이 있었다. 당장 원티드와 같은 채용 플랫폼에서 기업들의 채용 공고를 살펴보면서 단순히 React와 Typescript에 능숙한 것만으로는 충분하지 않는다는 것을 느꼈고 추가적으로도 상태관리 라이브러리인 Recoil과 Redux 떠오르는 프론트 Nextjs, 통신을 위한 socket.io등 많은 기술을 필요로 했었다. 또한 관련해서 CS지식도 많이 부족했고 기초를 좀더 탄탄하게 다질 시간이 필요했다. 그래서 2024년을 시작으로 코드잇 스프린트 4기에 참여하게 되었다. 코드잇 스프린트는 서류-코딩테스트-면접 순으로 이루어져 있었으며 선착순으로 지원을 마감하..

웹 개발을 하다보면 CSS(Cascading Style Shetts)의 'Cascading'이라는 개념에 자주 마주치게 됩니다. 이 용어는 CSS 규칙이 어떻게 결합되고, 특정 요소에 대해 어떤 스타일이 최종적으로 적용될지를 결정하는 과정을 설명합니다.그 중에서도 Cascading의 핵심 원칙인 중요도(Importance), 특정성(Specificity), 그리고 소스에서의 순서(Source Order)에 대해 알아볼 것 입니다. 중요도(Importance)중요도는 스타일 규칙의 우선순위를 결정하는 첫 번째 요송비니다. 여기에는 크게 두 가지 종류가 있습니다. 일반적인 규칙 - 대부분의 CSS는 여기에 해당합니다.!important 규칙 - 해당 규칙은 다른 일반 규칙보다 높은 우선순위를 갖습니다.예를들..