Programming/React12 [React] useEffect 무한 루프 문제 https://velog.io/@eunjin/React-useEffect-%EB%AC%B4%ED%95%9C%EB%A3%A8%ED%94%84-%ED%83%88%EC%B6%9C%ED%95%98%EB%8A%94-%EB%B0%A9%EB%B2%95 [React] useEffect 무한루프 탈출하는 방법 기존에 클래스형 컴포넌트 방식으로 짠 코드를 함수형 컴포넌트로 변환을 했는데, 특정 컴포넌트만 클릭하면 미친듯이 렌더가 일어나 브라우저가 다운되는 현상을 겪었다. 알고 보니 componentDidM velog.io Programming/React 2022. 11. 10. [React] React, Styled-components 환경에서 웹 폰트 사용하기 https://velog.io/@h986680/TIL.51-Styled-Component-%EC%97%90%EC%84%9C-font-%EC%82%AC%EC%9A%A9%ED%95%98%EA%B8%B0 TIL.51 Styled Component 에서 web font 사용하기 React 프로젝트에서 styled component를 사용할때 web font는 어떻게 사용하는지 알아봅시다. velog.io Programming/React 2022. 11. 8. [React] multipart/form-data 전송 https://velog.io/@shin6403/React-Form-Data-%EC%A0%84%EC%86%A1 [React] Form Data 전송 회원가입을 할때, 또는 어떤 페이지에서 파일(이미지), 제목, 내용을 DB에 저장하는 페이지가 있다고 가정했을때, 파일을 http 통신으로 전송 하려면 formData 객체를 이용하여 보내야 한다.formData 객 velog.io https://ko.javascript.info/formdata#ref-3760 FormData 객체 ko.javascript.info https://inpa.tistory.com/entry/JS-%F0%9F%93%9A-FormData-%EC%A0%95%EB%A6%AC-fetch-api [JS] 📚 FormData 사용법 & 응용.. Programming/React 2022. 11. 1. [React] 음성 녹음, 녹음 파일(.weba) 다운로드 구현하기 싼타클리닉 서비스에서 구현했던 음성 녹음 및 녹음 파일 전송 기능 기록이다. react로 음성 녹음 기능을 구현해보자 갑자기 왜? 친구들과 프로젝트를 하던 중, 음성녹음 기능을 필요로 하는 웹을 구현하게 되었습니다... velog.io TS가 적용되지 않은 예제이므로 따로 처리해야 한다. 또한 deprecated된 메서드를 사용하고 있어 업데이트가 필요하다. 그러나 작동 자체에는 문제가 없다. import React, { useCallback, useState } from 'react'; import axios from 'axios'; import { ReactMediaRecorder } from 'react-media-recorder'; // https://stackoverflow.com/questio.. Programming/React 2022. 11. 1. [React + TS] "Dispatch<SetStateAction<boolean>>; }' is not assignable to type 'IntrinsicAttributes'" Dispatch; }' is not assignable to type 'IntrinsicAttributes' 에러 해결 과정을 담은 글이다. 부모 컴포넌트(calendarPage.tsx) import React from 'react'; import { CalendarPageContainer } from './styles'; import { CalendarPageTitle } from './styles'; import { AdventCalendarBox } from './styles'; import { CalendarDetail } from '../calendarDetail'; export function CalendarPage() { // 모달창 노출 여부 const [calendarOpen, setCa.. Programming/React 2022. 10. 27. 이전 1 2 다음 반응형