https://velog.io/@bnb8419/프론트엔드-성능-최적화-Part.2 프론트엔드 성능 최적화 Part.2이미지 Lazy Loading, 폰트최적화, 동영상최적화velog.io https://toss.im/slash-21/sessions/3-3 실무에서 바로 쓰는 Frontend Clean Code실무에서 클린 코드의 의의는 유지보수 시간의 단축입니다. 동료 혹은 과거의 스스로 짠 코드를 빠르게 이해할 수 있다면 유지보수할 때 드는 개발 시간이 짧아집니다. 실제 예시와 함께 1. 응집toss.im https://medium.com/myrealtrip-product/마이리얼트립-ssr-최적화-a73815c6cdfc 마이리얼트립 SSR 최적화SSR 도입으로 SEO·초기 로딩을 개선하려다 react..
https://velog.io/@qlgks1/Django-DRF-Serializers-serializer-파헤치기-왜-serializer-response가-만들어지기-까지 Django, DRF Serializers - serializer 파헤치기, 왜 serializer? response가 만들어지기 까지drf에서 DTO 그 이상의 역할을 하는 serializer, Serializers 를 왜써야 할까? 사용 목적과 이유를 확인하고 drf core와 serializer의 핵심 core를 한 번 파헤쳐 보자.velog.io https://velog.io/@noname2048/Django-Creative-View가-request.GET-을-받으면-일어나는-일에-대해-간략히-그려보았다 Django Create..
https://miriya.net/blog/cliz752zc000lwb86y5gtxstu https://dev.to/algoorgoal/nextjs-tailwindcsse-pretendard-ponteu-jeogyonghagi-1g87 🧱Next.js 14에 Pretendard 폰트 적용하기이번 글에서는 Next.js 14 버전에서 Pretendard 폰트를 적용하는 법과, 기존에 cdn에서 폰트를 적용하는 것에 비해서 어떤 최적화가 이루어지는지 다루겠습니다. 현재...dev.to
ELK스택과 LGTM 스택로그 수집과 시각화에 있어 가장 많이 언급되는 두 가지 스택은 ELK(Elasticsearch, Logstash, Kibana) 와 LGTM(Loki, Grafana, Tempo, Mimir) 입니다. ELK 스택은 로그를 중앙에서 수집하고 색인화하여 Kibana에서 시각화합니다. 그러나 리소스를 많이 사용하는 단점이 있습니다. LGTM 스택은 Grafana Labs에서 만든 스택으로, Loki를 통해 로그를 수집하고, Grafana에서 시각화합니다. Loki는 로그를 메타데이터 기반으로 저장하므로 리소스 사용이 적고, Prometheus와 잘 연동됩니다. Mimir은 메트릭 저장 시스템이고, Tempo는 분산 추적 시스템이라 사용하지 않고, 로그 저장 시스템인 Loki와 시각화..
https://news.hada.io/topic?id=11403 Git 형상관리 잘하는 법 | GeekNews하나의 브랜치 전략 수립다양한 전문 분야 지식 있는 팀원이 함께 일하면 워크플로 접근방식 상충될 수 있음이를 방지하기 위해 리더는 하나의 브랜치 전략 세워 모두에게 전파해야 함브랜치news.hada.io https://jvns.ca/blog/2023/11/01/confusing-git-terminology/ Confusing git terminologyConfusing git terminology November 1, 2023 Hello! I’m slowly working on explaining git. One of my biggest problems is that after almost 15 ..
플러그인npm: @trivago/prettier-plugin-sort-imports @trivago/prettier-plugin-sort-importsA prettier plugins to sort imports in provided RegEx order. Latest version: 5.2.2, last published: 2 months ago. Start using @trivago/prettier-plugin-sort-imports in your project by running `npm i @trivago/prettier-plugin-sort-imports`. There are 237 otherwww.npmjs.comnpm: prettier-plugin-organize-imports prettie..
개요AS-IS기존의 시스템은 다음과 같은 워크플로우로 CD를 진행했습니다.다음 구조에서는 다음과 같은 부분에서 아쉬움을 느꼈습니다.서버에서 직접 도커 이미지를 빌드서버 자원을 더 사용합니다도커 컨테이너 종료후 빌드와 재실행빌드하는 동안 시간이 많이 걸려 서버가 다운타운이 길어집니다빌드후 서버 종료-재실행을 진행해 중단 시간을 줄여도, 여전히 무중단은 아닙니다Nginx 관련Nginx가 같이 재시작하고 있어 무중단 배포가 어려운점그리고 도커에서 실행되고 있어 TLS 인증서 자동 갱신이 어려웠던 점그리하여 해당 구조를 개선하기 위한 작업을 하고자 합니다.TO-BE도커 이미지 저장소기존에 서버에서 도커 이미지를 직접 빌드했던 가장 큰 이유는 도커 이미지 저장소가 마땅하지 않았기 때문입니다.가장 디폴트로 사용할 ..
AS-IS기존에는 django-environ을 이용하여 .env파일 하나로 환경변수를 관리했다.# Build paths inside the project like this: BASE_DIR / 'subdir'.BASE_DIR = Path(__file__).resolve().parent.parent# 환경 변수 설정env = environ.Env(DEBUG=(bool, True))environ.Env.read_env(env_file=os.path.join(BASE_DIR, ".env"))SECRET_KEY = env("DJANGO_SECRET_KEY")django-environdjango-environ은 .env를 읽는것을 도와주고, 여러 부가적인 기능을 가지고 있지만, 동시에 여러 환경변수 파일을 읽는것..
지원 기업기준1시간 30분 내에 이동 가능한 지역백엔드 직무 모집가능하면 인원 모집 2명이상, 회사 인원도 많을수록 좋음가능하면 자체 서비스학교와 집이 인천에 있기에 판교나 강남쪽은 2시간정도 소요되었기에 부담이 커 지원하지 못했고, 주로 마포구 쪽의 기업이 1시간 10분정도로 이동 가능해 주로 지원하게 되었다.이때까지 프론트엔드쪽 개발을 많이 해오긴 했으나, 원래 하고 싶었던 것은 백엔드 개발이기에 Spring과 Django 경험을 살릴 수 있는 백엔드 쪽 직무를 모집하는 기업에 주로 지원했다.확률을 높이고 여유가 있는 기업을 찾기 위해 인원 모집이 많은 기업을 노렸고, 회사 인원도 많을수록 평가가 더 좋고 배워갈 게 많을 것이라 생각해서 가능하면 회사 인원이 많은 쪽을 골랐으며 또한 잡플레닛도 찾아보..
개요최근에 스프링을 공부하기 위해 강의를 수강했습니다. 국내에서는 김영한님의 강의등 이미 유명하고 다들 추천하는 강의와 커리큘럼이 있지만, K-MOOC에서 지급해준 Udemy 구독권이 있어 Udemy의 강좌를 찾아보았습니다.제가 선택한 강의는 in28Minutes의 Master Spring Boot 3 & Spring Framework 6 with Java 입니다.한국 자막으로 번역도 되어있고, 한글 버전으로는 【한글자막】 Spring Boot 3 & Spring Framework 6 마스터하기! [최신판] 라는 제목으로 제공되고 있습니다.【한글자막】 Spring Boot 3 & Spring Framework 6 마스터하기! [최신판] [유데미] Spring Boot 3 & Spring Framework..
