학습로그
-
withEmployee(Springboot + React) 프로젝트 코드개선 및 성능 개선학습로그 2022. 6. 5. 03:08
walkerholic 프로젝트에 이어 withEmployee 프로젝트에서도 성능을 측정해 보았다. 성능 측정 결과 성능측정 결과는 다음과 같았다. ↓ https://www.webpagetest.org/result/220604_AiDcE4_6PF/ WebPageTest Performance Test Results Check out these web performance test results on WebPageTest.org: www.webpagetest.org Compress transfer를 제외하고는 모두 A점수를 받았고, First Byte, FIrst VIew, FCP, Speed Index, LCP 모두 양호한 것으로 확인되었다. 성능점수도 96점으로 측정되었다. 부하테스트 로그인하고 회사목록,..
-
walkerholic(Springboot + React) 프로젝트 ④ 성능 개선 결과 확인학습로그 2022. 6. 3. 06:09
이제 단계별 성능개선을 통해나온 값을 가지고 어느정도 성능이 개선되었는지 비교해보자. 성능개선 단계별 변화 성능 개선 개선 전 Progressive Images Redis Cache gzip, cache, http2 DB replication 및 부하분산 First Byte 1.239S 1.060S 1.239S 1.124S 1.062S First View 19.320S 9.421S 8.898S 5.514S 5.492S First Contentful Paint 3.557S 3.366S 3.557S 2.713S 2.555S Speed Index 7.766S 7.542S 7.666S 5.130S 5.009S Largest Contentful Paint 9.887S 9.578S 9.867S 5.722S 5.59..
-
walkerholic(Springboot + React) 프로젝트 ③ 성능개선하기학습로그 2022. 6. 3. 05:41
이번엔 was서버에서 redis 캐시, 외부 API 비동기, index 설계 및 리버스프록시에서의 gzip, cache, http2, 부하분산 등의 적용을 통하여 성능을 개선시킨다. 성능개선 ② redis 캐시 및 @Async, index 설계의 적용 1) Redis 캐시 Redis 캐시를 적용하기 위한 기본 내용은 이전의 블로그에서 작성해두었다. ↓ https://dodop-blog.tistory.com/321 화면 응답 개선하기 이번엔 화면응답속도를 개선하는 방법에 대해 알아보자. 화면 응답 속도를 개선하는 방법에는 인터넷구간 성능 개선을 통한 방법과 데이터 조회 성능 개선의 방법이 존재한다. 인터넷 구간 성 dodop-blog.tistory.com 메인페이지에서 로딩하는 product와 post의..
-
walkerholic(Springboot + React) 프로젝트 ② 서버 진단(+부하테스트)하고 목표정하기학습로그 2022. 6. 3. 05:06
이제 배포된 서버를 진단하고 목표를 정하도록 하자. 서버 진단하기 서버진단은 다음의 사이트에서 진행할 수 있다. https://www.webpagetest.org/ WebPageTest View this on WebPageTest.org... www.webpagetest.org https://pagespeed.web.dev/?utm_source=psi&utm_medium=redirect PageSpeed Insights 올바른 URL을 입력하세요. pagespeed.web.dev WebPageTest의 요약 결과는 다음과 같았다. 두 사이트에서 진행한 나의 배포 사이트와 경쟁 사이트의 테스트 결과는 다음과 같았다. walkerholic(내 프로젝트) 네이버 블로그 네이버 쇼핑 티스토리 성능 76 67 8..
-
walkerholic(Springboot + React) 프로젝트 ① 망구성하고 배포하기학습로그 2022. 6. 3. 04:32
이제 이전 미션에서 진행한것을 참고하여 개발한 프로젝트를 배포하기로 했다. 망 구성 망구성은 배스천 서버, 외부망(서비스)서버, 내부망(데이터베이스)서버로 구성하도록 하고, 외부망 앞에 리버스 프록시를 구성하여 배포하도록 설정하였다. 보안은 이전 미션에서 구성했던 것처럼 22번 포트는 bastion서버에서 내 IP로만 오픈하도록 하였다. 망구성이 궁금하다면 이전에 작성해둔 내 블로그를 참고하면 된다! ↓ https://dodop-blog.tistory.com/310 AWS 망 구성하고 서비스 배포하기 이번에는 AWS를 통해 망을 구성하고 서비스를 배포하는 미션을 진행했다. 배포부분은 heroku 배포를 제외하고는 진행해본 적이 없기에 이번 미션을 통해서 배포에 대해 많은 부분을 배울 수 있어 dodop-..
-
4개월차 모의면접학습로그 2022. 4. 30. 19:32
멘토링을 시작한지 벌써 4개월 차,,, 이번 두달동안 공부한 인프라 내용을 바탕으로 두번째 모의면접을 실시하였다. Q: 네트워크 OSI 7Layer에 대해 설명해주세요. A: 네트워크 7계층은 총 7계층으로 이루어져 있으며 1계층은 물리계층으로 이진수의 흐름을 빛과 전기의 아날로그 신호로 변환하는 역할을 하며 더미허브와 같은 장비가 있고, 2계층은 데이터 링크 계층으로 MAC주소를 이용하여 데이터를 최종 목적지까지 전달하는 역할을 하며 대표 장비로는 L2 switch가 있고, 3계층은 네트워크 계층으로 IP주소를 이용하여 최초 목적지부터 최종목적지까지 데이터를 전달하는 역할을 하며 대표장비로는 router가 있습니다. 4계층은 전송 계층으로 Port번호를 이용하여 서버를 분리하고 데이터를 전달하는 역할을..
-
월간 멘토링 - 4개월차학습로그 2022. 4. 28. 04:46
진행기간 2022년 04월 04일 ~ 2022년 04월 28일 학습로그 📝 멘토링 7주차 ( 04월 04일 ~ 04월 10일 ) 화면응답 개선하기 2단계, 화면응답 개선하기 3단계, 화면응답 개선하기 4단계 AWS Auto Scaling https://dodop-blog.tistory.com/317 AWS Auto Scaling 적용하기 (Load balancer를 이용한 부하분산) 이번에는 AWS의 Auto Scaling을 이용하여 확장성에 문제가 있는 경우 scale out을 통해 부하분산이 이루어지도록 적용하자. 기존의 pulic 서버는 미리 모두 종료해두었다. 배포 스크립트 작성 먼저 부 dodop-blog.tistory.com 📝 멘토링 7주차 ( 04월 11일 ~ 04월 17일 ) 화면응답 ..
-
월간 멘토링 - 3개월차학습로그 2022. 4. 28. 04:34
진행기간 2022년 02월 28일 ~ 2022년 04월 03일 학습로그 📝 멘토링 7주차 ( 02월 28일 ~ 03월 06일 ) 인수테스트 TDD 4단계 credential의 null 체크 보다 Controller에서 비로그인시에도 작동하도록 어노테이션 이용하기 (비 로그인에 대한 처리) // 어노테이션으로 이용하기 @Target(ElementType.PARAMETER) @Retention(RetentionPolicy.RUNTIME) public @interface AuthenticationPrincipal { boolean required() default true; } // 어노테이션 설정 public class AuthenticationPrincipalArgumentResolver implement..