회고록

react {}에 들어가는 data나 jsx.element타입안되는 경우가 있다 예를 들면 <button aria-label={t('main:label.petModify')}>이럴땐 <button aria-label={t('main:label.petMod

웹 접근성 문제로 인해 스크린 리더기에 alt값을 전달해줘야해서characterItemList를 map을 돌린의 {item.headerTitle}을 RenderGage,RenderMixNoDataGage함수에 전달해주고 싶었다. 전달해줄 위치에 item.headerT

horizontal속성을 넣었는데도 가로정렬이 안되면.swiper-wrapper에.main_conponent .slide1 .swiper-wrapper { display: -webkit-inline-box;}를 넣어준다

pom.xml에 javax.validation validation-api 2.0.1.Final추가하면 된다.

not부근에서 계속 빨간줄이 쳐져서 pom.xml에 이 버전을 이렇게 바꾸었더니 잘 동작하였다.

타입 스크립트 설정 tsconfig.json

useHistory 오류가 발생해서 보니 useNavigate로 변경되었다고 한다. react-router-dom을 5버전으로 설치하던지 import { useNavigate } from 'react-router-dom'; const navigate = useNa

https://velog.io/@rim/eclipse%EC%99%80-GitHub-%EC%97%B0%EB%8F%99%ED%95%98%EA%B8%B0

{${}${}${}} 이런 식으로 넣고 같이 띄우는게 있으면ex) {${}${<br/>}${}} 해당 컨텐츠 전체 감싸는 div에 whiteSpace: 'pre-wrap'해준다.{${}${'/n'}${}} 이모지를 넣고 싶을경우{${}${&이렇게 변환해줘야한다.

import usePetProfile from 'hooks/usePetProfile'isTrial라는 data을 불러와서 조건처리하고 싶은데이거 하나 사용하려고 api를 다 불러와야하나 고민했다. const { 리덕스에 저장되어있는 data이름 } = usePetP

card의 순서를 변경하면 버튼이 disabled가 풀리는데 순서를 변경하다가 원래대로 되돌리면 disalbled가 다시 되야하는데 그게 안되었다.또 카드 추가 삭제를 해도 위와 같이 버튼이 작동해야 했다.이걸 적용하려면1.originCardList와 cardList의

바보같이 이거 하나로 며칠동안 왜 안되지 했다..redius 설치에 관해 상세히 나와있다.https://inpa.tistory.com/entry/REDIS-%F0%9F%93%9A-Window10-%ED%99%98%EA%B2%BD%EC%97%90-Redis-%E

jpa, jwt, spring security, redis로 구현한 로그인,회원가입을 가지고 로그아웃 기능을 추가해야 하는 상황이었다.그냥 spring security 로그아웃 처리보다 여러가지로 복잡한 것이 많고 처리할 게 많다는 글들이 더러 있어서 하기도 전에 사실

react 카카오 결제 api 연동하고 db에 저장까지 완료하였다.index.html에 이 코드를 추가하고 난 후아래처럼 하면 되는데 payment가 저장되고 그 값이 useState에 저장되고 저장된 값을 바로usageState에 저장되야 하는데 useState값이

전체 배열 값에서 무언가 찾고 싶어서 이렇게 했는데const subscription = subscriptions.find(subscription => subscription.id === 1);안된다. 타입스크립트에서 타입을 지정해야 된다한다,이렇게 타입을 지정해주면된다

pom에 이렇게 2가지를 추가해줘야 한다.

model, controller에 저장할때, axios로 값 보낼때 순서대로 예시가 나와있다.

npm install react-router-dom

App.tsx

video는 public에서 사용해야하고package json에 homepage설정이 있다면 1번 아니면 2번

faq 아코디언 기능 구현하는데 하나씩만 펼쳐지게 하고 싶었다.

next 다중 동적 라우팅을 하니 아래 오류가 뜨면서 Vercel 배포가 계속 실패했는데 오류vercel Failed to compile.src/app/layout.tsxType error: Type '{ children: ReactNode; }' does not sa