공대키메라

[Spring Security] 인증(Authentication) & 서블릿 인증 구조(Servlet Authentication Architevture) 지난 시간에는 공식 문서에서 Spring Security의 구조(Architecture)에 대해 공부했다. (Spring Security Architecture 공부 내용 여기 😁 클릭!) 이번시간에는 위 내용에 이어서 다음 섹션인 Authentication을 공식 문서에서 알아볼 것이다. 참고한 사이트는 다음과 같다. 출처: https://docs.spring.io/spring-security/reference/servlet/authentication/index.html https://docs.spring.io/spring-security/refere..

[Spring Security] 구조(Architecture)와 이해 지난 시간에 Spring Security의 기본적인 토대에 대해 알아보았다. (궁금하면 여기 클릭!) 이번 시간에는 공식 Reference 사이트에서 지난 시간에 이어 Spring Security의 구조에 대해 알아보고자 한다. 참고한 사이트는 다음과 같다. 출처 : https://docs.spring.io/spring-security/reference/servlet/architecture.html 1. 필터 다시보기 (A Reviews of Filters) 스프링 시큐리티의 서플릿 서포트는 Servlet Filter에 기초하며 일반적으로 처음에 Filter의 역할을 보는게 도움이 된다 (Filter를 잘 모르겠으면... 저번에 한 번..

필자 키메라는 Spring Security를 이번에 제대로 공부하고자 한다. 내 생각에는 모든 길에는 역시 정공법으로 접근해야한다는 생각이 든다(갑자기...?) 특히, 이 개발이라는것이 결국에는 누군가가 잘 만들어놓은 기능을 가져다가 사용하는 경우가 부지기수다. 과거 (아니 벌써 1년이 넘었네...) 개발원에서 최종 프로젝트 당시 부랴부랴 spring security를 적용했고, 혼자 미니 프로젝트 만들어보겠다고 공부하면서, 강의 배껴가면서 하던게 얼마전 같이 느껴진다. 하지만 단기 속성으로 하게되면 결국에는 남는게 없었다. 내가 스스로 학습하고, 적용하고, 이해하지 않으면 그 많은 강의도, 시간 투자도 소용이 없다는것을 깨달았기에... 최근에 React공부를 하듯이 직접 프로젝트를 생성하고, 적용하고 ..

지난 시간에 Next.js에서 SSG(Static Site Generation)와 SSR(Server Side Rendering)이 어떤 흐름으로 적용되는지 알아보았고, SSG, SSR을 어떻게 적용했는지 알아보았다. (궁금하면 여기 클릭!) 이번 시간에는 지난 시간에 이어서 SSR에서 어떻게 해야 action을 dispatch할 수 있는지 알아볼 것이다. 참고한 사이트는 다음과 같다. 출처: https://www.youtube.com/watch?v=w8n7Soz7khw&ab_channel=LeighHalliday https://stackoverflow.com/questions/70426965/how-to-use-next-redux-wrapper-with-next-js-redux-toolkit-and-t..

지난 시간에 Next.js에 대해 알아보았다. (궁금하면 여기 클릭!) 지난 Next.js 알아보기 - 1탄에 이어서 이번 시간에도 Next.js에 대해서 알아볼 것이다. 키메라가 정리하는 내용은 전부 공식 사이트에 있다. 다만 필자는 정리를 하면서 스스로 적용하는 것이 더 이해도 잘되고 기억에 오래남기 때문에 번거롭더라도 번역을 하면서 정리하고 있다.(그래서 약간 어색함 ㅎ...) 키메라가 정리한 내용을 읽을 필요 없이 다음 사이트를 참고하면 된다. 출처: https://nextjs.org/learn/basics/data-fetching/blog-data https://cpro95.tistory.com/492 https://www.youtube.com/watch?v=WAMqFdCFotY&ab_chann..

저번에 어떤 오류에 대해서 내용을 찾다가 우연히 (우연찮게라는 말은 "우연히가 아닌" => "고의적으로" 라는 말입니다. ㅎㅎ) ReactDOM.createRoot과 ReactDOM.render에 대해서 비교하는 글을 찾았다. 그래서 이번 시간에는 이에 대해서 읽어보는 시간을 가져보겠다. 해당 내용은 외국 사이트에서 영어로 되어 있는것을 필자가 한글로 정리한 것이다. 출처: https://dev.to/fromaline/reactdomcreateroot-reactdomrender-1jg6 https://blog.fearcat.in/a?ID=00001-3af04151-f7a0-467a-9068-dc3637befcd2 ReactDOM.createRoot 🆚 ReactDOM.render ReactDOM.crea..

전번에 필자가 redux-saga를 공부했었는데, 이런 문제가 있다. redux로 이제 store를 생성해서 사용 했는데 이게 deprecated되어서 redux-toolkit을 사용하라고 버젓이 적혀있다. 이것을 또 놓치고 그냥 가기에는 키메라의 마음에 너무 걸린다 끼에엑!@ 고로... 이번 시간에는 redux-toolkit에 대해 알아보고 이것을 어떻게 기존 코드를 변경시켜서 redux team에서 추천하는 redux-toolkit으로 도배할 것이다 (가즈아!) 참고한 사이트는 다음과 같다. 출처 https://www.youtube.com/watch?v=9MMSRn5NoFY&ab_channel=EdRoh https://redux-toolkit.js.org/ https://redux-toolkit.js..

지난 시간에 redux-saga를 어떻게 code splitting 을 적절하게 적용해서 함께 사용할 수 있는지 알아보았다. (궁금하면 여기 클릭!) 이번 시간에는 Next.js란 무엇인지 알아보고, 처음 프로젝트틀 한번 세팅해볼 것이다. 참고한 사이트는 다음과 같다. 출처: https://nextjs.org/learn/foundations/about-nextjs https://nextjs.org/learn/basics/create-nextjs-app https://nextjs.org/learn/basics/assets-metadata-css/assets 1. Next.js란? CSR sv SSR 에 대해 알아본 적이 있는데(궁금하면 여기 클릭), 그때는 간단하게 Next.js에 대해 소개했었다. Nex..

지난 시간에 redux-saga에 대해 간단히 알아보았다. (궁금하면 여기 클릭!) 이번 시간에는 다시 좀 더 나은 예제로 다시 연습해보려고 한다. 사실 전에 예시는 무언가 reducer도 나뉘어 있지 않아서 작업을 하는데 있어서 사용함에 있어서 매우 불편했다. 이번에는 좀 더 깔끔하게 구조를 잡고 학습할 것이다. reducer와 redux-saga를 다시 잘 적용하면서 말이다. 참고한 내용은 다음과 같다. 출처: https://www.inflearn.com/course/%EB%85%B8%EB%93%9C%EB%B2%84%EB%93%9C-%EB%A6%AC%EC%95%A1%ED%8A%B8-%EB%A6%AC%EB%89%B4%EC%96%BC https://react.vlpt.us/basic/23-immer.ht..

지난 시간에 Redux-thunk에 대해 알아보았다. (궁금하면 여기 클릭!) 이번 시간에는 Redux-thunk와는 좀 다른 Redux-saga에 대해서 알아보겠다. 참고한 사이트는 다음과 같다. 참고: https://redux-saaga.js.org/ https://kyounghwan01.github.io/blog/React/redux/redux-saga/#%E1%84%89%E1%85%A1%E1%84%8B%E1%85%AD%E1%86%BC%E1%84%92%E1%85%A1%E1%84%82%E1%85%B3%E1%86%AB-%E1%84%8B%E1%85%B5%E1%84%8B%E1%85%B2 https://react.vlpt.us/redux-middleware/10-redux-saga.html 1. redux-..