코딩 독학 Language & Framework/React.js 2022. 4. 20. React에서 input : text에 value를 바꿀 수 있는 값으로 지정하기 문제의 코드.. focus에는 오늘 해야 할 가장 중요한 일을 입력할 수 있고 해당 값은 유저가 새로고침하거나 브라우저를 종료하고 다시 실행해도 지워지지 않도록 localStorage에 저장된다. 이것을 clear할 시 localStorage에서 값이 지워지며 input도 공란으로 돌아오며 edit을 누른다면 그 전에 입력한 값이 input에 유지된 상태로 input 박스가 표시된다. 문제는 리액트에서의 input value값은 바닐라 자바스크립트와 달리 Read only 속성을 가지고 있다. 수정이 안된다는 것이다. 위와 같이 value를 defaultValue로 바꿔주면 우리가 알고 있던 수정 가능한 value 값을 지정해줄 수 있다. Language & Framework/React.js 2022. 4. 18. 리액트에서 무작위 백그라운드 이미지 설정하기 (feat. styled-components) 나는 styled-components를 사용했지만 css를 사용해도 가능하다. 다만 각 컴포넌트에 지정해주는 것이 아니라 전역으로 설정이 가능한지, 그리고 inline이 아니라 css 혹은 scss 내에서 설정 가능한지는 모르겠다. 나 같은 경우는 모든 컴포넌트에서 동일한 background-image를 설정해주기 위해 globalStyle에서 background-image를 설정했다. 과정은 다음과 같다. (css or scss를 사용하는 사람도 적용을 원하는 컴포넌트에서 그대로 따라하면 된다. 전역 설정 방법은 모름.) 1. 원하는 이미지를 import한다. import img1 from "../img/background1.jpeg"; import img2 from "../img/background2.. 이전 1 다음
