React

MBP하면서 나를 엄청나게 괴롭힌 캐로셀!! 드디어 오늘 해결했다.사실 그동안 기존에 했던걸 최대한 덜 수정하면서 캐로셀이 적용되게 하려고 빙빙 돌아갔는데.. 결국 그냥 새로해서 해결했다.빨리 끝내보려고 기존걸 그냥 뒀는데 오히려 시간만 날렸다.다음번에 또 캐로셀을 적

이 게시글에 포함되는 내용 및 이미지는 Falaner님의 티스토리 게시글을 참조하여 작성합니다.출처 : https://falaner.tistory.com/66리액트로 클론코딩 중 반복적으로 치는 코드 때문에 귀찮아하던 무렵 단축키를 이용해서 템플릿을 불러오는

배열 원소를 하나하나 렌더링해야하기 때문에 재사용되는 코드가 있을 것이다.이 재사용하는 코드를 동적인 데이터 처리를 위해 자바스크립트의 내장함수 map()을 사용하여 렌더링한다.map함수를 사용할 때는 key라는 props를 설정해야하는데 이 key값은 배열의 각 원소

아래 코드에서 VideoDetailPage.js는 영상의 상세페이지를 보여주는 컴포넌트이고, <Movie />는 해당 동영상이 표시되는 영역, <CommentArea>는 동영상 아래의 댓글 영역이다.VideoDetailPage.js에서 만든 refreshFu

react에서 네트워크 통신을 도와주는 api인 axios와 fetch.이것은 어떨 때 사용하고, 무슨 차이가 있는지, 그래서 사용법은 어떤지에 대해서 정리해보려한다.나의 경우에는 camp-us프로젝트를 하면서 axios를 먼저 써보고, 회사 프로젝트인 Hisms에서는

React는 컴포넌트를 렌더링 한 뒤, 이전 렌더된 결과와 비교하여 Dom 업데이트를 결정한다. 이 때 재렌더가 필요없는 컴포넌트의 렌더를 방지하여 이 업데이트 속도를 높일 수 있는 방법들이 있는데 정확한 역할과 차이점을 구분하기 위해 정리해 보고자 한다.썸네일Reac

회사에서 60장 분량의 API 규격문서를 하드코딩해서 올리라는 말을 듣고 잠시간 할 말을 잃었었다.. API연동 문서에는 많은 테이블과 텍스트들이 있었지만 그 중 가장 관건은 request와 response 예시인데리퀘스트 예시이렇게 되어있는 내용을 highlightj

input 여러 개 일때 useState를 여러개 사용하는건 좋은 방법이 아님. 좋은 방법은, input에 name이라는 값을 설정하고, 이벤트가 발생했을 때 이값을 참조하는거다. 여러개의 문자열 형태를 가지고 있는 객체 형태를 관리 해 줘야한다. 이 값들을 참조해

리액트(React)에서 체크박스(Checkbox) 사용 시 아래와 같은 에러가 발생할 때가 있다.input type으로 checkbox를 쓸 때 onClick 핸들러를 제공하고 checked 값을 설정하는 식으로 코딩하면 이런 에러 메시지가 발생한다.onClick 핸들