목록전체 글 (56)

오티스의개발일기

[SPRING BOOT] aop 를 활용하여 request요청 log찍기

# 0 . AOP란? aop란 애스팩트라고 부르는 별도의 클래스에 캡슐화하는 접근 방식 이다 더쉽게 풀어서 이야기하자면 각 비지니스 코드파일 혹은 컨트롤러 등등 여러가지 파일에대한 어떠한 이벤트를 받고 로그같은 것들을 수행하고싶은데 각자 하나하나 만들기에는 중복되는 코드와 관리가 힘들기때문에 하나 혹은 정리해놓은 클래스 내부에서 자신이 관심이있는 클래스를 등록해두고 그 클래스가 동작할때 aop가 가지고있는 생명주기를 가지고 동작 전 그리고 동작시 그리고 후 에대한 어떠한 로직을 처리할때 사용한다. 오늘은 aop를 사용해볼것이고 너무 깊게 사용하지않을것이다. 그이유는 이 프로잭트에서는 불필요하기때문에 이것을 사용하여 매 request에 대한 요청 로그를 찍어볼것이다. 사용할 어노테이션에대해 간략하게 설명하..
개발/spring boot 2022. 12. 29. 11:00
[SPRING BOOT + REACT NATIVE] 인스타그램 클론 만들기 (5) spring boot 유저 도메인과 컨트롤러 만들기 -git 참조-

2022.12...
개발/spring boot 2022. 12. 27. 22:01
[SPRING BOOT + REACT NATIVE] 인스타그램 클론 만들기 (4) 풀스택 spring boot로 api 만들기 프로잭트 시작 -git 참조-

< 이전글 2022.12.26 - [개발/react-native] - [REACT NATIVE] 리엑트 네이티브 인스타그램 클론 코딩 (3) 구글 로그인구현 및 급 react-native-cli 로 급 우회.... google-signin 2022-12-26 기준 동작함 [REACT NATIVE] 리엑트 네이티브 인스타그램 클론 코딩 (3) 구글 로그인구현 및 급 react-native-cli 로 급 < 이전글 2022.12.25 - [에러 모음/react-native] - [REACT NATIVE] 리엑트 네이티브 인스타그램 클론 코딩 (2) Formik + yub 을 사용하여 인스타 그램 로그인폼 구현하기 -git 참조- [REACT NATIVE] 리엑트 네이티브 인 otis.tistory.com 다..
개발/spring boot 2022. 12. 27. 16:32
[REACT NATIVE] 리엑트 네이티브 인스타그램 클론 코딩 (3) 구글 로그인구현 및 급 react-native-cli 로 급 우회.... google-signin 2022-12-26 기준 동작함

2022.12.27 - [개발/spring boot] - [REACT NATIVE] 인스타그램..
개발/react-native 2022. 12. 26. 21:48
[REACT NATIVE] 리엑트 네이티브 인스타그램 클론 코딩 (2) Formik + yub 을 사용하여 인스타 그램 로그인폼 구현하기 -git 참조-

2022.12.25 - [에러 모음/react-native] - [REACT NATIVE] 리엑트 네이티브 인스타그램 클론 코딩 (2) Formik + yub 을 사용하여 인스타 그램 로그인폼 구현하기 -git 참조- [REACT NATIVE] 리엑트 네이티브 인 otis.tistory.com 다음글 > 2022.12.26 - [개발/react-native] - [REACT N..
개발/react-native 2022. 12. 25. 00:56
[REACT-NATIVE] Redux Toolkit 과 Styled Components를 사용하여 자동 다크모드 라이트모드 구현하기

오늘은 styled components를 사용하여 자동 다크모드와 라이트모드를 구현할것이다. #styled components 를 사용해야하는 이유 일단 사용방법은 그리 편하지는 않다 예를들어 style에 대한 코드를 작성할때 StyleSheet 를 사용할경우 어시스턴트가 잘되어있어 f 만처도 font-weight가 나오고 p 만 처도 padding이 나온다 본인은 주가 css 개발이 아니므로 나같은 사람한테는 매우 귀찮은 작업이다. 일단 인텔리제이와 vs코드에서 style components 를 사용했을시 어시스턴트가 안되는걸 확인했다. 그럼에도 불구하고 사용해야하는 이유는 바로 트랜드한 다크모드와 라이트 모드이다. 기본적으로 react는 기본 js처럼 css파일을 따로 만들고 공통적으로 쓸수가 없기때..
개발/react-native 2022. 12. 23. 16:38
[REACT NATIVE] 리엑트 네이티브 인스타그램 클론 코딩 (1) 계획 및 프로젝트 네비게이션 생성 및 홈 화면 구현 -git 참조-

다음글 > 2022.12.25 - [에러 모음/react-native] - [REACT NATIVE] 리엑트 네이티브 인스타그램 클론 코딩 (2) Formik + yub 을 사용하여 인스타 그램 로그인폼 구현하기 -git 참조- [REACT NATIVE] 리엑트 네이티브 인스타그램 클론 코딩 (2) Formik + yub 을 사용하여 인스타 그램 로그인 자 오늘은 로그인폼을 구현해보도록 하겠다. 사용할 모듈을 forkmik 과 yub이다 간단하게 설명하자면 yub은 정규식 formik은 이벤트 리스너라 생각해도 좋다 yub을 사용하여 true와 false 값 그리고 그에 otis.tistory.com 오늘부터 인스타그램 UI를 직접 제작해볼 계획이다. 인스타그램 클론전에 무작정 만들게아니고 정리를 하고 ..
개발/react-native 2022. 12. 22. 19:50
The object notation for `createSlice.extraReducers` is deprecated, and will be removed in RTK 2.0. Please use the 'builder callback' notation instead: https://redux-toolkit.js.org/api/createSlice 에러

extraReducers: { // 비동적인 엑션을 넣는다 외부적인 액션 (예를들어 userSlice에서 post의 액션을 써야할때 이곳에 적는데 그때는 동기가아니고 비동기여도 넣는다.) [logInRequest.pending](state, action) { state.loading = true; }, [logInRequest.fulfilled](state, action) { state.user = action.payload; state.loading = false; }, [logInRequest.rejected](state, action) { console.log('rejected 됨') console.log(action) state.user = null; state.loading = false; },..
에러 모음/react-native 2022. 12. 21. 21:22
[REDUX] Redux Toolkit 사용해보기 + 로그인 버튼 Client 단부터 reducer 까지 -git첨부-

< 이전글 2022.12.21 - [개발/react-native] - [REACT NATIVE] Redux-Saga 프로젝트 시작하기 [REACT NATIVE] Redux-Saga 프로젝트 시작하기 < 이전글 2022.12.20 - [개발/react-native] - [REACT NATIVE] IMMER 사용하기 + REDUX 추가설명 [REACT NATIVE] IMMER 사용하기 + REDUX 추가설명 < 이전글 2022.12.20 - [개발/react-native] - [REACT NATIVE] REDUX 미들웨어 그리고 클 otis.tistory.com 저번신간에 redux-saga에 대해서 작업해보았다 redux-saga를 공부하기전 redux-toolkit에 대해서도 미리 사전조사를 해보았다. ..
개발/react-native 2022. 12. 21. 14:30
[REACT NATIVE] Redux-Saga 프로젝트 시작하기 -git첨부-

다음글 > 2022.12.21 - [개발/react-native] - [REDUX] Redux Toolkit 사용해보기 + 로그인 버튼 Client 단부터 reducer 까지 [REDUX] Redux Toolkit 사용해보기 + 로그인 버튼 Client 단부터 reducer 까지 < 이전글 2022.12.21 - [개발/react-native] - [REACT NATIVE] Redux-Saga 프로젝트 시작하기 [REACT NATIVE] Redux-Saga 프로젝트 시작하기 < 이전글 2022.12.20 - [개발/react-native] - [REACT NATIVE] IMMER 사용하기 + REDUX 추가설명 otis.tistory.com < 이전글 2022.12.20 - [개발/react-native..
개발/react-native 2022. 12. 21. 12:09
이전 Prev 1 2 3 4 5 6 Next 다음