개발 학습74 S2: useEffect * condition에 변화가 있을시 내부 로직이 작동된다. * useEffect의 첫번째 인자는 함수입니다. 해당 함수 내에서 side effect를 실행하면 됩니다. 이 함수는 다음과 같은 조건에서 실행됩니다. * 렌더링 시기 컴포넌트 생성 후 처음 화면에 렌더링(표시) 컴포넌트에 새로운 props가 전달되며 렌더링 컴포넌트에 상태(state)가 바뀌며 렌더링 * 2번째 인자로 배열이 들어가는데 2021. 10. 7. S2: 네트워크 fetch / xhr HTTP 메소드 GET 메서드는 특정 리소스의 표시를 요청합니다. GET을 사용하는 요청은 오직 데이터를 받기만 합니다. HEAD 메서드는 GET 메서드의 요청과 동일한 응답을 요구하지만, 응답 본문을 포함하지 않습니다. POST 메서드는 특정 리소스에 엔티티를 제출할 때 쓰입니다. 이는 종종 서버의 상태의 변화나 부작용을 일으킵니다. PUT 메서드는 목적 리소스 모든 현재 표시를 요청 payload로 바꿉니다. DELETE 메서드는 특정 리소스를 삭제합니다. CONNECT 메서드는 목적 리소스로 식별되는 서버로의 터널을 맺습니다. OPTIONS 메서드는 목적 리소스의 통신을 설정하는 데 쓰입니다. TRACE 메서드는 목적 리소스의 경로를 따라 메시지 loop-back 테스트를 합니다. PATCH 메서드.. 2021. 10. 5. S1: 비동기처리 (Promise, async~await) Promise 를 리턴하며 then으로 결과값 받기 Promise.all 를 리턴하며 then으로 결과값 받기 * Promise.all 의 인자에 들어갈 요소는 배열로 묶어준다. * then처리시 인자가 두개들어오면 배열로 묶어준다. * JSON.parse는 하나의 값으로 완성되면 마지막 처리를 해준다. async~await를 리턴하며 then으로 결과값 받기 * 실행할 함수 앞 async와 내부에서 return 할 await는 짝이 맞아야한다. * then으로 함수를 받을시 다시 async~await를 주의한다. async~await에 바로 then 붙여서 처리 리턴하기 return 값에 바로 then 시켜서 배열 안 값들을 하나하나 할당하기 2021. 9. 29. S1: for~in 과 for ~of 차이 for ...in // 객체 순환 for ...of // 배열 값 순환 for ~ in 은 객체를 풀어주는것이며 for ~ of 는 배열을 풀어주는 것이다. 만약 객체에 for ~of를 사용하게 되면 만약 배열에 for ~in를 사용하게 되면 2021. 9. 28. S1: 재귀함수 / 자료구조 / push, unshift, pop, shift 재귀적으로 사고하기 1. 재귀함수의 입력값과 출력값을 명료하게 표기한다. 2. 문제를 여러개로 쪼갠다. 3. 단순한 문제를 해결한다. base case 재귀의 기초 4. 남은 복잡한 문제를 해결한다. 자료구조 1. 스택 구현 2. 큐 구현 배열의 push, unshift, pop, shift 2021. 9. 23. S1: Props *Props를 통해 자식 컴포넌트는 부모의 자식 value로도 받을 수 있다. * React state는 상태 변경 함수 호출로 변경해야 한다. 강제로 변경을 시도하면 안 된다. 2021. 9. 23. 이전 1 ··· 8 9 10 11 12 13 다음
