![]()
CSS의 캐스케이딩 원칙은 스타일 규칙이 어떤 기준으로 요소에 적용되는지 결정합니다. 이 원칙은 중요도(Importance), 명시도(Specificity), 그리고 선언 순서(Order)의 세 가지 주요 요소로 구성됩니다.중요도: 사용자 지정 스타일이 브라우저 기본 스타일보다 우선합니다. !important 플래그로 중요도를 증가시킬 수 있으나, 남용은 피해야 합니다.명시도: 선택자의 구체성에 따라 우선순위가 결정됩니다. ID 선택자는 클래스나 태그 선택자보다 더 높은 명시도를 가집니다.선언 순서: 동일한 명시도를 가진 규칙 중에서는 마지막에 선언된 규칙이 적용됩니다.CSS 선택자의 종류CSS 선택자는 웹 페이지의 특정 요소에 스타일을 적용하기 위해 사용됩니다. 다양한 선택자 유형이 있으며, 각각의 용..
![]()
코드를 작성하다보면 여러가지 에러를 겪게 되는데 사소한 에러도 다시보자는 의미에서 기록합시다. void' 형식은 'ReactNode' 형식에 할당할 수 없습니다. 문제 발생 map 매서드를 사용하는데 오류가 발생 더보기 'void[]' 형식은 'ReactNode' 형식에 할당할 수 없습니다. 'void[]' 형식은 'Iterable' 형식에 할당할 수 없습니다. '[Symbol.iterator]().next(...)'에서 반환되는 형식은 해당 형식 간에 호환되지 않습니다. 'IteratorResult' 형식은 'IteratorResult' 형식에 할당할 수 없습니다. 'IteratorYieldResult' 형식은 'IteratorResult' 형식에 할당할 수 없습니다. 'IteratorYieldRes..
컴퓨터 구조 시작하기 컴퓨터의 구조를 왜 알아야할까요? 개발 언어를 학습하고 문법에 맞게 코드를 작성하면 프로그램을 개발하고 실행하는데 전혀 지장이 없는데 말입니다. 강의나 책 혹은 블로그 등에서 발견한 코드를 그대로 작성했는데도 제대로 작동하지 않았던 경험이 한두번 쯤은 있었을 것입니다. 분명 개발 환경에서는 잘 동작했는데 사용자의 환경에서는 동작하지 않는 문제가 발생하기라도 하면 난감하기 짝이 없습니다. 결국 프로그램을 작동 시키는 것은 컴퓨터가 하는 일이니 문제를 찾으려면 컴퓨터를 이해하는 것이 필요합니다. 따라서 임베디드 개발이 목적이 아니더라도 컴퓨터의 구조는 알고 넘어가는 것이 좋을 것입니다. 대기업 채용 공고에서도 이러한 역량을 중요하게 생각하기 때문에 컴퓨터 구조에 대한 소양을 검증하거나 ..
![]()
간단하고 확장 가능한 상태 관리, 쉽고 확정성 있게 만들어 주는 검증된 라이브러리 개발자 채용 공고에서 Redux와 함께 가장 많이 보이는 상태관리 라이브러리 중 하나, 배워두면 두고두고 써먹을 수 있는 라이브러리라고 할 수 있다. 공식 한국어 문서: https://ko.mobx.js.org/README.html MobX에 대하여 · MobX ko.mobx.js.org MobX 5 버전 까지는 @ 데코레이터를 사용했지만 MobX 6 부터는 데코레이터 사용을 지양하는 중. 아래는 공식 문서의 소개 페이지의 일부 특징 작동 원리 event는 observable state를 변경시키는 action을 호출하고, observable state의 변경 사항은 computed value(연산)과 변경 사항에 따라 달..
