profile
Front-end Developer
post-thumbnail

컴포넌트 재사용하기

최상위 부모 Modal 컴포넌트에서 clickedType state을 설정한다. 그리고 자식컴포넌트 Form에서 클릭할때마다 e.target.innerText를 clikedType state에 저장한다. 이와 동시에 format 속성에서 clikedType이 로그인일때는 signInProps 객체를 보내고 회원가입 일떄는 signUpProps 객체를 보낸...

2021년 1월 3일
·
0개의 댓글
post-thumbnail

[Mini Project] Monster - Funtion

✅ 간단한 레이아웃 생각해보기 ✅ usehistory ✅ useEffect , deps✅ useParams API GETSearchBox onChange data state 관리Data && SearchData Filtering Props전달Card들을 맵핑해

2021년 1월 3일
·
0개의 댓글
post-thumbnail

[Git] - Rebase

cp -rpv backup-original backup-clonegit rebase -i master 해당브랜치이름git reflog git reset --hard 돌아가고싶은 주소 이다. git push origin 브랜치이름 -f

2021년 1월 3일
·
1개의 댓글
post-thumbnail

useState & useEffect

\>✅ Function 형으로 변환 ✅ useState 사용 ✅ UseEffect 사용 ✅ UseHistroy 사용컴포넌트 사이에서 상태와 관련된 로직을 재사용하기 어렵습니다. (HOC, render props)복잡한 컴포넌트들은 이해하기 어렵습니다. (관심

2020년 12월 28일
·
0개의 댓글
post-thumbnail

[REDUX] - 기초셋팅하기

redux , react-redux 라이브러리 2개를 설치해야한다redux는 데이터를 엄격하게 관리하는 기능, react-redux는 리덕스를 리액트에서 쓸 수 있게 도와주는 기능을 제공한다.

2020년 12월 27일
·
2개의 댓글
post-thumbnail

Rest Api

HyperText Transfer Protocol의 준말로 링크 기반으로 데이터를 요청하고 받겠다는 것클라이언트와 서버가 요청을 하고 응답을 하기 위해 따르는 프로토콜HTML 문서를 주고 받을 수 있음, 뿐만 아니라 이미지, 동영상, 오디오, 텍스트 문서 등을 주고 받

2020년 12월 27일
·
0개의 댓글
post-thumbnail

[MarketBully] - 팀 프로젝트

✔ 클론 사이트 영상 IMAGE ALT TEXT HERE

2020년 12월 27일
·
2개의 댓글
post-thumbnail

[Mini Project] Monster - Class

✅ 일반(전역)함수에서 사용 할경우 <Route <Route exact path="/monsters" component={UrlParameters} />에서 exact path는 정확한 경로를 나타내고, component는 이동시킬 컴포넌트르 작성하면된다

2020년 12월 19일
·
0개의 댓글
post-thumbnail

React | Query parameters, URL parameters

✅ SPA, React Router ✅ 리스트 페이지 >>> 상세 페이지 ✅ 유동 라우터✅ Query parameters ✅ URL parameters ✅ Wrap Up 참고) React 6 - React Router위의 코드를 보면 현재 리스트 페

2020년 12월 19일
·
0개의 댓글
post-thumbnail

[Mini Procjet] - Monster API 받은 후 검색구현

구현하는 기능과 배우는 컨셉 >✅ * componentDidMount() 메소드를 통해 라이프 사이클에 대한 이해를 높인다. * ✅ * fetch() 함수를 사용해 API 호출을 할 수 있다. * ✅ * Array.map() 함수를 통해 component를 재활

2020년 12월 19일
·
0개의 댓글
post-thumbnail

[MarketBully] - 초기 셋팅

npx create-react-app MarketBullynpm install react-router-dom --savenpm install node-sass --save각자 맡게될 레이아웃을 컴포넌트화 시킨다.Login Signup Home Nav 등등해당 컴포넌트

2020년 12월 14일
·
0개의 댓글
post-thumbnail

[CodeKata_10] 복소수

문제두 개의 input에 복소수(complex number)가 string 으로 주어집니다.복소수란 a+bi 의 형태로, 실수와 허수로 이루어진 수입니다.input으로 받은 두 수를 곱해서 반환해주세요.반환하는 표현도 복소수 형태의 string 이어야 합니다.복소수 정

2020년 12월 14일
·
0개의 댓글
post-thumbnail

[CodeKata_09] 면적의 값 반환

인자인 height는 숫자로 이루어진 배열입니다.그래프로 생각한다면 y축의 값이고, 높이 값을 갖고 있습니다.아래의 그래프라면 height 배열은 1, 8, 6, 2, 5, 4, 8, 3, 7 입니다.저 그래프에 물을 담는다고 생각하고,물을 담을 수 있는 가장 넓은 면

2020년 12월 14일
·
0개의 댓글
post-thumbnail

CodeKata_08] 자주 등장한 숫자 반환

nums는 숫자로 이루어진 배열입니다.가장 자주 등장한 숫자를 k 개수만큼 return해주세요.nums = 1,1,1,2,2,3,k = 2return 1,2nums = 1k = 1return 1

2020년 12월 14일
·
0개의 댓글
post-thumbnail

[CodeKata_08] 유효판단

s는 여러 괄호들로 이루어진 String 인자입니다.s가 유효한 표현인지 아닌지 true/false로 반환해주세요.종류는 '(', ')', '', '', '{', '}' 으로 총 6개 있습니다.아래의 경우 유효합니다.한 번 괄호를 시작했으면, 같은 괄호로 끝내야 한다.

2020년 12월 14일
·
0개의 댓글
post-thumbnail

[CodeKata_07] 과반수 숫자 반환

문제숫자로 이루어진 배열인 nums를 인자로 전달합니다.숫자중에서 과반수(majority, more than a half)가 넘은 숫자를 반환해주세요.예를 들어,nums = 3,2,3return 3nums = 2,2,1,1,1,2,2return 2nums 배열의 길이는

2020년 12월 14일
·
0개의 댓글
post-thumbnail

[CodeKata_06] 로마자 숫자변환

1~3999 사이의 로마자 s를 인자로 주면 그에 해당하는 숫자를 반환해주세요.로마 숫자를 숫자로 표기하면 다음과 같습니다.Symbol ValueI 1V 5X 10L 50C 100D 500M 1000로마자를 숫자로 읽는 방법은 로마자를 왼쪽부터 차례대로 더하면 됩니다.

2020년 12월 14일
·
0개의 댓글
post-thumbnail

[CodeKata_05] 공통된 시작 단어(prefix)를 반환해주세요.

strs은 단어가 담긴 배열입니다.공통된 시작 단어(prefix)를 반환해주세요.예를 들어strs = 'start', 'stair', 'step'return은 'st'strs = 'start', 'wework', 'today'return은 ''

2020년 12월 14일
·
0개의 댓글
post-thumbnail

[CodeKata_04] 뒤집은 모양이 num과 똑같은지 여부를 반환해주세요.

숫자인 num을 인자로 넘겨주면, 뒤집은 모양이 num과 똑같은지 여부를 반환해주세요.num: 숫자return: true or false (뒤집은 모양이 num와 똑같은지 여부)예를 들어,num = 123return false=> 뒤집은 모양이 321 이기 때문num

2020년 12월 14일
·
0개의 댓글
post-thumbnail

[CodeKata_03] 제일 긴 단어의 길이를 반환해주세요.

str: 텍스트return: 중복되지 않은 알파벳 길이 (숫자 반환)예를 들어,str = "abcabcabc"return은 3=> 'abc' 가 제일 길기 때문str = "aaaaa"return은 1=> 'a' 가 제일 길기 때문str = "sttrg"return은 3

2020년 12월 14일
·
0개의 댓글