분류 전체보기
-
[기술면접] 3. 전역상태관리 라이브러리의 비교개발일지/항해 99 2023. 8. 6. 01:48
상태관리 라이브러리 종류 Redux 현재 가장 많이 사용되는 전역상태관리 라이브러리 단방향의 구조를 이루고 있으며 사용자의 action이 dispatch 함수를 통해서 Dispatcher에 전달이 되고 이는 reducer를 통해서 CRUD(?) 되어 Store에 저장이 된다. 이후 selector를 통해서 View에 나타낼 수 있으며 View에서 사용자의 action에 의해서 순환되는 구조를 가진다 ▣ 기타 특징 Store에 모든 상태를 저장하는 중앙집중 방식 불변성을 유지하면서 상태변화를 관리해야 함 보일러플레이트 코드가 크다 (단점) 비동기 처리 시 saga , thunk 와 같은 별도의 라이브러리 필요 (단점) 오직 하나의 Strore만 가지며, 하나의 객체 트리를 사용해 디버깅 용이 (장점) 오직..
-
[드림코딩엘리] Next.js 환경설정프로그래밍/Next.js 2023. 8. 1. 11:25
개발환경 Set Up 리액트 개발 환경과 동일하다 vscode(코드에디터) + node.js + git + yarn or npm 공식사이트도 한번보고 꼭 북마크 해야할 페이지를 봅시다 공식사이트 가서 홍보하고 있는 글도 한번 읽어보면서 메리트가 뭔지 알아보고 어떻게 접근하면 좋을지 알아보자 리액트를 기반으로 풀스택 웹앱을 만들기 위해 사용할 수 있는 프레임워크임 강력한 라우팅과 레이아웃고 제공해주고 복잡한 인터페이스를 만들어도 사용자에게 전달하는 자바스크립트의 양은 최소화 할 수 있고 폰트와 이미지에 대한 최적화 지원 리액트 최신버전에 추가된 서버컴포넌트를 이용해서 서버위주로 만들 수 있고 동적으로 html을 스트리밍할 수도 있다?? 어쨋든 풀스택하는데 간편하다 빠르게 강력한 웹을 만들 수 있고 사용자가..
-
[드림코딩엘리] Next.js 주요개념 (2강)프로그래밍/Next.js 2023. 8. 1. 10:01
개념정리 Next.js와 React 의 차이점 라이브러리와 프레임워크의 차이라고 볼 수있다 프레임워크는 큰 단위의 솔루션을 제공해준다. 골격이 정해져있다 반면에 라이브러리는 큰 골격이 정해져 있지는 않지만 여러기능에 따라서 사용자가 원하는대로 사용하면 된다는 느낌 프레임워크인 Next.js는 리액트로 웹앱을 개발하는데 리액트 만으로는 힘든 정말 많은 것들을 가능하게 해주기 때문에 필요성이 강조된다. 프레임 워크의 이점 : 서버사이드 랜더링(+하이브리드 랜더링), 풀스택 파일을 베이스로 한 라우팅, seo솔루션 제공 Next.js의 철학과 잡고가야 할 포인트 버셀에서 2016년 최초공개 pass(cloud flatform as at service) : 클라우드에서 서비스를 배포하려면 알아야 할 갖은 기능들..