목록Personal DB (108)
Silver Library (Archived)
localStorage.setItem(USERNAME_KEY, username); // Registering the input value to its localStorage DB(API). - setItem // const USERNAME_KEY = "username"; // const username = loginInput.value; // // const loginInput = document.querySelector("#login-form input"); document.querySelector // The querySelector() is a method of the Element interface. // The querySelector() allows you to find the first el..
목표. React 로 가능한, 스스로, 형편 없어도 가능한 선에서 어떻게든 원하는 걸 만들어보기. 제작 기간. 3-4일 정도 걸렸다고 봐도 되겠습니다. 여기서 절반은, 사실상 구상 부분에 걸린 시간. URL redirect 는 조만간 업데이트 예정입니다. https://zealous-minsky-b8da92.netlify.app/ React App zealous-minsky-b8da92.netlify.app 주로 다룬 것. - className, - image 파일 src 링크 걸기 in CSS file. - rendering - CSS effect, adjusting x,y-axis - material-UI 시도는 해 봤던 것. - react router dom - material-UI 의 다른 API..
react 에서 props 가 쓰이는 용도는 다음과 같습니다. string interpolation. 이게 핵심입니다. 예를 들면 이렇습니다. 아래의 Button.style.js 에 있는 styled(Button) 은 일종의 props (property) 라고 볼 수 있습니다. App.js 의 을 보면 뭘까요. 자, 침착하세요. 이 글을 다시보는 나, 그리고 누군가인 당신도요. 우선 StyledButton 은 변수명입니다. buttonLabel 도 Button.style.js 파일에 있는 변수명입니다. backgroundColor 는 약속된 새로운 react 의 무언가가 아니라, 이게 바로 props 의 정체입니다. 그럼, props 는 어떻게 쓸까요? export const StyledButton = ..