jsx

크롬 브라우저 기준으로 작성되었습니다 ! 시간만 입력 받을 때 ( type='time' ) { const newValue = e.target.value as string; setValue('selectedTime', newValue); }} /> 초까지 입력하기 위해서 필요한 부분은 step='1' 부분이다. 크롬 브라우저를 기준으로 step = '1'을 입력하지 않으면 hh:mm a 까지만 입력할 수 있으며, step ='1'은 01초를 의미했다. 아래는 날짜와 시간을 따로 분리하여 input을 출력하는 화면이다. 이렇게 하면 시간에만 defaultValue를 줄 수 있다는 장점이 있다. 참고로 step -'2'로 설정하고 홀수 초를 선택하면 아래와 같은 툴팁 메시지가 뜬다. 날짜와 시간 하나의 inp..

오늘 날짜, 현재 시각 가져오기 const getDefaultDate = () => { const today = new Date(); const year = today.getFullYear(); const month = (today.getMonth() + 1).toString().padStart(2, '0'); const day = today.getDate().toString().padStart(2, '0'); const hours = today.getHours().toString().padStart(2, '0'); const minutes = today.getMinutes().toString().padStart(2, '0'); const seconds = today.getSeconds().toStrin..

html, css 하며 했던 가장 기본적인 내용인데 justifyConfent 만 하고 끝이 아니라 display: 'flex' 도 해주는 걸 까먹지 맙시다 ! JSX에서 span과 select 한 줄 출력 예시 ⬇ (feat. chatGPT) . Flexbox 사용 CSS의 Flexbox를 사용하여 부모 div 컨테이너 안의 자식 엘리먼트를 가로 방향으로 정렬할 수 있습니다. justifyContent: 'space-between'를 이미 사용하셨으므로, 아마도 부모 컨테이너는 Flex 컨테이너일 것입니다. 이 경우 아래와 같이 시도해볼 수 있습니다. {currentUrl} {/* 옵션들 */} 위 코드에서 alignItems: 'center'는 자식 엘리먼트를 수직으로 가운데 정렬하기 위해 사용됩니다..

JSX expressions must have one parent element. 이 오류는, JSX에서는 표현식(expression)이 하나의 부모 요소(parent element)로 감싸져 있어야 하기 때문에 발생한다. 이 오류의 가장 간단한 해결 방법은 나 빈 태그를 사용하는 방법이다. 는 React에서 여러 개의 자식 요소를 하나의 그룹으로 묶어주는 데 사용되는 특수한 컴포넌트이다. JSX에서 여러 요소를 반환하려고 할 때는 부모 요소가 필요한데, 를 사용하면 추가적인 DOM 노드를 생성하지 않으면서 요소를 그룹화할 수 있다. 컴포넌트는 일반적으로 다음과 같이 사용된다. {/* 자식 요소들 */} 또는 축약형으로 와 태그로 표현할 수도 있다. {/* 자식 요소들 */} 즉, 는 JSX를 작성할 때..

JSON 형식을 받아와서, 화면에 줄바꿈을 반영하여 예쁘게 보여주고 싶은데 개행 문자를 어떻게 변환할 수 있을까? response = "{\n \"hobby\": \"/exercise/swim\"\n}" 이렇게 응답이 왔다고 했을 때 이것을 그대로 출력하면 \n 이 그대로 문자로 출력될 것이다. ** 이스케이프 문자 {userDetails?.userInfo && ( {userDetails?.userInfo} )} JSX에서, 태그를 이용해주면 \n 개행문자를 줄바꿈으로 변형하여 보여줄 수 있다.