time to wander

Nextjs로 한땀 한땀 블로그를 만들고 있습니다! 10월 중순쯤에 1차 개발을 마무리하고 이전할 예정입니다이잉

최근 회사에서 약 3개월에 걸쳐 진행한 프로젝트가 마무리 되었습니다. 잠깐의 여유가 생겨 프로젝트 회고를 하던 중 성능 최적화에 대한 얘기가 나왔습니다. 프로젝트는 크게 1) 고객사에서 사용하는 페이지와 2) 관리자 계정이 사용하는 어드민 페이지로 나뉘어져 있는데, 고객사 페이지는 데이터를 시각화하여 대시보드의 형태로 제공하고 있는 페이지가 많아 받아오는 데이터가 크고, 실시간으로 데이터를 받아서 실시간 차트를 그려주는 페이지도 있기 때문에 속도가 중요했습니다. 성능을 최적화하는 방법에는 여러가지가 있겠지만 우선 번들 사이즈를 줄이는 방법을 택했습니다. 이유는 두 가지인데, 1. 비교적 적은 리소스를 투입해서 2. 서비스 운영에 큰 리스크를 주지 않으면서도 가시적인 효과를 기대할 수 있기 때문입니다. 번..

로케일(Locale)이란? 로케일이란 사용자 인터페이스(UI)에서 사용되는 언어(ISO 639-1 codes 표준 형식), 지역 설정(ISO 3166-1 표준 형식), 출력 방식(Character Set 또는 ISO 8859-1, UTF-8 등의 인코딩 식별자) 등을 정의하는 문자열을 말한다. OS에서 로케일과 관련된 환경 변수들을 사용해 로케일 관련 설정들을 변경할 수 있으며, 설정된 로케일에 따라 프로그램이 지원하는 메시지, 시간 포맷, 통화 등의 출력이나 동작 등을 제어할 수도 있다. 로케일 설정은 특정 언어의 입출력에 영향을 줄 수도 있기 때문에 영어 이외의 언어를 사용하는 경우 적절한 값을 지정해야 한다. 로케일 형식 language[_territory][.codeset][@modifier] 한..

실전 프로젝트에서 HTTPS를 도입하기 위해 AWS의 ACM과 Cloudfront를 사용하였고, Github Actions를 사용하여 워크플로우 자동화 단계에 프로덕션 환경으로의 빠른 반영을 위해 Cloudfront 캐시를 무효화 해주는 단계를 추가했었다. 그런데 막상 Cloudfront에 대해서는 잘 모르고 있어 정리해 보고자 한다. Cloudfront란? 아마존은 Cloudfront 서비스에 대해서 이렇게 설명하고 있다. Amazon CloudFront는 뛰어난 성능, 보안 및 개발자 편의를 위해 구축된 콘텐츠 전송 네트워크(CDN) 서비스입니다. CDN은 Content Delivery Network의 약자로, 해석 그대로 콘텐츠 전송 네트워크를 의미한다. 지리적으로 분산된 여러 서버가 있어 사용자로..

01. Flask 1. Flask 기초 Flask 프레임워크는 서버를 구동시켜 주는 편한 코드 모음. 서버를 구동하기 위해 필요한 복잡한 일들을 가져다 사용할 수 있음 📌 통상적으로 flask 서버를 돌리는 파일의 이름은 app.py 라고 짓는다. Flask 시작 코드 from flask import Flask app = Flask(__name__) @app.route('/') def home(): return 'This is Home!' if __name__ == '__main__': app.run('0.0.0.0',port=5000,debug=True) Flask 폴더 구조: (Python) app.py, (Directory) static, (Directory) templates > (HTML) in..

1. 파이썬 기초 문법 변수, 자료형, 함수, 조건문, 반복문 01. 변수 javascript에 비해서 굉장히 직관적 a = 2 b = 3 print(a+b) 결과값 > 5 first_name = 'juhye' last_name = 'jeong' print(first_name+last_name) 결과값 > juhyejeong 02. 자료형 list 또한 동일 a_list = ['사과', '배', '감'] print(a_list) 결과값 > ['사과', '배', '감'] list 추가 메소드 .append (궁금한 게 있을 때는 구글링하는 습관 들이기) a_list = ['사과', '배', '감'] a_list.append('수박') print(a_list) 결과값 > ['사과', '배', '감', '수박..