개인 프로젝트 (DNW) 20

https://donotworry.site/ 배포한 사이트 주소 입니다.!!!!!

https://donotworry.site/ https://donotworry.site/업데이트 소식 음식점 , 검색 탭 클릭시 열고 닫을 수 있음 검색시 결과 목록 뜨게 수정 대전 이동 버튼, 랜덤 음식점 추천 버튼 추가 24시간 동안 열지 않기.donotworry.site 사이트 주소입니다.  ~~~ 보시고 혹시나 피드백 부탁드립니다. 자바 스프링부트 환경에서 만들었습니다.

docker Mysql 안끊기게 하기(?)

며칠만에 내 사이트에 접속해보니까 뭔가 작동이 안됐다.그래서 뭐지 함 보다가 서버 종료하고 다시 작동시켜보니 DB 문제 였던거 같아서쉘에서 docker에 Mysql 이 잘 구동중인가 봤더니 이미지는 그대로 있는데 멈추어있는 상태였다.이게 왜 멈춘거지?... 그것도 함 나중에 알아봐야겠다. 괜히 멈추니까 다시 시작하면 DB 데이터가 다 날아가있다... 데이터를 보존하려면docker run --name my-mysql -e MYSQL_ROOT_PASSWORD=my-secret-pw -v /my/local/path:/var/lib/mysql -d mysql:latest  이렇게 하고 이미 실행한 mysql 그건 이렇게 하면 멈추더라도 docker update --restart unless-stopped  이렇..

Github 비밀번호 입력 없이 pull/push 하기, github ssh key 설정

내가 프로젝트를 배포한 서버는 깃에 따로 브랜치를 파서  따로 관리중이었다. 많이 push 할일 이 없어서 그때마다 깃 에서 토큰을 받아서 유저네임 치고 비번 치고 했었는데이제 그렇게 하지 않기 위해서 ssh key 를 설정 해보기로 했다.   출처 : https://goddaehee.tistory.com/254  [Git (7)] Github 비밀번호 입력 없이 pull/push 하기(github ssh key 설정)[Git (7)] Github 비밀번호 입력 없이 pull/push 하기(github ssh key 설정) 안녕하세요. 갓대희 입니다. 이번 포스팅은 [ GitHub ID, Password 입력없이 pull, push 하기 ] 입니다. : ) 0. 들어가기 앞서 ▶ 1. SSH Key 생성..

EC2 인스턴스 서버 폭파(?)

잘 돌아가는줄 알았던 서버가 터졌다..... 결론부터 말하면 인스턴스를 하나 새로 파서 다시 돌아가게는 했는데 전에 생성했던 인스턴스는 뭐가 잘못됐는지 모르겠다 ㅠㅠㅠㅠㅠㅠㅠ 인스턴스를 실행하면 인스턴스 연결성 검사가 무조건 통과하지 못했다 .. 그리고 별짓을 다해봤다. CPU 도 처음에는 100% 를 계속 유지해서 cpu 메모리 문제를 해결하면 될줄알고 크레딧 사양변경도 해보고 , 인스턴스 유형도 겁나 좋은 large 등등 으로도 바꿔봤는데 cpu 점유율만 낮아지고 게속 연결성 검사는 통과하지 못했다..... 그래서 하루종일 파다가 원래 오류 로그도 안나왔는데 어쩌다 한번 아래와 같은 로그가 떠서 계속 찾아봐도 결국 인스턴스를 하나 다시 파게 됐다. [=3h..

검색 기능 업데이트 , 정보와 검색 결과 창 탭으로 열고 닫을 수 있게

이제 검색시 그 검색에 맞는 결과들이 목록에 촤르륵 뜬다 근데 이게 또 철자를 조금만 쳐서 검색하면 결과가 겁나많이나와서 렉걸리니 최대 검색 결과는 20개 이하로 수정해야겠다. 그리고 결과에 따라서 그 음식점들을 클릭하면 그 음식점이 있는 지도 장소로 옮겨져서 그 음식점이 어느 위치에 있는지 알수 있다. ! 그리고 이렇게 탭이 있어서 이제 안보고 싶을떄는 이탭을 눌러서 창을 안나오게하고 또 보고싶으면 눌러서 창이 뜨게 할수 있다. !!

원격 서버를 사용하는 리눅스 터미널에서 git 브랜치 추가하고 push 를 위해 git 토큰 발급 받기

프로젝트 수정 사항이 생기면 터미널 내에서 nano ~~~ 해서 직접 수정하거나 아니면 원래 로컬 프로젝트 수정해서 다시 git clone 을 하든가 했는데 이러면 너무 귀찮고 클론 할때마다 시크릿 쪽은 계속 갱신 해줘야 되고 귀찮은 부분이 여러가지 였다. 근데 막 그냥 블로그 글 읽다가 보니 리눅스 터미널에서도 git 을 쓰고 있데 당연히 되긴하겠는데 이상하게 쓸 생각을 못했다. 그래서 이번에 배포요 브랜치를 따로 파서 계속 배포용은 거기에 저장하고 할 생각이었다. 근데 문제가 발생했다. 자꾸 push 를 시도 하는데 root@ip-172-31-41-133:~/dnwProj# git push origin public Username for 'https://github.com': -------- Pass..

EC2 , 도커 , 도메인 구매후 적용 하기 ,루트53

프로젝트를 만들어봤으니 이제 로컬이 아니라 어디서든 내 사이트를 접속할수있게 aws ec2 서비스를 이용해서 서버를 대여(?) 해서 프로젝트를 실행시켜보았다. 예전에 한번 해본적이 있지만 까먹었기에 여기에 다시 적어보면서 또 볼려고 한다. 일단 내가 참고한 유튜브 영상링크를 올려본다 https://www.youtube.com/watch?v=29bnOjIOeec&t=3s 이제 기본적인 aws ec2 를 만들때 설정하고 하는거 이다 근데 위 영상에서는 인스턴스 유형을 small 로 하고 스팟 인스턴스도 요청 했는데 나는 아직 프리티어 기간이 남아있어서 마이크로 유형으로 했다. 대신 마이크로는 메모리 용량이 작아서 멈춤 현상이 발생하기도 했는데 https://gogo-coding.tistory.com/260 ..

전반적인 프론트엔드 쪽 수정 , 짜잘한 기능 수정 , 앞으로 계획?

원래 음식점 저장 기능이 이랬는데 이런식으로 바뀌었다. 저장한 음식점에서 랜덤 추천하는 것도 이렇게 좀 수정했고 다른 데도 테일윈드를 통해서 버튼 디자인 좀 수정했다. 이제 포트폴리오에 좀 이 프로젝트 좀 추가하면서 aws ec2 다시 좀 사고 원래 샀었던 가비지 도메인 에 연결해서 서버 배포도 준비 해봐야겠다. !

용량 큰 사진 업로드시 오류 해결, 파일 변경시 자동으로 사진이 업로드 되게

이번엔 프로필 사진을 추가,변경할수 있게 기능을 추가하였다. 그러면서 좀 여기에 메모할 것들을 몇개 갖고 와봤다. 일단 사진 업로드시 이런 오류가 뜨거나 아니면 서버에서 오류가 뜰수 도 있는데 나는 js 에서 file 을 전송해가지고 콘솔창에 이런 오류가 떴다. 사실 이건 지난 프로젝트에서도 본 거여서 당황하지 않고 바로 아래 코드를 spring: servlet: multipart: maxFileSize: 10MB maxRequestSize: 100MB application.yml 에 추가만 하면 바로 해결 되는 문제 이다. 주의 할점은 띄어쓰기 , 문단 만 잘 맞춰주면 된다. 그리고 좀 더 유저에게 사용하기 쉽게 여기서 파일 선택을 누르고 이 화면이 뜨고 바로 사진을 선택하고 열기를 누르면 이렇게 바로..

음식점 검색 기능 추가하기

드디어 가장 기본적인 기능 또한 추가했다. 원리는 나름 간단하다. function submitSearch(){ let searchString=$("#searchString"); let storeList=callApi("/search/foodData/"+searchString.val(),"post",""); var markers = []; update(storeList); var location = new naver.maps.LatLng(storeList[0].latitude, storeList[0].longitude); map.setCenter(location); // 얻은 좌표를 지도의 중심으로 설정합니다. map.setZoom(19); // 지도의 줌 레벨을 변경합니다. } 일단 프론트에서 검색어를 ..