본문 바로가기
반응형

전체 글46

React hooks 완벽 정리 - React hooks가 생긴 이유 (1) 이번 시간은 React에 대한 공부를 하는 중에 자주 듣는 React hooks에 대한 내용을 한 번도 따로 정리를 해본 적이 없어서 이번 시간을 통해 React hooks이 왜 React에서 중요하게 되었는지, 이를 사용하기 위해서는 어떤 메서드가 있고 어떻게 써야 하지를 이번 시간을 통해 얘기해보려고 한다. React hooks hooks은 React 16.8부터 React에 요소로 새로 추가되었다. Class를 없이 state와 React Component lifeCycle를 다룰 수 있도록 하는 기능을 의미합니다. React hooks은 왜 등장했나? React Hooks은 이전에 주로 Class Component를 사용되어 왔는데 Class Component를 사용할 때의 문제점이나 불편함을 해.. 2022. 4. 25.
blog github에 노출하기 (special repository README) 간단한 방법을 통해 블로그에 내용이 github의 profiles에 노출될 수 있도록 하는 방법을 소개하려고 합니다. kyoowon - Overview kyoowon has 19 repositories available. Follow their code on GitHub. github.com 저의 github를 들어가 보면 README.md에 여기 블로그의 제목이 아래와 같이 보이는 걸 알 수 있습니다. 이렇게 블로그의 포스트가 github에 특정 시간만 되면 업데이트되면서 노출될 수 있도록 하는 방법을 소개하려고 합니다. README.md 우선 README가 무엇인지 소개를 간단히 하고 시작을 합니다. README란 Github 레포지토리에 자신의 프로젝트를 올릴 때, 프로젝트에 대한 설명(기술 스택과.. 2022. 4. 11.
React Component 생명주기 (React life Cycle) 이전 시간에 React에 대한 내용을 정리한 적이 있다. 그러면 조금 더 깊이 있는 내용을 이해하기 위해 오늘 주제를 다루려고 한다. 이는 나중에 다룰 React Hooks에 대해서도 관련이 있는데 이는 이후에 다뤄 보도록 하겠다. 리엑트 ( React ) 핵심 요약 정리 React 우리가 웹 개발에 대한 공부를 하면서 많이 들어보는 라이브러리 있는데, React, Angular, Vue가 있다. 그중에서도 웹뿐만 아니라 앱 개발에서도 많이 활용하고 있는 React라는 라이브러리에 대해 kyulee.tistory.com React life Cycle React는 컴포넌트를 기반으로 한 라이브러리인데, 각각의 컴포넌트는 생명주기를 따르며, 이는 생성되며 소멸됩니다. 이를 다음과 같은 그림으로 표현할 수 있.. 2022. 4. 9.
Auth / logout (5) 이번시간을 마지막으로 Auth에 대한 내용을 모두 간단히 정리한다. 이전까지는 회원가입과 로그인, 로그인이 되어 있는 상태를 확인하는 거였다면, 오늘은 그렇게 로그인된 상태에서 로그아웃을 하는 방법에 대해 정리하려고 한다. 로그아웃을 하는 과정은 생각보다 단순하다. 이전에 만들어둔 middleware를 활용해 token를 통해 해당 user를 찾아서 token을 삭제하면 된다. 다음과 같은 과정을 통해 로그아웃이 된다. index.ts app.get('/api/users/logout', auth, (req: any, res: any) => { User.findOneAndUpdate({ _id: req.user.id }, { token: "" }, (err: Error, user: typeof User) .. 2022. 4. 6.
반응형

티스토리툴바