최상위 부모 Modal 컴포넌트에서 clickedType state을 설정한다. 그리고 자식컴포넌트 Form에서 클릭할때마다 e.target.innerText를 clikedType state에 저장한다. 이와 동시에 format 속성에서 clikedType이 로그인일때는 signInProps 객체를 보내고 회원가입 일떄는 signUpProps 객체를 보낸...
✅ 간단한 레이아웃 생각해보기 ✅ usehistory ✅ useEffect , deps✅ useParams API GETSearchBox onChange data state 관리Data && SearchData Filtering Props전달Card들을 맵핑해
cp -rpv backup-original backup-clonegit rebase -i master 해당브랜치이름git reflog git reset --hard 돌아가고싶은 주소 이다. git push origin 브랜치이름 -f
\>✅ Function 형으로 변환 ✅ useState 사용 ✅ UseEffect 사용 ✅ UseHistroy 사용컴포넌트 사이에서 상태와 관련된 로직을 재사용하기 어렵습니다. (HOC, render props)복잡한 컴포넌트들은 이해하기 어렵습니다. (관심
redux , react-redux 라이브러리 2개를 설치해야한다redux는 데이터를 엄격하게 관리하는 기능, react-redux는 리덕스를 리액트에서 쓸 수 있게 도와주는 기능을 제공한다.
HyperText Transfer Protocol의 준말로 링크 기반으로 데이터를 요청하고 받겠다는 것클라이언트와 서버가 요청을 하고 응답을 하기 위해 따르는 프로토콜HTML 문서를 주고 받을 수 있음, 뿐만 아니라 이미지, 동영상, 오디오, 텍스트 문서 등을 주고 받
✅ 일반(전역)함수에서 사용 할경우 <Route <Route exact path="/monsters" component={UrlParameters} />에서 exact path는 정확한 경로를 나타내고, component는 이동시킬 컴포넌트르 작성하면된다
✅ SPA, React Router ✅ 리스트 페이지 >>> 상세 페이지 ✅ 유동 라우터✅ Query parameters ✅ URL parameters ✅ Wrap Up 참고) React 6 - React Router위의 코드를 보면 현재 리스트 페
구현하는 기능과 배우는 컨셉 >✅ * componentDidMount() 메소드를 통해 라이프 사이클에 대한 이해를 높인다. * ✅ * fetch() 함수를 사용해 API 호출을 할 수 있다. * ✅ * Array.map() 함수를 통해 component를 재활
npx create-react-app MarketBullynpm install react-router-dom --savenpm install node-sass --save각자 맡게될 레이아웃을 컴포넌트화 시킨다.Login Signup Home Nav 등등해당 컴포넌트
문제두 개의 input에 복소수(complex number)가 string 으로 주어집니다.복소수란 a+bi 의 형태로, 실수와 허수로 이루어진 수입니다.input으로 받은 두 수를 곱해서 반환해주세요.반환하는 표현도 복소수 형태의 string 이어야 합니다.복소수 정
인자인 height는 숫자로 이루어진 배열입니다.그래프로 생각한다면 y축의 값이고, 높이 값을 갖고 있습니다.아래의 그래프라면 height 배열은 1, 8, 6, 2, 5, 4, 8, 3, 7 입니다.저 그래프에 물을 담는다고 생각하고,물을 담을 수 있는 가장 넓은 면
nums는 숫자로 이루어진 배열입니다.가장 자주 등장한 숫자를 k 개수만큼 return해주세요.nums = 1,1,1,2,2,3,k = 2return 1,2nums = 1k = 1return 1
s는 여러 괄호들로 이루어진 String 인자입니다.s가 유효한 표현인지 아닌지 true/false로 반환해주세요.종류는 '(', ')', '', '', '{', '}' 으로 총 6개 있습니다.아래의 경우 유효합니다.한 번 괄호를 시작했으면, 같은 괄호로 끝내야 한다.
문제숫자로 이루어진 배열인 nums를 인자로 전달합니다.숫자중에서 과반수(majority, more than a half)가 넘은 숫자를 반환해주세요.예를 들어,nums = 3,2,3return 3nums = 2,2,1,1,1,2,2return 2nums 배열의 길이는
1~3999 사이의 로마자 s를 인자로 주면 그에 해당하는 숫자를 반환해주세요.로마 숫자를 숫자로 표기하면 다음과 같습니다.Symbol ValueI 1V 5X 10L 50C 100D 500M 1000로마자를 숫자로 읽는 방법은 로마자를 왼쪽부터 차례대로 더하면 됩니다.
strs은 단어가 담긴 배열입니다.공통된 시작 단어(prefix)를 반환해주세요.예를 들어strs = 'start', 'stair', 'step'return은 'st'strs = 'start', 'wework', 'today'return은 ''
숫자인 num을 인자로 넘겨주면, 뒤집은 모양이 num과 똑같은지 여부를 반환해주세요.num: 숫자return: true or false (뒤집은 모양이 num와 똑같은지 여부)예를 들어,num = 123return false=> 뒤집은 모양이 321 이기 때문num
str: 텍스트return: 중복되지 않은 알파벳 길이 (숫자 반환)예를 들어,str = "abcabcabc"return은 3=> 'abc' 가 제일 길기 때문str = "aaaaa"return은 1=> 'a' 가 제일 길기 때문str = "sttrg"return은 3