2024년 07월 23일 일일 요약

=============================================

1: 이 글은 Vite를 이용해 React 애플리케이션에서 Vitest를 설정하는 방법에 대해 다루고 있습니다. Vitest는 Jest의 대안으로 사용되며, Vite 환경에서 테스트를 진행할 수 있도록 도와줍니다. Vitest 설치, jsdom 설정, React Testing Library 설치 및 셋업 등 테스트 환경을 구축하는 과정을 상세히 설명하고 있습니다. 또한, 간단한 테스트 코드 작성 예제도 포함되어 있습니다.

키워드: Vite, Vitest, React Testing Library, jsdom, 테스트 환경 구축

출처: https://junhyunny.github.io/vite/react/setup-vitest-for-react-application/

Setup Vitest for React App

=============================================

2: 이 글은 JavaScript에서 문자열 배열을 정렬하는 방법에 대해 설명하고 있습니다. 특히 한국어와 같이 특수 언어를 포함한 문자열을 올바르게 정렬하기 위해 localeCompare() 메서드를 사용하는 방법을 강조합니다. 기본 sort() 메서드는 유니코드 단위로 문자열을 비교하여 작동하지만, localeCompare()를 사용하면 언어와 특수 문자를 적절히 고려하여 정렬할 수 있습니다. 예제 코드와 함께 다양한 옵션을 통해 정렬 방식이 어떻게 달라지는지 설명합니다.

키워드: JavaScript, sort(), localeCompare(), 문자열 정렬, Unicode

출처: https://oliviakim.tistory.com/183

[JavaScript]　특수 언어가 있는 문자열 배열을 정렬하는 방법, localeCompare()

=============================================

3: 이 글에서는 Next.js와 Supabase를 사용하여 빠르게 기술 블로그 방명록 기능을 만드는 과정을 설명합니다. Supabase 서버 설정, AI 도구(v0)를 활용한 간단한 디자인 생성, Next.js 클라이언트를 개발하는 순서로 진행됩니다. 또한, Supabase 클라이언트를 설정해 데이터를 불러오고, React-Query를 사용해 데이터 관리를 쉽게 하는 방법, 그리고 Vercel을 통한 배포 과정을 포함합니다. 마지막으로 구현된 결과물을 확인할 수 있는 테스트 링크와 GitHub 코드도 제공됩니다.

키워드: Next.js, Supabase, React-Query, Vercel, AI 디자인

출처: https://teveloper.tistory.com/86

Next.js + Supabase로 빠르게 블로그 방명록 만들기 (with AI 디자인)

=============================================

4: 이 글은 `내일배움캠프`에서 진행된 다양한 IT 프로젝트의 진행 상황과 학습 내용을 기록한 것입니다. 특히 WBS(Work Breakdown Structure) 작성, Docker 및 Docker Compose 사용, EC2 인스턴스 배포 등의 DevOps 관련 내용이 주를 이룹니다. 팀 프로젝트 진행 상황 및 개인 학습에 대한 회고와 앞으로의 계획도 포함되어 있습니다.

키워드: WBS, Docker, Docker Compose, EC2, DevOps, 배포

출처: https://moonnight0.tistory.com/entry/%EB%82%B4%EC%9D%BC%EB%B0%B0%EC%9B%80%EC%BA%A0%ED%94%84-66%EC%9D%BC%EC%B0%A8-TIL-%EC%B5%9C%EC%A2%85-%ED%94%84%EB%A1%9C%EC%A0%9D%ED%8A%B8-WBS-%EC%9E%91%EC%84%B1

[내일배움캠프 66일차 TIL] 최종 프로젝트 - WBS 작성

=============================================

5: 이 글은 호텔 예약 시스템의 설계와 동시성 문제를 다루는 내용을 담고 있습니다. MSA 구조에서 데이터 동시성과 일관성을 유지하는 방법을 설명하며, 락(낙관적/비관적 락)과 DB 제약 조건, 데이터를 저장하고 관리하는 방법, 트랜잭션 일관성을 유지하는 2-phase commit(2PC)과 Saga 패턴 등을 다룹니다. 또한, 과거 데이터의 관리 방법과 캐시 업데이트 방법에 대해서도 설명합니다.

키워드: 비관적 락, 낙관적 락, MSA, 트랜잭션, 호텔 예약 시스템

출처: https://velog.io/@broccolism/%EC%99%9C-%EB%82%B4%EA%B0%80-%EB%88%84%EB%A5%B4%EB%A9%B4-%EB%8C%80%EA%B8%B0-%EC%A4%91%EC%9D%B4%EB%9D%BC%EA%B3%A0-%EB%9C%B0%EA%B9%8C-7%EC%9E%A5.-%ED%98%B8%ED%85%94-%EC%98%88%EC%95%BD-%EC%8B%9C%EC%8A%A4%ED%85%9C

왜 내가 누르면 대기 중이라고 뜰까? - 7장. 호텔 예약 시스템

=============================================

6: 본문에서는 자바스크립트에서 배열에 요소를 추가하는 메서드인 `push()`에 대해 설명하고 있습니다. `push()` 메서드를 이용하여 배열의 끝에 하나 이상의 요소를 추가할 수 있으며, 추가된 후 배열의 새로운 길이를 반환합니다. 예제로는 과일 리스트인 `fruits` 배열에 `strawberry`와 `peer`를 추가하는 것이 있습니다. 또한 `push()` 메서드는 파이썬의 `append()` 메서드와 유사하다고 언급하고 있습니다.

키워드: 자바스크립트, 배열, push, append, 메서드

출처: https://bskyvision.com/entry/javascript-%EB%B0%B0%EC%97%B4%EC%97%90-%EC%9A%94%EC%86%8C-%EC%B6%94%EA%B0%80%ED%95%98%EB%8A%94-%EB%A9%94%EC%84%9C%EB%93%9C-push

[javascript] 배열에 요소 추가하는 메서드, push()

=============================================

7: 캐싱은 데이터를 한 번 받아온 후 필요한 경우 빠르게 불러와 사용할 수 있도록 임시 저장하는 프로세스를 의미합니다. 이는 웹사이트 성능을 최적화하고 네트워크 대역폭을 절약하여 사용자 경험을 향상시킵니다. 주요 웹 캐싱 방법으로는 웹 캐시, 브라우저 캐시, 프록시 캐시, 네트워크 캐시와 CDN(Content Delivery Network) 등이 있습니다. 각각의 캐시 기법은 데이터 접근 속도를 높이고 서버 부하를 줄이는 데 기여합니다. 브라우저 캐시는 ETag와 Cache-Control 헤더를 사용하여 캐시된 콘텐츠의 유효성을 확인하고 관리합니다. 프론트엔드 개발자는 다양한 캐싱 전략을 이해하고 활용하여 stale 데이터가 사용자에게 노출되지 않도록 주의해야 합니다.

키워드: 캐싱, 웹 캐시, 브라우저 캐시, 프록시 캐시, CDN

출처: https://sonia9914.tistory.com/132

FE 개발자가 알아야 할 '캐싱' 개념 정리 _아티클 요약

=============================================

8: 필자는 스프링 데이터 JPA의 QueryMethod 구현 원리를 탐구하면서, Reflection과 Proxy 객체를 직접 만들어보는 연습을 했습니다. MyJpaRepository를 상속하는 Repository의 Proxy 객체를 Bean에 등록하고, 이 Proxy 객체가 호출될 때 JPQL을 생성하여 출력하는 과정을 단계별로 구현했습니다. ProxyFactoryBean을 사용하여 Proxy 객체를 Bean으로 등록하는 부분을 공부하는 데에 가장 어려움을 겪었으며, 실무에서 @Aspect를 사용하던 방식에서 벗어나 직접 구현해본 경험을 공유하고 있습니다.

키워드: JPA, Proxy, ProxyBean, QueryMethod, AOP, Reflection

출처: https://velog.io/@kny8092/JPA-QueryMethod-%EA%B5%AC%ED%98%84%ED%95%B4%EB%B3%B4%EA%B8%B0

JPA QueryMethod 구현해보기

=============================================

9: 이 글은 \uc774게 되네? ChatGPT 미친 활용법 51제\ub77c는 책에 대한 리뷰입니다. 저자는 ChatGPT와 같은 AI 도구를 효과적으로 사용하는 방법에 대해 배우고, 이를 일반 사무 환경에 활용하는 예제를 소개한 책을 읽었습니다. 특히, 시장 분석을 통해 워드 보고서를 작성하는 방법, 구글 앱 스크립트를 활용한 데이터 처리, 그리고 효율적인 질문을 통해 AI의 활용도를 높이는 방법 등을 상세히 설명하고 있습니다. 글의 마지막 부분에서는 좋은 질문을 던지는 것이 중요하다는 것을 강조합니다.

키워드: ChatGPT, GPT, 프롬프팅, AI 도구, 워드 보고서

출처: https://www.neozest.com/entry/ItsPossibleByChatGPT

책/ 이게 되네? ChatGPT 미친 활용법 51제