전체보기178 S1: Stack로 브라우저 뒤로가기 앞으로가기 구현 2021. 9. 25. S1: QUE로 순서처리구현 / findIndex, Splice, Math.max 1. findIndex(function(배열안 각 요소)=>{return ~ }) 배열안에서 조건에 맞는 값의 요소들중 첫번째 요소의 인덱스를 반환한다. 없을시 -1이 반환된다. 2. Splice(시작인덱스, 끝인덱스) 배열에서 시작인덱스부터 끝인덱스-1 까지 제거한다. slice( 시작인덱스,끝인덱스)는 시작인덱스부터 끝인덱스-1까지만 남겨둔다. 3. Math.max( ) 최대 값을 찾아 반환한다. 2021. 9. 25. S1: 재귀함수 / 자료구조 / push, unshift, pop, shift 재귀적으로 사고하기 1. 재귀함수의 입력값과 출력값을 명료하게 표기한다. 2. 문제를 여러개로 쪼갠다. 3. 단순한 문제를 해결한다. base case 재귀의 기초 4. 남은 복잡한 문제를 해결한다. 자료구조 1. 스택 구현 2. 큐 구현 배열의 push, unshift, pop, shift 2021. 9. 23. S1: 트위터 목록과 삭제 트위터 사용자 이름과 트윗 내용을 쓰면 입력한 값을 state에 저장시켜야한다. 각 입력창마다 onchage를 사용하여 입력될때마다 지속적으로 부모 컴포넌트에서 useState로 각 입력값들을 저장하여 상태를 관리하게 하여야한다. Tweet 버튼을 통해 트윗이 업데이트 되면 onClick 이벤트로 새트윗을 작성받아 해당 값 뒤로 기존 tweets들을 전개연산자로 추가하여 만들어진 새 값을 현재 값에다가 상태를 관리하도록 작성한다. 트윗위에 현재 등록된 트윗들을 작성자 별로 관리하는 select 탭을 만들기 위해 데이터가 저장된 tweets들의 중복을 제거하여 하나의 배열을 다시 만든다. 이 과정을 통해 작성자 이름만으로 중복이 없는 배열이 만들어졌다. 새로 만들어진 함수를 map하여 select의 opt.. 2021. 9. 23. S1: Props *Props를 통해 자식 컴포넌트는 부모의 자식 value로도 받을 수 있다. * React state는 상태 변경 함수 호출로 변경해야 한다. 강제로 변경을 시도하면 안 된다. 2021. 9. 23. S1: useState와 Props로 자식onClick<=>부모상태 제어하기 Sidebar 컴포넌트 내부에 버튼1과 2가 있으며 해당 버튼을 누르면 Sidebar는 그대로 출력된 상태에서 다른 컴포넌트 2개가 연결된 버튼으로 나타나게 하려고한다. 1. 자식 컴포넌트인 Sidebar에서 버튼마다 oncClick 이벤트를 달아 버튼울 누를시 props의 한 객체 요소로써 test에 값을 담아 props로 보낸다. 2. 부모 컴포넌트인 App에서 Sidebar컴포넌트를 나타내고 태그안에서 test를 받아와 부모의 상태값과 상태값을 변화시킬 함수를 담은 useState에의 상태값을 변화시키는 함수에 연결시킨다. * 자식은 자신의 버튼을 클릭하여 부모의 상태(state)를 바꿀수 있게 됐다. * 자식은 자기상태가 필요없다! 자식이 뭘 클릭했는지에 따라 부모가 뭘 보여줄지 결정하니 부모가 .. 2021. 9. 14. 이전 1 ··· 25 26 27 28 29 30 다음
