{ //axios 사용 axios.get(‘https://codingapple1.github.io/shop/data’+dataNum+’.json’).then((result)=>{ console.log(result); let data = result.data; let copy = […shoes,…data]; //기본 배열에 추가하는 방법 setShoes(copy); let numCopy = dataNum; numCopy = numCopy + 1; setDataNum(numCopy); }).catch( setResultShoes(false) //제품이 더이상 없을 시에 발동 ) }}>버튼 위와 같인 코드를 작성했다. 문제 1. 3번 클릭시에 404오류가 화면에 표시 되었다. 문제 2. 1번만 클릭해도..

앞으로는 티스토리에 TIL을 올리려고 한다! 아자아자 화이팅~ 1. ‘실행중인 도커 컨테이너의 포트포워딩 변경`에 대한 글을 썼다. 레벨3 막바지에 로그 모니터링을 도입하는 과정에서 필요했던 내용! 당시에 이미 구축한 젠킨스 파이프라인을 다시 처음부터 만들어야할까봐 엄청 긴장상태로 진행했던 기억이 난다.. 근데 도커 너무 재밌어보인다. 레벨4 때 도커를 좀 더 본격적으로 사용해볼 수 있으면 좋겠다. https://velog.io/@hanueleee/Docker-%EC%8B%A4%ED%96%89%EC%A4%91%EC%9D%B8-%EB%8F%84%EC%BB%A4-%EC%BB%A8%ED%85%8C%EC%9D%B4%EB%84%88%EC%9D%98-%ED%8F%AC%ED%8A%B8%ED%8F%AC%EC%9B%8C..

프로젝트 아키텍처1. EC2 서버 만들기참고한 글 : https://velog.io/@jonghyun3668/SpringBoot-%ED%94%84%EB%A1%9C%EC%A0%9D%ED%8A%B8-EC2-%EB%B0%B0%ED%8F%AC%ED%95%98%EA%B8%B0 SpringBoot 프로젝트 EC2 배포하기깃헙에 있는 프로젝트를 AWS EC2에 git clone을 통해 내려받아 jar 파일 빌드를 해보겠습니다.(EC2 인스턴스는 우분투로 진행합니다. 또한 따로 배포 시스템을 구축하지 않고 수동으로 배포하는것만velog.io 2. RDS 데이터베이스 생성Docker로 스프링부트 jar 파일과 mariadb를 이미지화 하여 EC2 서버에 배포 하려고 하였으나,java.lang.NullPointerExce..

1월 29일 6회차 모임 개인 목표 : 정보보안 공부- 입문 정보보안(해킹) 공부로 Dream Hack 사이트 강의 듣기 개인 결과 : 본격적으로 리눅스 환경에서 코딩하기 위해서 가상환경에서 내 맥의 VSCode 를 연결해주도록 한다. https://velog.io/@selenium/Ubuntu-%EC%84%9C%EB%B2%84-%ED%8F%AC%ED%8A%B8%ED%8F%AC%EC%9B%8C%EB%94%A9-%EB%8F%84%EB%A9%94%EC%9D%B8-%EC%97%B0%EA%B2%B0 [온라인저지] 외부접속 환경 구축(Ubuntu 서버 포트포워딩, 도메인 연결, 방화벽 설정) 온라인저지 서버 외부 접속 구축 velog.io 포트 포워딩을 이용하여 우분투 서버를 접속하게 한다. 시스템 해킹, 공격자..

안녕하세요, 다람쥐입니다. 🐿 요즘 IT 연합 동아리가 정말 많은데요. 많아진 만큼 교내가 아닌 대외 IT 연합 동아리를 찾는 학생들이 정말 많아졌습니다. 교내 동아리만으로 원하는 스터디와 프로젝트를 할 수 없어 IT 연합 동아리를 찾는 추세입니다. 실제로 IT 현업에서 IT 연합 동아리 매쉬업, 넥스터즈, SOPT 등을 한 번 쯤이라도 들어봤거나 해 본 분들이 많습니다. 대학생 뿐 아니라 직장인도 네트워킹을 위해 IT 연합 동아리를 찾는 경우가 많습니다. 그런데 IT 연합 동아리가 무엇이 있고 어떤 특징이 있는지 찾아보기가 어려운데요~ 23년 8월 기준으로 대학생 IT 연합 동아리를 총정리해봤습니다. 다양한 대학생 및 직장인 IT 연합 동아리를 알아보고 모집 일정과 지원 후기, 활동 후기를 정리했습니다..

https://velog.io/@sckwon770/Swagger%EC%97%90%EC%84%9C-MultipartFile%EA%B3%BC-DTO-%ED%95%9C-%EB%B2%88%EC%97%90-%EB%B0%9B%EB%8A%94-RequestPart-%EC%9A%94%EC%B2%AD%EC%9D%84-%EC%8B%A4%ED%96%89%ED%95%A0-%EC%88%98-%EC%9E%88%EB%8F%84%EB%A1%9D-%EB%A7%8C%EB%93%A4%EA%B8%B0 https://velog.io/@zvyg1023/Spring-Boot-Swagger%EC%97%90%EC%84%9C-ReqeustPart%EB%A5%BC-%EC%82%AC%EC%9A%A9%ED%95%98%EC%97%AC-MultiPartFil..

https://plants-growth.tistory.com/33 이전글 이 글은 Spring을 활용하여 배포를 하기 위해 공부했던 내용을 하나로 정리를 하기 위해 작성이 되었습니다. 이전 글에서 build 및 확인을 위한 배포까지 진행을 했고 이번글은 Nginx와 certbot 을 활용하여 무중단 배포하는 방법에 대해서 알아보겠습니다. ! 포트번호는 80번과 443번 미리 열어 놓은 전제로 작성했습니다. ! ubuntu를 사용하고 있습니다. Nginx 설치 sudo apt install nginx // nginx 설치 sudo systemctl start nginx // 설치한 Nginx 가 정상적으로 반영되도록 재시작 ps -ef | grep nginx // 정상적으로 Nginx가 실행되었는지 확인 ..

Kubenetes는, 프로그램(애플리케이션)을 Container 로 배포, 확장 및 관리할 때 사용하는 시스템 Docker Container 를 배포하고 orchestration 하는 표준 시스템임 Kube 는 여러 머신을 위한 docker-compose 라고 생각할 수 있음 docker-compose 는 하나의 머신 위에 여러 Container 를 띄우고 관리하고 Kube 는 더 나아가 여러 머신 위에 여러 Container 를 띄우고 모두 관리(배포, 모니터링 등)함 Kube 없이 수동으로 Container 를 배포하면, Container 가 떠야 할 서버를 직접 구성 및 관리해야하며 Container 관리, 즉 보안, 구성, Container 간 충돌, Container down 등의 이슈도 직접 ..

1. 포트원으로 결제시스템 연동 테스트 # 포트원 아이디: mihye0924@naver.com 비번 jyhC——09@ # 작업 부분 – 상세페이지 결제 연동 – 포트원 결제 라이브러리 사용 (KG 이니시스) 연동 # 작업 방안 1. 포트원 가입 https://admin.portone.io/integration/ 포트원 관리자콘솔 단 하나의 솔루션, 결제, 그 이상의 경험 admin.portone.io 2. 원하는 결제 대행사 설정 및 추가하기 대표 상점 에서 테스트실 연동 + 추가 를 눌러 추가를 한다. 3. 대표상점 – 내 식별 코드를 기억하기 4. html 에서 제이쿼리 및 포트원 연결 스크립트를 추가해준다. 5. 타입스크립트의 경우 더보기 export interface RequestPayAd..

도메인 구매 https://us-east-1.console.aws.amazon.com/route53/v2/home?region=us-east-1#Dashboard https://us-east-1.console.aws.amazon.com/route53/v2/home?region=us-east-1#Dashboard us-east-1.console.aws.amazon.com AWS의 Route 53d Dashboard에서 Domain registration에서 도메인을 등록해준다. 원하는 도메인네임을 검색하면 아래와 같이 사용 가능 여부, 추천 도메인이 나온다. 원하는 걸로 등록하자. 등록하면 본인의 메일로 Verify 메일을 보내준다. 반드시 해당 메일에서 인증을 진행해야 등록 절차가 진행된다. 나는 점심식..