전체 글 202

[책] 스프링 부트와 AWS로 혼자 구현하는 웹 서비스 를 마치고~!!

작년 12월 말에 서점 들렀다가 마음에 들어서 샀던 "스프링 부트와 AWS로 혼자 구현하는 웹 서비스" 책 처음에 저자 성함이 낯이 익어서 어디서 많이 봤다 싶었는데 구독중인 유튜브 채널중에 개발바닥에 늘 자주 나오시는 "향로" 님이셨습니다. 우선 결론부터 말하자면 이 책 무조건 추천드립니다~! 가격은 만원 후반대입니다 ! 이 책을 보게 된 이유는 간단합니다. "스프링부트를 잘 몰라서" 물론 현업 실무에 있으면서 운좋게 리액트와 스프링부트로 구성된 프로젝트를 잠깐 유지보수를 했던적이 있는데 그거와는 별개로 복습겸 다시 봐보고싶었고 또 단순히 스프링부트 뿐이 아니라 aws에 이어서 CI/CD 경험까지 해볼수 있는 책이라 하여 메리트가 느껴져서 보게됐습니다. 대략 7~8년전에 국비지원으로 자바를 이수했었지만..

IT/후기 2023.02.04

[CSS] Chrome 108 업데이트 이후 프린트 미리보기 인쇄 이슈 해결방법

크롬 108 업데이트 이후 인쇄 미리보기 화면에서부터 css 박살나는 화면 목격 정확히는 테이블에서 rowspan 이 이상하게 보이고, 이미지도 중첩되어서 보이는둥 그런식으로 보임 샘플 이미지는 아래와 같다 각각 다른 이미지임 그냥 아래와 같이 다른거 다 빼버리고 심플하게 이미지 보여주는 html 페이지 있다고 치자 이 문서는 HTML 문서입니다. 아래는 실행시켰을때의 페이지 화면 근데 해당 페이지에서 크롬에서 인쇄를 하려고 미리보기에서 보면 아래처럼 보인다. 긴 이미지에 고양이가 껴서 들어감 중첩되서 보임 스샷을 찍어놓진 않았으나 테이블 rowspan 에서도 다깨지고 늘어져보이는걸 확인 할 수 있었다. 해결방법은 아래처럼 body 에 contain: size 추가 body 에 추가 하고나니 아래처럼 정..

IT/잡다구리 2023.01.12

[XAMPP] 로컬 SSL 인증서, https 적용하기

환경 XAMPP ( Apache + PHP + Mysql) xampp 설치된 경로 필요 (기본값이면 대부분 C:\xampp\ 에 위치) 정 모르겠으면 아래처럼 Apache - Config 눌러서 나오는 conf 아무거나 들어가서 경로 확인하면됨 중점적으로 수정되는 파일은 아래와 같음 C:\xampp\apache\conf\extra\httpd-vhosts.conf C:\xampp\apache\conf\extra\httpd-xampp.conf C:\xampp\apache 진입 후 crt 라는 폴더 생성하고 안에 아래 두 파일 넣기 혹시 다운 안될때를 대비하여 코드 첨부. make-cert.bat 파일 내용 @echo off set /p domain="Enter Domain: " set OPENSSL_CONF..

IT/잡다구리 2022.12.28

[Docker] 도커 실행 실패, Failed to start Docker Application ...

# 도커 실행시 아래와 같은 에러 지속 발생 Job for docker.service failed because start of the service was attempted too often. See "systemctl status docker.service" and "journalctl -xe" for details. To force a start use "systemctl reset-failed docker.service" followed by "systemctl start docker.service" again. 이거 때문에 도커 재설치도 해보고 온갖 생쇼를 다해봤는데 결국은 iptables stop 시키고 firewalld 재실행하니까 해결되었다 -_- ; Dec 19 20:08:01 tw-we..

IT/Docker 2022.12.19

[Window+Apache] 로컬 커스텀도메인 설정 방법 , localhost customDomain

로컬에서 작업중인 프로젝트에 커스텀 도메인 넣어서 하는법을 포스팅 한다. 아파치 같은 웹서버가 깔려있다는 가정하에 진행한다. 시작 하기전에 hosts 라는 놈이 무슨 일을 하는지 간략하게 설명하자면 여기다 ip 주소 선언하고 어떤 도메인이든 써놓으면 곧이 곧대로 들어가진다. 쉽게 말해서 내 로컬호스트에서 PHP 돌리고있고 hosts 파일에다가 naver.com 이라고 도메인 접속하면 찐 네이버가 아니라 내 로컬 컴퓨터의 PHP 사이트를 띄운다는 소리다. 여튼 hosts 파일 설정하는 방법은 별거 없다 메모장이나 텍스트 에디터 파일 "관리자 권한" 으로 열어서 수정하면된다. 경로 : C:\Windows\System32\drivers\etc # Copyright (c) 1993-2009 Microsoft C..

IT/잡다구리 2022.12.01

[EXIF] 이미지 회전 문제 Javascript -> PHP 로 보낸 blob 에서 EXIF 데이터 추출하기

이미지 회전되는 이슈가 있어서 이미지 등록이 진행되는 부분에서 EXIF 값을 받아와야할일이 있었는데 계속 못받아오네 ? javascript 에서 FileReader 를 이용해가지고 ajax 방식으로 blob 데이터를 php 쪽으로 보내는데 왜 못받아오는지 이해가 안갔다 우선 javascript 부분에서 대충 아래와 같이 대충 action.php 에다가 ajax 방식으로 blob 값 보내주는거 있다고 치자 ..중략 imageLoader = function(file,num) { sel_files.push(file); var reader = new FileReader(); reader.onload = function(ee) { $.ajax({ type: 'POST', url: '/action.php', dat..

IT/PHP 2022.11.22

[AWS] Lightsail DB 접근 안될때 방화벽 설정 방법

Lightsail 에 우분투 mysql 이 돌아가고있는데 연결툴 (ex. HeidiSql) 에서 접근이 안될때 해결방법이다. 상당히 간단하다. 리눅스에 접근이 안되는 이유는 뭐 여러가지가 있겠지만 제일 높은 확률로 방화벽이 문제다. 난 처음에 aws 개념이 아직 익숙치 않아서 lightsail ssh 접속해갖고 sudo sfw status 등 여러 뻘짓을 해봤으나 command not found 나 뱉어내고 있고 뭐야 이거 방화벽 아예 설치 안되있나 ? 안깔려있는데 이걸 어케 막아 ? 미친놈인가? 왜 나한테만 접근이 엄격한데 ? 라는 생각을 하다가 생각해보니 이런거 막아주려고 편하게 aws 쓰는것도 있지않냐 ? 라는 생각이 머릿속에 스쳐서 Lightsail 설정을 확인해봤더니 역시나 아니나 다를까 설정이..

IT/AWS 2022.11.08

[AWS] Lightsail 도메인 SSL 인증받기 #https #bncert-tool #bitnami

프론트단은 S3 랑 CloudFront 에서 다 돌고있어서 이미 aws 웹사이트상에서 인증서 까지 다 발급 받은상태라 상관없는데 api 형식으로 데이터 던져주는 백단이 문제였다. api.example.com 라는 example.com 의 서브도메인을 어쨋든 ssl 발급을 해줘야했는데 이건 aws 웹에서 하는게 아니라 직접 lightsail ssh 접속해서 발급 받을수 있었다. 정확히는 LightSail 에 bitnami 로 세팅 되어있었다. 아래 명령어로 편리하게 발급 받을수 있었는데, SSL 설정을 쉽게 해주는 비트나미 헬퍼 툴이라고 한다 sudo /opt/bitnami/bncert-tool 중간에 Warning 어쩌고 뜨면서 이미 현재 아이피에 연결되있는 도메인이 있다고 하길래 이걸 실행하기전 내가 ..

IT/AWS 2022.11.02

[AWS] S3 에 폴더 업로드하기 , 윈도우 aws cli 세팅 방법

웹상에서도 업로드가 가능하지만 aws cli 를 이용하여 커맨드로 업로드 하는 방법을 포스팅 할게요.S3 에 myexample.com 이라는 버킷을 생성했다치고 여기다 폴더를 업로드 해보겠습니다. 1. 우선 aws cli 설치는 필수 https://s3.amazonaws.com/aws-cli/AWSCLI64.msi 정상적으로 설치가 되었다면 cmd 창에서 "aws" 라고 치면 아래와 같이 뜨는걸 볼수 있습니다. 우측 상단에 "Design Present" -> "보안 자격 증명" "액세스 키(액세스 키 ID 및 비밀 액세스 키" 선택 후 액세스 키 만들면됩니다. 최대 2개밖에 안되니까 기존에 이미 2개 발급되어있다면 안쓰는걸 지우시거나 그래야해요. 키 파일 다운 받아서 안에 있는 내용물대로 입력해줍니다. ..

IT/AWS 2022.11.01

[AWS] S3 -> CloudFront 극대노 연결 후기 #Route53

cafe24 에서 서버 빌려서 작업하거나, 회사 서버에서만 끄적거렸던 나에게 험난한 경험이 다가오게된다. 바로 AWS ... 극대노 연결 후기를 작성한다. 들어가기전에 앞서 아래는 나같은 게초보가 이해할수 있게끔 내가 이번에 사용했던 AWS 서비스 별 한줄요약이다. S3 = 구글 드라이브랑 비슷함 , 파일보관 용도, 다만 특이하게 내가 원하는 도메인으로 연결해서 보는거 가능 LightSail = cafe24 서버 빌리는거랑 비슷 Route53 - 도메인 구매 및 연결하는곳 CloudFront - CDN 방식으로 assets 들 저장해서 더 빨리 불러올수 있게함 난 처음에 너무 헷갈렸다. LightSail 이란놈에게서 서버가 돌아가고있는데 , S3 에서도 접속이 되네 ? S3 도 서버 역할 하는건가 ? 여..

IT/AWS 2022.10.28
300x250