목록웹 개발/프론트엔드 (2)

군붕이의 메모장

[React] Recoil Cannot Freeze 에러 해결방법

토이프로젝트를 진행하던 도중 뜬금없이 Cannot Freeze 에러가 발생했다. 분명 Object.freeze() 메소드를 쓴적이 없는데...해서 좀 더 자세히 살펴보기로 했다. ● Object.Freeze() 란? 객체의 불변성을 유지하기위해 변경을 차단하는것을 뜻한다. 내부 값을 삭제하거나 변경할 수 없어진다. MDN Docs : https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/Object/freeze Object.freeze() - JavaScript | MDN Object.freeze() 메서드는 객체를 동결합니다. 동결된 객체는 더 이상 변경될 수 없습니다. 즉, 동결된 객체는 새로운 속성을 추가하거나 존..
웹 개발/프론트엔드 2022. 11. 13. 20:41
[React] Styled-component 전역 스타일 정의하기 - createGlobalStyle

리액트를 사용할때 styled-component 라이브러리를 통해서 전역 스타일 지정이 가능하다. 전역스타일은 모든 html 요소에 대해서 공통적인 스타일을 가지는것이다. 예시로는 아래와 같다 모든 li 태그에서 list-style 제거하기 a 태그에서 text-decoration 제거하기 button 태그에 cursor: pointer 지정하기 만약 전역스타일을 사용하지 않는다면 각 페이지 마다 일일히 list-style: none, text-decoration: none 등을 적용해야된다. 1. styled-component 설치 -- 자바스크립트 환경에서의 설치 yarn add styled-components -- 타입스크립트 환경에서의 설치(추가설치필요) yarn add styled-compone..
웹 개발/프론트엔드 2022. 6. 26. 20:16
이전 Prev 1 Next 다음