본문 바로가기

전체 글

 (40)
[React] Refs, Portals useRef 특징 - 값을 입력창에서 읽어들이고 싶을 때 사용 가능 - 컴포넌트가 재실행되어도 값을 잃지 않음(시스템 내부에서 이루어지기 때문) * 읽어들이는 목적으로만 사용해야 하며 , 조정하기 위해서 ref를 사용하면 Dom에 직접적으로 접근하게 되기 때문에(react의 개념에 반하게 됨) 사용 자제. 사용자가 아닌 React가 값을 바꾸게 해야함 - useRef로 받는 값은 항상 자바스크립트로 객체 사용방법 export default function Test(){ const testRef = useRef(); function handleClick(){ console.log(testRef.current.value); } return ( Click ) } => 위와 같이 ref와 input을 연결하면,..
[React] React Developer Tools https://chromewebstore.google.com/detail/react-developer-tools/fmkadmapgofadopljbjfkapdkoienihi?pli=1 React Developer Tools Adds React debugging tools to the Chrome Developer Tools. Created from revision 47cf347e4 on 3/8/2024. chromewebstore.google.com react로 프로젝트를 진행하면서, 컴포넌트를 보다 쉽게 확인 할 수 있는 툴을 소개한다. 이 프로그램은 리액트 어플리케이션 내의 성능 문제들을 찾고 고치는 것도 가능하다고 한다, 리액트React Developer Tools로 위의 링크에서 설치 가능하다. =..
주절주절..팀원 구하는건 참 힘들어 다시 취준생이 되면서, 학원 수업 이후로 첫 사이드 프로젝트를 만들어보자고 결심했다. 이력서에 들어갈 포트폴리오로 학원에서 만든 플젝을 쓰자니, 너무 삐약이 시절에 만든거라 성에 차지도 않고.. 2년 동안 열심히 회사에서 실무 경험을 쌓았으니, 다시 프로젝트를 진행하면 좀 더 완성도 있지 않을까 싶었다. 그래서 처음 팀원을 구하기 위한 사이트로 유료 플랫폼 비사이드 포텐데이를 이용하고자 구매했는데... 유료 플랫폼임에도 팀원 구하는게 쉽지 않았다. 처음 며칠은 팀원을 직접 찾고, 이후에는 동의하는 사람에 한해서 자동으로 팀원을 매칭해준다. 그런데도 매칭이 안되면 자동 하차된다. 나는 당연히 팀원을 찾지 못하면 자동적으로 팀원을 구해줄는 시스템으로 넘어가는 건 줄 알았는데... 동의 버튼을 클릭 해야하더라..

티스토리툴바