항해9970 [TIL-009] 리덕스(Redux)의 이해 및 활용 Today목표 : 4/19일 리덕스(Redux)의 이해 및 활용, todo-list에 Redux 적용 시키기 알게된 점, 리덕스(Redux)의 이해 및 활용✅ 다음 포스팅에 공부한 내용을 정리해 보았다. 리덕스(Redux)의 이해 및 활용해 보기 리덕스(Redux) ✅ 1. 리덕스란 무엇인가? = 전역 상태관리 패키지 라이브러리 '중앙 State 관리소'를 사용할 수 있게 도와주는 라이브러리다. - 리덕스가 필요한 이유 1) useState의 불편함 = props 드릴링 junvelee.tistory.com styled-component 사용해보기 ✅ styled-component를 사용해 보면서 느낀점 먼저 주의 : styled-component와 styled-component's'는 다르다... 설치.. 2023. 4. 20. [TIL-008] 리액트 Hooks, 최적화 과정, VDOM 이해 Today목표 : 4/18일 리액트 Hooks, 최적화 과정, VDOM 이해 알게된 점, 리액트 Hooks(useContext, useCallback, useMemo, )✅ 1. useContext => react context API로 전역 데이터를 관리한다. 부모 -> 자식으로 데이터를 전달할 때. props으로 내려주면서, 드릴링 현상이 일어난다. - props drilling의 문제점 1. 너무 깊어지면(만약 단계가 100..이렇게) 어디에서 props를 내려주고 있는지 파악이 어려움 2. 어떤 컴포넌트에서 에러 발생 시 디버깅이 힘들어짐 useContexnt => 데이터를 전역 데이터로 관리함으로서 하위 컴포넌트에서도 접근 가능하게 하여 props 드릴링을 하지 않아도 된다. context의 필.. 2023. 4. 19. [TIL-007] 리액트 Hooks, Styled-component, 리액트 todo-list, 튜터님 질문 응답 정리 Today목표 : 4/17일 리액트 Hooks, Styled-component, 리액트 todo-list, 튜터님 질문 응답 정리 알게된 점, 리액트 Hooks(useState, useEffect, useRef)✅ 1. useState : state가 업데이트 될 때 마다 리렌더링 리액트에서 state를 업데이트 하는 방식 : 배치 업데이트 vs 함수 업데이트 차이 1) 배치 업데이트 { setCount(count + 5); setCount(count + 1); setCount(count + 1); // 명령을 모아 가장 마지막만 반영되어 한번만 업데이트 }} > => 명령의 변경 사항을 모아서 '한번만' 업데이트 한다. 2) 함수 업데이트 { setCount((currCount) => currCount.. 2023. 4. 18. [TIL-006] 리액트 개념, 리액트에서 SCSS 사용해 보기 Today목표 : 4/15일 리액트 개념, 리액트에서 SCSS 사용해 보기 알게된 점, 리액트 개념 공부✅ 1. State를 쓰는 이유 상태값에 따라 UI를 변경하기 위해서 => 리렌더링을 다시 하기 위해서 state는 구조분해 할당하여 사용한다. const [state, setState] = useState(0) 2. 리액트의 생명 주기 mount - update - unmount 1) 불변성 => 메모리의 값을 변경할 수 없는 것 - 원시타입 : 불변함 => 메모리값을 변경하지 않고, 새로 할당하기 때문 - 객체타입 : 가변함 => 주소값 안의 데이터를 변경 => obj1 영역의 메모리 값을 변경하기 때문 => 따라서 복사 시에 주소값을 새로 할당하여 새 obj영역의 주소를 부여해 메모리값이 변경되지.. 2023. 4. 16. [TIL-005] 리액트 첫주차 - 리액트의 개념, 첫 면접 스터디 발표 Today목표 : 4/14일 리액트의 개념 이해, 첫 면접 스터디 발표 알게된 점, 리액트의 개념에 대한 이해 🟡 1. 왜 리액트를 써야 할까? 1) 페이스북에 의한 유지보수 2) 막강하고 방대한 커뮤니티 3) 공식문서도 굉장히 잘 나와있고, 자료가 방대하다. 4) 리액트 패키지들이 많다. 5) React Native, electron, VR 등 상생이 좋다. 6) NPM trend 1위로 가장 많이 사용되는 라이브러리다. 막연히 그냥 많이 쓰기 때문에 사용하는 것보다는 내가 React를 사용하는 이유를 명확히 하고 사용하는 것이 좋을 것 같다. 2. 리액트는 SPA(Single Page Application)기반이다. 1) 기존 MPA(Multi Page Application)의 문제점 여러 페이지로 .. 2023. 4. 15. [TIL-004] 알고리즘 테스트, 기술 매니저님께 질문 응답 정리 Today목표 : 4/13일 알고리즘 테스트, 기술 매니저님께 질문 응답 정리 알게된 점, 알고리즘 테스트를 꾸준히 준비하자 🟠 오늘 알고리즘 테스트에서 3번문제를 못풀고 나왔다. 지뢰찾기 알고리즘 문제였는데 일단 문제를 이해하는게 너무 어려웠다. 3문제 중에 2문제를 맞췄기 때문에 만족은 하지만 어려운 문제를 해석하는게 전에도 지금도 앞으로도 너무 어려운 것 같다. 알고리즘은 단 기간에 늘기는 아무래도 힘든 것 같으니 꾸준히 하루에 한 문제씩이라도 풀 수 있도록 노력하자..! 다음 문제는 백준 지뢰찾기 문제다. 알고리즘 테스트와 같은 문제는 아니지만, 기회가 된다면 꼭 풀어보도록 하자. 4396번: 지뢰 찾기 지뢰찾기는 n × n 격자 위에서 이루어진다. m개의 지뢰가 각각 서로 다른 격자 위에 숨겨져.. 2023. 4. 14. 이전 1 ··· 4 5 6 7 8 9 10 ··· 12 다음
