전체 글 (65) 썸네일형 리스트형 [ReactJS] CSS module 사용할 때, className 여러 개 지정 및 className에 변수 넣는 방법 내가 구현하고 싶었던 것 나는 Button 컴포넌트를 따로 만들었고, Button의 background와 border의 색을 전역 변수로 지정해둔 상태였다. 그런데 '구글로 시작하기'와 '카카오로 시작하기' 버튼을 만들 때, Button 컴포넌트를 사용하되, background와 border의 색을 다르게 만들고 싶었다. 처음에 짠 코드(잘못된 코드) Button.module.css /* color */ .basicColor { background: rgba(var(--btn-rgb), 0.5); border: 1px solid rgba(var(--btn-border-rgb), 0.5); } /* google color */ .google { background: rgba(256, 256, 256, 0... [ReactJS] .eslintcache는 그냥 gitignore에 넣자 react로 과제를 했을 때였다. master 브랜치에 과제를 한 브랜치를 merge하려고 보니 .eslintcache에 관한 에러가 떴다. 결국엔 머지하다가 .eslintcache에서 충돌이 일어났다. 그래서 나는 앞으로 .eslintcache를 .gitignore파일에 넣기로 했다. 그런데 그전에 앞서 나는 .eslintcache 파일이 정확히 뭔지 몰랐다. 그래서 이참에 알아봤다. .eslintcache란? CRA를 설치하면 생기는, CRA 번들의 일부이다. 여기서 잠깐! CRA란? 더보기 Create React App (CRA) 손쉽게 최신 리액트 앱을 설정할 수 있도록 하는 명령이다. npx create-react-app '프로젝트명' 출처: https://velog.io/@gkj8963/cra.. [JavaScript] setTimeout은 현재 실행 중인 스크립트의 처리가 종료된 이후에 실행된다! 문제: setTimeout 은 무엇을 보여줄까요? 아래 코드에선 setTimeout을 이용해 호출을 스케줄링하고 있습니다. 그런데 그 아래 코드에선 실행 시간이 100ms 이상 걸리는 무거운 작업을 하고 있네요. 이런 경우 setTimeout에 넘겨준 함수는 언제 실행될까요? 반복문 실행 후 반복문 실행 전 반복문이 실행되는 시점 얼럿창엔 어떤 값이 출력될까요? let i = 0; setTimeout(() => alert(i), 100); // ? // 아래 반복문을 다 도는 데 100ms 이상의 시간이 걸린다고 가정합시다. for(let j = 0; j < 100000000; j++) { i++; } 내가 쓴 답안(틀림) 답: 1번 반복문 실행 전. 그래서 0이 출력된다. 이유: delay가 0일 때만.. 이전 1 2 3 4 ··· 22 다음
