전체 글156 Vue3 Project 생성 및 실행 Vue3 Project 생성 후 실행 시켜 확인하고 간단한 태그 추가 후 변경된 내용 확인 *Vue.js 관련 개념 설명은 아래 참고*VScode 사용*자세한 설명 생략 ▷ Vue3 Project 생성 및 실행 ① Vue Workspace folder 생성 ② Vue3 Project 생성*? Please pick a preset: Default ([Vue 3] babel, eslint)가 출력된다면 Enter*Defalut Vue3 💡vue create test ③ Vue3 Project 실행*Vue3 Proeject 종료 : Ctrl + c → y 💡cd test💡npm run serve ④ 결과 확인*http://localhost:8080 ▷ Vue3 project import in.. 2023. 10. 20. Vue 설치 방법 ▷ Vue 설치 방법 ① Node 설치② vue-cli 설치(-g) ① Node 설치 💡node -v💡npm -v ② vue-cli 설치(global)*vue-cli : Vue 프로젝트를 빠르게 구성, build, Deploy 할 수 있게 도와주는 도구 💡npm install -g @vue/cli💡vue --version ▷ 관련 글 Vue3 기초 예제 프로젝트 정리Vue3 기초 예제 프로젝트 구조 및 소스 중간 정리 *관련 글이 점점 늘어나 하나로 통합하기 위함 *이 글에서 만 싱크 맞춤 *주석 이외 설명 생략 *자세한 설명 생략 ▷ 프로젝트 전체 구조 coding-today.tistory.com 2023. 10. 20. Swagger UI Hangs on Big Json Respones 해결 방법 Swagger UI에서 많은 양의 응답 값을 받게 되면 버벅 거리는 문제 발생*자세한 설명 생략 ▷ 요약 문제 : Swagger UI syntaxHighlight로 인한 Big Json Response 처리 시간문제 해결 : application.properties에 springdoc.swagger-ui.syntaxHighlight.activated= false 추가 ▷ 해결 방법*application.properties에서 Swagger UI SyntaxHighlight 기능off # Swagger# Swagger UI syntaxHighlight Settingspringdoc.swagger-ui.syntaxHighlight.activated= false ▷ 결과 화면*SyntaxHighlight.. 2023. 10. 18. Swagger3 JWT 인증 설정 Swagger UI에서 API 테스트 시 JWT 인증을 위한 추가 설정*이전 글에 이어서 작업(관련 글 참고)*자세한 설명 생략 ▷ Swagger-ui 추가 설정 *@SecurityScheme 사용 속성태그속성설명@SecurityScheme 인증 스키마 정보를 설정type인증타입 (APIKEY, HTTP, OPENIDCONNECT, OAUTH2)in인증키 입력 위치(HEADER, QUERY, COOKIE)name인증 스키마 명description인증 스키마 설명 *@OpenAPIDefinition 사용 속성태그속성설명@SecurityRequirementnameSwagger-ui에서 사용할 인증 스키마 /** * Swagger3 * */@OpenAPIDefinition( info = @Inf.. 2023. 10. 18. Swagger 연동 및 설정 방법 Spring Boot + Swagger 연동 방법과 간단한 설정 방법*maven project에서 springdoc(swagger3)으로 진행*자세한 설명 생략 ▷ Swagger3 연동*dependency 이후 바로 사용 가능 ① pom.xml springdoc dependency org.springdoc springdoc-openapi-ui 1.7.0 ▷ Swagger3 명세서 작성 방법 *Swagger3 주요 Annotation태그속성설명@Tag Controller 명세nameAPI 그룹 명descriptionAPI 그룹 설명@Operation API 명세summaryAPI 설명descriptionAPI 상세 설명@Schema Model 명세descriptionModel 설명def.. 2023. 10. 18. Swagger 란? 시간 소요가 많고 관리하기 번거롭던 API 명세서 작성 작업을 Swagger를 통해 간단하게 해결*자세한 설명 생략 ▷ Swagger 란?*OAS : Open API Specification API의 명세(Spec)를 문서화하여 관리하기 위한 프로젝트API의 명세(Spec) 수정 시 문서 자동 갱신Spring / Spring Boot Project에서 사용 가능대표적인 라이브러리 : Springdoc, Springfox*차이점이 있고 Springdoc 선호 ▷ Swagger 특징 Annotation을 통해 API를 빠르게 명세Swagger-UI를 통해 API를 시각화한 화면 제공Swagger-UI를 통해 API 테스트 진행 가능 ▷ Swagger 사용 이유 엑셀로 관리하던 인터페이스 설계서를 Swa.. 2023. 10. 18. Dockerfile을 이용한 Application 배포 Dockerfile을 작성하여 Image 생성 후 Container 실행*자세한 설명 생략 ▷ Dockerfile*Dockerfile: Docker에서 Image를 생성하기 위한 파일 # Docker Create Image# base Image(ubuntu 20.04)FROM adoptopenjdk/openjdk11# application start settingARG JAR_FILE=*.jarCOPY ${JAR_FILE} app.jar ENTRYPOINT ["java","-jar","/app.jar"]# Container Time Zone SettingRUN apt-get update;RUN ln -snf /usr/share/zoneinfo/Asia/Seoul /etc/lo.. 2023. 10. 17. 로그파일 생성과 관리(logback-spring.xml) 로그파일을 생성하고 관리를 위한 반복 정책을 설정하는 방법*자세한 설명 생략 ▷ logback-spring.xml *Cassandra 관련 부분은 무시(다양한 로그를 한 파일에 담을 수 있다.) ${LOG_MSG_PATTERN} %green(%d{yyyy-MM-dd HH:mm:ss} [%-5level] : %msg %n) ${LOG_FILE_MSG_PATTERN} .. 2023. 10. 17. 요청 필드 값 공통 체크 API 별 다른 요청 필드 값을 체크하는 메서드*상황에 따라 변경해서 사용*자세한 설명 생략 /** * 요청 필드 값 공통 체크 * * [체크 리스트] * 1. JWT VERIFY * 2. 요청 필드 값 체크 * * * @param req * @param reqVO * @param resVO * @return CmmResVO */public CmmResVO fieldsCheck(HttpServletRequest req, Object reqVO, CmmResVO resVO) { try { /** JWT 체크 */ if (!"0000".equals(JWTVerify(req, resVO).getResultCode())) { return resVO; .. 2023. 10. 12. 이전 1 ··· 6 7 8 9 10 11 12 ··· 18 다음 728x90 728x90
