post-thumbnail

useForm을 사용해 file첨부, json파일도 같이 보내기.(formdata)

해결해야 하는 문제:react useForm을 사용해 multipart formdata를 보내야 한다.multipart formdata안에는파일 2개, json파일이 있는데json파일은 application/json으로 보내야 한다.파일 1개는 단일 이미지 파일 1개고

2022년 12월 5일
·
0개의 댓글
·
post-thumbnail

'next'은(는) 내부 또는 외부 명령, 실행할 수 있는 프로그램, 또는 배치 파일이 아닙니다. nextjs npm run dev 안될때

echo "Error: no test specified" && exit 1"Error: no test specified" 'next'은(는) 내부 또는 외부 명령, 실행할 수 있는 프로그램, 또는배치 파일이 아닙니다. npm cache clean --forcerm -r

2022년 6월 20일
·
0개의 댓글
·
post-thumbnail

댓글 CSS, 관리자댓글 색상 다르게 표시하기. (classNames조건문, styled component 조건문 대신에 styles 조건문 써보기)

관리자 댓글일 경우와 사용자 댓글일 경우의color를 다르게 하려고 한다.댓글은 .map의 item으로 표현된다. commentAuthor의 값에 조건문을 걸 것이다.표현하려는 데이터 : style을 주목하자item의 value가 Administrator일 경우의 조건

2022년 5월 23일
·
0개의 댓글
·
post-thumbnail

DOMException: Failed to execute 'open' on 'XMLHttpRequest': Invalid URL 이럴땐 오타를 의심해보자.

DOMException: Failed to execute 'open' on 'XMLHttpRequest': Invalid URL이런 오류가 나서 대체 뭐가 문젠지 찾다가 ...알고보니 사소한 오타 때문이었다. 문제의 오타 ...해결된 것.보이시나요 ..?APIADDRE

2022년 5월 12일
·
0개의 댓글
·
post-thumbnail

생성, 수정, 삭제 mutate

mutate에 이름을 붙일 수 있다.평소에는 아래와 같이 한 페이지에서 mutate를 한번만 썼었다. component.jsserviceHooks.js그런데 이번에 생성, 수정, 삭제 3개를 모두 mutate를 써야 해서 어떻게 하나 고민했다.알고 보니 mutate에

2022년 5월 10일
·
0개의 댓글
·
post-thumbnail

리액트에서 미디어쿼리 대신에 userAgent로 태블릿,아이폰,안드로이드를 대체해 보자

보통 반응형 처리는 css mediaquery로 처리하긴 하는데..피치 못할 사정으로 미디어쿼리를 쓸수 없는 상황이라면 요긴한 코드가 있다.나의 경우에는, react-tooltip이 데스크탑에서만 보이게 하고 싶고, 모바일,태블릿 환경에서는 안 보이게 하고 싶은데 방법

2022년 5월 2일
·
0개의 댓글
·
post-thumbnail

<Redirect>가 안될 때 history.push({state:})를 사용해보자 - 로그인 후 원래페이지로 이동하기

내가 기록한 코드는 다른 내용도 조금 엮여있는데,로그인 후 페이지 리다이렉트 시키실 분은 빨간 글씨만 봐주시면 될것 같다. 사실 react-router-dom 의 &lt;Redirect> 를 사용하려 했으나, 왜인지 작동하지 않아서 react-router-dom

2022년 4월 22일
·
0개의 댓글
·
post-thumbnail

slick 슬라이더 적용하기.

퍼블리셔가 유용하게 사용할 수 있는슬릭 (slick)슬라이더 적용 방법을 알아보자.슬릭 공식홈페이지 :http&#x3A;//kenwheeler.github.io/slick/슬라이더를 적용시키는 방법은 두가지가 있다.1\. Download Now 버튼으로 파일을 다운받아

2022년 4월 12일
·
0개의 댓글
·

slick(슬릭) 슬라이더 정지, 재생 버튼 추가하는 함수 (스위치) addClass, removeClass

클래스 추가하는 함수클래스를 제거하는 함수제이쿼리 재생 정지버튼 할때 함수에 쓰임// CSS에 .on 붙여쓰기 (띄어쓰기 X)이 방법은 슬릭에서만 쓰인다.스와이퍼는 다른 방법으로 적용된다.

2022년 4월 12일
·
0개의 댓글
·

swiper 재생, 정지 자바스크립트

자바스크립트, 제이쿼리 사용할 적에swiper 재생, 정지를 다룬적이 있는데코드를 올려 본다.

2022년 4월 12일
·
0개의 댓글
·

Minified React error #152

로컬호스트에서는 괜찮았으나 빌드 후 콘솔로그에 Minified React error 리액트 컴포넌트 return문 안에주석이 있기 때문이었다. 주석을 제거하고 , 빌드 하니까 오류 없이 잘 동작한다.

2022년 4월 12일
·
0개의 댓글
·
post-thumbnail

react-datepicker-ignore-onclickoutside input css 수정하기

react date-picker css 커스텀 중 react-datepicker-ignore-onclickoutside 는 css 선언에없다는 것을 발견 했다.그래서 임의로 className을 주어서 해결했다.저 react-datepicker-ignore-onclick

2022년 2월 9일
·
0개의 댓글
·

react OS X 64-bit with Unsupported runtime (93) 문제

나의 경우에는 하여 해결했다.

2021년 12월 11일
·
0개의 댓글
·
post-thumbnail

react antd table functional component , 검색, 필터, 체크박스 구현

antd 예제는 class형 컴포넌트로 되어 있다.나는 이것을 함수형 컴포넌트로 바꾸었다.sort기능과 필터기능을 적용 시켰다.체크 박스를 적용시키려면, key가 필요하다. keyArr이라는 함수를 만들어 각각의 항목에 key값을 만들어 주었다.참고 : Highligh

2021년 12월 9일
·
2개의 댓글
·

warning package.json: No license field 해결

package.json에 "private":"true" 를 작성해서 넣는다.

2021년 7월 15일
·
0개의 댓글
·

자바스크립트 타이머 함수

setTimeout(함수, 시간) : 일정 시간 후 함수 실행setInterval(함수,시간) : 시간 간격마다 함수 실행clearTimeout(): 설정된 Timeout 함수를 종료clearInterval() : 설정된 Interval 함수를 종료const timer

2021년 5월 9일
·
0개의 댓글
·

호이스팅이란?

함수 선언부가 유효범위 최상단으로 끌어올려지는 현상 const a = 2; double()

2021년 5월 9일
·
0개의 댓글
·
post-thumbnail

React 흰화면 해결법

리액트 폴더를 build하여 내용을 깃허브로 배포하니흰 화면이 뜨는 문제가 있었다. div root안이 아예 빈 칸이었다. 콘솔엔 404에러가 떴다.원인1 : build폴더의 index.html의 css, js 경로가 잘못되었다.2 : 라우터 path 문제였다. Rou

2021년 4월 20일
·
0개의 댓글
·