ImFe's study

html input태그의 type이 number일 경우 생기는 카운터 버튼을 없애는 css input[type="number"]::-webkit-outer-spin-button, input[type="number"]::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }

발생 버전) node: 14.19.0 php: 7.2.34 laravel: 6.18.37 webpack: 4.36 배포시 nn%로 적용하였던 opacity가 정상적으로 적용되지 않고 1%로 고정된다. nn% !important로 변경해도 다시 1% !important로 변해서 배포된다. 해결) opacity: nn%를 0.nn으로 변경해서 배포 ex) opacity: 70% => opacity: 0.7 참고) https://stackoverflow.com/questions/58853844/the-opacity-value-was-changed-to-1-after-building-the-reacjs-project/61124900#61124900

EJS템플릿 위에서 CSS파일을 불러오자 발생한 에러 CSS가 적용되지 않습니다. MIME type이 뭘까.. 싶었는데 MIME은 Multipurpose Internet Mail Extensions의 약자로 이전의 방식보다 개선된 인코딩 방식이라고 합니다. 그런데 지난번의 프로젝트에서도 EJS를 사용했고, 같은 방식으로 CSS를 불러왔지만 해당 오류는 없었던점을 통해 이는 큰 상관이 없다고 생각했습니다. 찾아보니 express에서 static설정이 저번 프로젝트와는 달라 발생한 오류였습니다. app.use(express.static('public')); 경로를 변경해주면 잘 작동합니다.

웹 앱을 위한 스켈을 만들던 중 뭔가 이상한 점을 발견했는데 최 상단바(뒤로가기, 네비게이션)컴포넌트와 캐러셀 슬라이드 컴포넌트를 불러온 후 Wrapper의 제일 상위 자식에게 margin-top을 주면 그 마진이 Wrapper를 넘어갔다. 왜 마진이 부모 요소를 넘어가지..? .. 코드는 대강 이런식이였고 원래 두 컴포넌트가 딱 붙어있어야 하지만 최상위 자식요소의 margin-top이 부모 요소를 밀어내면서 기본 배경색인 회색이 드러났다. 검색을 해 보니 자식요소에게 부여한 margin-top 속성이 부모 박스를 밑으로 떨어지게하는 버그라고 한다. 해결 방법은 부모 요소에 overflow:auto 속성을 주거나 자식 요소에 position:relative 속성을 주면 해결된다고 하는데 직접 해본 결과 ..

보호되어 있는 글입니다.

Styled Component말고도 Sass도 한번 써봐야겠다 싶어서 npm으로 설치하였더니(로컬) 해당 오류가 발생했습니다. node-modules를 삭제하고 npm install을 해봐도 해결이 안돼서 검색을 해보니 버젼을 낮춰서 깔아야 하는 듯 합니다. 현재 node-sass의 버전은 6.0.1입니다. node의 버전은 14.16.0입니다. www.npmjs.com npm Bring the best of open source to you, your team, and your company Relied upon by more than 11 million developers worldwide, npm is committed to making JavaScript development elegant, pr..