input3 [리액트/에러해결] Uncaught Error: input is a void element tag and must neither have `children` nor use `dangerouslySetInnerHTML` ⚠️ 에러내용 ❓ 에러발생이유 styled-components를 사용해 input 컴포넌트를 생성한후 input 컴포넌트 안에 자식 태그를 넣어주었다 추가하기 const Input = styled.input` max-width: 350px; min-height: 10vh; background-color: #fff; padding: 16px; margin: 20px auto; border-radius: 5px; border: 1px solid #ddd; `; ❗️ 해결방법 input 태그는 자식 태그를 가질 수 없기 때문에 태그를 감싸주고 싶다면 div를 사용해야한다 2022. 5. 13. [CSS/문제해결] input 태그에 focus했을때 border 색깔 변경하는 방법 ❓ 문제내용 input 태그에 focus했을때 CSS로 border 속성을 줬는데 적용이 안된다 input:focus { border: 1px solid orange; } ❗️ 해결방법 브라우저에 기본값으로 설정되어 있는 outline 속성값을 none으로 지정해주어야 border 색깔을 변경할 수 있다 input:focus { outline: none; border: 1px solid orange; } 2022. 5. 13. [파이썬] 사용자의 입력값을 가져오는 input 함수 ⚠️ 이 포스팅은 인프런님의 프로그래밍 시작하기 : 파이썬 입문 (Inflearn Original)을 공부하고 정리한 블로그 포스팅입니다. ⚠️ 포스팅에 해당하는 목차는 다음과 같습니다: 섹션 5. 파이썬 함수 및 입력 input(2-1) 1. input() 함수 input("질문내용") 사용자에 입력값을 받아와 출력해주는 함수 input함수의 첫번째 파라미터는 문자열형태로 사용자에게 물어볼 질문 내용을 적는다 input으로 받아온 값은 무조건 문자열이다 1.1 예제1: input으로 사용자에게 값 받아오기 # 받아온 값은 변수에 할당된다 firstName = input('enter your first name >>> ') lastName = input('enter your last name >>> ').. 2022. 3. 21. 이전 1 다음
