본문 바로가기
반응형

직장인인강31

AWS/Docker 클라우드 패스트캠퍼스 챌린지 22일차 [지라 이슈 ID, BitBucket 연결 - 1, 2] 응용 프로그램에서 DVCS ACCOUNT에서 계정을 연결해야 한다. Bitbucket cloud 혹은 Github 계정으로 연결한다. OAuth Key와 OAuth Secret을 적어서 연동한다. BitBucket 왼쪽 하단 로그에 Setting을 설정해야 한다. [Add Consumer]를 클릭해서 진행한다. 그러면 key를 만들 수 있다. Name, Description, Callback URL, URL , Privacy policy URL,등으로 개인정보를 추가한다. Callback URL은 JIRA URL정보이다. 주의한다. 또한 정책, 일반 URL도 똑같이 지정한다. This is a private consumer를 꼭 해제해주어야 한다... 2021. 9. 27.
AWS/Docker 클라우드 패스트캠퍼스 챌린지 21일차 [13.S3로 이미지 업로드 및 API 활용-3] border-radius, width, height, margin, opacity, border의 css를 이용해 이전의 submit버튼을 커스터마이징한다. $("#write-btn").hide()를 통해 기존에 있는 디자인을 숨길 수 있다. 로그인이 되지 않았을 경우에는 나오지 못하게 막는 것이다. 또한 파일첨부하는 부분을 커스터마이징할 수 있다. form-title에 리뷰쓰기를, form-desc에 오프라인 행사 리뷰 작성을 위한 div를 만든다. css에서 화면단 설정을 해준다. [14. S3로 이미지 업로드 및 API 활용-4] @RequestParam("mediaFile") MultiPartfile file 뿐만 아니라 @RequestParam(.. 2021. 9. 26.
AWS/Docker 클라우드 패스트캠퍼스 챌린지 20일차 [11. S3로 이미지 업로드 및 API 활용 - 1] S3로 올리기를 하기 위해서 jira에 이슈를 생성한다. 개발 중 단계로 넘어가서 진행을 한다. review_s3_upload파일을 압축을 풀어서 새로운 프로젝트를 open한다. Synchronize workspace에서 확인을 해본다. AWS 관련 서비스와 security에서 matcher가 추가되어 있다. local에서 Tomcat을 실행시켜서 서버를 구동한다. 7000 port가 설정된 홈페이지가 들어가지는지 확인한다. submit의 경우, multipart/form-data 형식으로 enctype 설정을하고, method는 form이다. 을 설정해 첨부파일을 보낼 수 있도록 한다. script에서 다시 FormData 객체를 만든다. 또한 활.. 2021. 9. 25.
AWS/Docker 클라우드 패스트캠퍼스 챌린지 19일차 [08. 카카오 로그인 - 3] 발급받은 KEY는 고유한 곳에 받아두어야 한다. 다른 사람의 접근을 막아야 하기 때문에, 보안을 지켜서 관리하도록 한다. 로그인 시, 어떤 정보들을 요청할 수 있을지, 수집할지를 정하고 필요에 따라서 사유를 입력해준다. 프로필 사진, 성별 등등 여러가지를 사이트 운영정책과 필요 정보에 따라 정할 수 있다. 기존에 있던 프로젝트에 카카오 로그인을 연동하기 위해서는 따로 maven, gradle에 추가할 라이브러리가 없다. key를 잘 관리하는 것이 가장 중요하다. login.jsp파일에서 메인화면이 보여지며 해당 부분에 셋팅해야 한다. 카카오톡 라이브러리를 위해 에 주소를 추가해야 한다. kakao.init()으로 javascript 키를 넣어 카카오톡 초기화를 한다. 로그.. 2021. 9. 24.
AWS/Docker 클라우드 패스트캠퍼스 챌린지 18일차 [S3 설정 및 이미지 업로드] 1. AWS S3 설정 -> 2. 이미지 업로드 -> 3. DB 이미지 URL 생성 지라를 열어서 목표를 새롭게 생성한다. S3에 이미지 올리기를 제목으로 또한 해당 문장을 설명에 넣는다. AWS에서 S3을 검색해서 들어간다. 이미지를 관리해주지만, 관리비용이 나가기때문에 트래픽과 용량을 고려해서 사용해야 한다. 또한 여러 검증으로 어떤 방식으로 운영할지 정해야 한다. Bucket 만들기를 한다. 특수문자를 사용하지 않고 영문을 이용해서만 생성한다. 리전은 아시아/태평양으로 한다. 기본적인 셋팅으로 해당 접근성은 private이다. 해당 Bucket을 업로드 버튼을 눌러서 이미지를 업로드 해본다. 해당 저장소에 저장이 되면 이미지에 대한 정보가 나온다. 사용을 하려면 접근.. 2021. 9. 23.
AWS/Docker 클라우드 패스트캠퍼스 챌린지 17일차 [05. RDS설정 -5] Controller는 url정보를 확인하여 어떤 경로로 서비스 로직을 실행시킬지 경로를 구분하고 보내주는 역할을 한다. security를 사용한다면, [Authentication]으로 로그인 정보를 넣어줄 수 있다. 로그인 관련 검증이 가능하다. login.jsp에 가보면, 실제로 의 부분은 화면에 출력되는 부분으로 적절한 수정을 한다면 출력되는 화면도 바뀐다. 또한 DB에 저장된 내용에 따라서도 칼럼을 출력할 때 내용을 바꿀 수 있다. STS설정에서 [Java Build Path]에 가보면, Apache tomcat을 9.0 설치가 필요하다. 따라서 tomcat 사이트에 들어가서 9.0 zip 파일을 다운받을 수 있도록 한다. 설정에 [Targeted Runtime]에서 to.. 2021. 9. 22.
AWS/Docker 클라우드 패스트캠퍼스 챌린지 16일차 [04.RDS 설정-4] [application.properties]를 설정했다고 끝나는 것이 아니다. 기본적으로 데이터베이스 연결이 완료가 된 것인데, 내용을 가지고와서 뿌려주어야 한다. Mapper, Service, Vo를 통해서 해당 내용들을 넘겨주거나 알려주어야 한다. 데이터베이스를 조회하여 내가 저장한 값들을 확인할 수 있다. WebMvcConfigurer를 상속받은 클래스에서 classpath를 설정할 수 있는데, 자원들의 경로를 설정할 수 있다. TileConfig에서는 tiles.xml의 정보를 토대로 화면을 구성할 수 있다. 정보가 복잡하다고 생각할 수 있는데, header, footer, modal을 넣어줄 수 있다. 공통적으로 처리하는 부분들을 모아둘 수 있기 때문에 셋팅하고 진행하면.. 2021. 9. 21.
AWS/Docker 클라우드 패스트캠퍼스 챌린지 15일차 [02.RDS 설정 -2] [Dbeaver Community]에서 다양한 DB 환경 접속이 가능한 프로그램을 설치한다. 윈도우, 맥, 리눅스 등 다양한 환경에서 다운이 가능하므로 맞는 운영체제를 선택한다. AWS에서 RDS를 만들었으므로 해당 DB인 MYSQL을 선택해서 다음을 누른다. 실제 서버 호스트의 정보들을 입력하면 되는데, port 는 3306, Username과 Password에 AWS의 RDS정보를 입력한다. SSH를 입력해서 직접 접속한다. 인바운드 규칙에서 3306에 대해 PUBLIC을 추가해서 자기 사용자만 들어올 수 있도록 한다. IP와 PORT번호만 아웃바운드 규칙에 추가되어 있다면, 소통은 서로 하고 어떤 사용자도 접속이 가능하다. [Server Time Zone]은 Seoul로 .. 2021. 9. 20.
AWS/Docker 클라우드 패스트캠퍼스 챌린지 14일차 [01.RDS 설정 -1] AWS RDS 연동 과정 1. AWS RDS 설정 2. 프로젝트 연결 3. myBatis 셋팅 4. DB Table 생성 5. SQL 생성 6. Controller, Service, View(JSP) 생성 Jira에 접속해서 이슈를 생성한다. 1. AWS Server RDS 생성 2. AWS -Data, 이미지 업로드 3. 카카오톡 로그인하기 4. S3에 이미지 올리기 개발대기에서 개발중 단계로 변경하고 개발을 실제로 진행하면 된다. 그 이후 다시 개발완료단계로 넘어가면 된다. 즉, 해당 목표에 맞게 수행하고 다음단계로 넘어가면 된다. AWS 홈페이지에서 [서비스찾기]의 RDS에 접속한다. RDS의 경우 데이터가 정형화되어 있다. NoSQL은 비정형 데이터가 있어서 확장성있게 .. 2021. 9. 19.
반응형

티스토리툴바