본문 바로가기

Coding127

Redux - immutable - Next tutorial(1) Redux - immutable - Next tutorial을 하면서 우선 counter를 할 수 있는 페이지를 만들었다. 폴더 구성은 다음과 같이 하였다. - components 디렉토리는 페이지를 구성하고 있는 component를 만들도록 했다. - containers 디렉토리는 redux와 연결해서 상태관리를 하는 component 이다. - pages 디렉토리는 각 페이지를 나타낸다. - redux 디렉토리는 중앙집체 상태 관리를 할 수 있도록 redux에 필요하는 action, reducer, store를 만드는 곳이다. Next.js 에서 제공하는 Link component를 활용해서 page를 분기했다. Home 페이지 구조는 다음과 같이 만들었다. Head를 따로 뺄 수 있지만, 내용이 작.. 2021. 1. 1.
Redux - immutable - Next Tutorial 나갈 수 있는 곳도 없고... 코딩 공부도 해야돼서 ㅎㅎ 회사에서 사용하는 라이브러리 공부를 하게 되었다. - Redux는 상태관리를 중압집권체제 형태를 따르기 때문에 상태관리의 복잡성을 없애고 상태를 예측가능하기에 나중에 유지보수 측면에서 좋다. - immutable.js는 객체나 배열 관리를 immutable(불변의) 상태로 관리하도록 도와주는 라이브러리다. Redux를 사용한다면 상태를 관리할때 객체나 배열을 immutable하게 관리해야기 때문에(최적화를 하기 위해서) 도움이 되는 라이브러리다. - Next.js는 처음 공부할 때 이해한 내용은 javascript가 render 되기전에 html 태그를 먼저 불러와서 정적인 페이지 로딩이 빠르고, SSR(server side render)를 하기 .. 2021. 1. 1.
firebase - auth O auth에 이어서 직접 회원 관리를 할 수 있는 auth 기능을 추가로 넣을 수 있다. O auth 처럼 firebase console에서 이메일/비밀번호를 사용 설정으로 켜두어야 한다. 그래야 firebase에서 제공하는 메소드를 사용 할 수 있다. firebase 파일에 firebase.auth()를 변수로 내보내는 작업을 해주고, 필요한 곳에서 받을 수 있도록 한다. 그리고 email, password를 받아서 .createUserWithEmailAndPassword에 인자로 email과 password를 보내준다. 로그인을 할 때는 signInWithEmailAndPassword에 인자로 email, password를 넣어주어서 로그인을 할 수 있다. 만약 이전에 가입되어 있거나, 중복된 아이.. 2020. 12. 13.
firebase - Oauth firebase로 회원가입을 관리 할 수 있는 기능들이 있다. 거기에 google 로그인 github 로그인 처럼 Oauth 기능도 지원을 한다. Oauth 기능을 설명 하면... 기본적으로 설정이 필요하다. firebase console에 들어와서 개발 밑에 authentication을 클릭해서 들어간다. 그러고 나서 Authentication 밑에 Sign-in method에 들어간다. 기본적으로 상태가 전부 사용중지로 되어있다. 여기서 필요로 하는 Oauth를 선택해서 설정으로 바꿔주면 된다. 이메일/비밀번호는 회원가입을 할 수 있는 auth 기능이다. Google의 auth는 기본적으로 설정이 되어 있어서 사용설정만 켜주면 사용을 할 수 있다. Github는 Github에서 주는 보안 key를 입.. 2020. 12. 11.
반응형

티스토리툴바