오티스의개발일기

오늘은 post man 대신 swagger2 를 사용해보겠다. 일단 swagger 에대해 알아보자 swagger 란? 위키백과에 있는스웨거(Swagger)는 개발자가 REST 웹 서비스를 설계, 빌드, 문서화, 소비하는 일을 도와주는 대형 도구 생태계의 지원을 받는 오픈 소스 소프트웨어 프레임워크이다. 대부분의 사용자들은 스웨거 UI 도구를 통해 스웨거를 식별하며 스웨거 툴셋에는 자동화된 문서화, 코드 생성, 테스트 케이스 생성 지원이 포함된다. 일단 swagger 는 api 문서를 자동으로 작성해주는 라이브러리이다. 개발자들이 따로 작성할 필요없이 spring boot와 연동하여 controller가 어디있고 어떤 매게변수를 받고 어떤것을 리턴해주는지 전부 자동으로 해주는 매우 편리한 도구이다 또한 p..

오늘은 spring boot validation을 활용해 controller 를 통해 들어오는 변수들의 정규식을 컨트롤 해볼것이다. 일단 라이브러리를 살펴보자 수많은 @어노테이션을 볼수있고 생각보다 이해하기 쉽게 이름이 네이밍 되어있다 이곳의 주요 어노테이션을 대략적으로 설명해보겠다. @Size : 문자 길이 조건 @NotNull : null 값 불가 @NotEmpty : @NotNull + ""값 불가 @NotBlank : @NotEmpty + " " 값 불가 @Past : 과거 날짜 @PastOrPresent : @Past + 오늘 날짜 @Future : 미래 날짜 @FutureOrPresent : @Future + 오늘 날짜 @Pattern : 정규식을 통한 조건 @Email : 이메일 정규식 @M..

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

2022.12...

< 이전글 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 다..

2022.12.27 - [개발/spring boot] - [REACT NATIVE] 인스타그램..

2022.12.25 - [에러 모음/react-native] - [REACT NATIVE] 리엑트 네이티브 인스타그램 클론 코딩 (2) Formik + yub 을 사용하여 인스타 그램 로그인폼 구현하기 -git 참조- [REACT NATIVE] 리엑트 네이티브 인 otis.tistory.com 다음글 > 2022.12.26 - [개발/react-native] - [REACT N..

오늘은 styled components를 사용하여 자동 다크모드와 라이트모드를 구현할것이다. #styled components 를 사용해야하는 이유 일단 사용방법은 그리 편하지는 않다 예를들어 style에 대한 코드를 작성할때 StyleSheet 를 사용할경우 어시스턴트가 잘되어있어 f 만처도 font-weight가 나오고 p 만 처도 padding이 나온다 본인은 주가 css 개발이 아니므로 나같은 사람한테는 매우 귀찮은 작업이다. 일단 인텔리제이와 vs코드에서 style components 를 사용했을시 어시스턴트가 안되는걸 확인했다. 그럼에도 불구하고 사용해야하는 이유는 바로 트랜드한 다크모드와 라이트 모드이다. 기본적으로 react는 기본 js처럼 css파일을 따로 만들고 공통적으로 쓸수가 없기때..

다음글 > 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를 직접 제작해볼 계획이다. 인스타그램 클론전에 무작정 만들게아니고 정리를 하고 ..

< 이전글 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에 대해서도 미리 사전조사를 해보았다. ..