공식문서 학습용으로 playwright mcp 사용하기 (with Codex)

공식문서 학습용으로 playwright mcp 사용하기 (with Codex)

playwright mcp란? GitHub - microsoft/playwright-mcp: Playwright MCP serverPlaywright MCP server. Contribute to microsoft/playwright-mcp development by creating an account on GitHub.github.comLLM이 웹브라우저를 접근성 트리 기반의 구조화된 데이터로 다루며 자동화하도록 돕는 MCP 서버다.동적으로 탐색하고, 클릭, 이동, 폼 제출, 스크롤 등을 전부 다 할 수 있다. 주로 아래와 같은 목적으로 사용한다.UI 플로우를 테스트데이터 수집웹 자동화 (파일 다운로드, 로그인, 검색 같은 반복작업)크롤링이랑 비슷하다고 생각할 수도 있지만, 실제 웹페이지로 상호작용이 ..

  • format_list_bulleted Programming
  • · 2026. 2. 7.
파일 업로드 시 Nginx 디스크 버퍼링 병목 해결과 아키텍쳐 개선 (413 Request Entity Too Large)

파일 업로드 시 Nginx 디스크 버퍼링 병목 해결과 아키텍쳐 개선 (413 Request Entity Too Large)

서론파일을 업로드할 때, 서버를 거쳐서 업로드하고 있거나 413 Request Entity Too Large를 만난 적이 있다면 한번 읽어보시면 좋을 것 같습니다. 프로젝트 소개그 전에 어떤 프로젝트인지, 가볍게 소개하고 넘어가면 좋을 것 같습니다. 히어릿은 IT 팟캐스트 앱으로, 가볍게 CS/IT트렌드/프레임워크 등등 정보를 팟캐스트로 들을 수 있습니다.원하는 팟캐스트를 편하게 찾을 수 있도록 추천 숏폼도 제공합니다. (관심 있으신 분들은 다운 받아보세요. 개발자를 위한 앱이랍니다..!!)Google PlayStoreiOS AppStore 문제팟캐스트 서비스이므로 팟캐스트를 업로드하는 관리자 페이지가 있습니다.초기 구조는 평범한 API처럼 Nginx(리버스 프록시 서버) -> 애플리케이션 서버를 거쳐 ..

  • format_list_bulleted Programming
  • · 2025. 12. 15.
백엔드 개발자가 아무것도 안하고 스트리밍 하는 법 (with HTTP Range, Progressive Download)

백엔드 개발자가 아무것도 안하고 스트리밍 하는 법 (with HTTP Range, Progressive Download)

서론IT 팟캐스트 서비스인 ‘히어릿’에서 백엔드를 개발하게 되었습니다.런칭 페스티벌을 진행하면서 가장 많이 받았던 질문은스트리밍 어떻게 했어요? 였습니다. 정말 솔직하게 대답하자면 저희가 한 일은 없었습니다.라이브러리들이 다 해주었기 때문입니다. aka 그냥 되던데요..? 하지만 그때 떠오르는 구구 코치의 말씀 ..그냥 되는 건 없다. 팟캐스트 앱의 핵심인 스트리밍이 어떻게 되고 있는지 제대로 알아보고 개선할 지점이 없는지, 혹시나 문제가 발생할 부분은 없는지 파악해봐야겠다는 생각이 들었습니다. 한번 같이 스트리밍이 어떻게 그냥 되었는지 살펴봅시다.프로젝트 소개그 전에 저희 프로젝트가 어떤 프로젝트인지 가볍게 소개하고 넘어가면 좋을 것 같습니다.히어릿은 IT 팟캐스트 앱으로, 가볍게 CS/IT트렌드/프레..

  • format_list_bulleted Programming
  • · 2025. 11. 6.
[Spring] 스프링 빈 왜 쓰세요 ?

[Spring] 스프링 빈 왜 쓰세요 ?

"스프링 빈 왜 쓰세요?" 하면 어떤 것이 떠오르는가? 대표적으로 의존성 주입, 싱글톤이 떠오를 것이다.좀 더 구체적으로 말해보자면1. 의존성 주입을 IoC컨테이너가 해주어서 객체지향적이다.2. 싱글톤으로 요청마다 객체가 생성되지 않아 객체 생성과 메모리 비용이 줄어 성능이 향상된다.일 것이다. 그렇다면 과연 진짜 그럴까?한번 진짜 그런지 직접 두눈으로 확인해보자.1. 의존성 주입을 IoC컨테이너가 해주어서 객체지향적이다.🤔 그러면 개발자가 DI 해주면 객체지향적이지 않다는 건가? 실제로 해보자. 예시 : RacingGame 도메인RacingController → RacingService, DriverServcie를 의존각 Service → Repository를 의존개발자가 직접 DI를 해준다.여기..

  • format_list_bulleted Programming/Spring
  • · 2025. 6. 9.
[JPA] @NotNull VS @Column(nullable = false)

[JPA] @NotNull VS @Column(nullable = false)

JPA에서 NOTNULL 속성을 둘 중에 어떤 어노테이션으로 관리해야할지 고민이 있었다. 둘을 공부해보자!@NotNull@Jakarata.validation의 어노테이션이다.하지만 Entity의 column에 달려있으면 hibernate가 인식하여 NotNull을 DDL에도 반영해준다.이때 NotNull을 DDL에 추가해주는 것은 JPA의 기본 동작이 아닌, hibernate의 작동 방식임@Column(nullable = false)jakarta.persistence의 어노테이션이다.database column의 null 속성을 지정해주는 어노테이션으로 기본은 true이다.@Column(nullable = false) vs @NotNull공통점DDL에 NOT NULL을 넣어준다.Null을 넣으려고 하면 ..

  • format_list_bulleted Programming/Spring
  • · 2025. 5. 26.
[JPA] Entity에서 @Table, @Entity, @Column의 name을 정의해주어야할까?

[JPA] Entity에서 @Table, @Entity, @Column의 name을 정의해주어야할까?

Entity를 사용하다보면, Table이나 Column명이 Database와 불일치하여 name=''으로 정의를 해주어야하는 경우가 있다. 그렇다면 hibernate가 자동으로 명명해주는 이름과 Table이나 Colum의 이름이 동일할 때도 name을 정의해주어야할까? 일단 @Column, @Table, @Entity의 name 속성을 정의하면 어떤일이 발생하는지 다시 한번 짚고 넘어가자. @ColumnColumn의 속성들을 지정해주는 어노테이션 name 지정 시, DB column명과 매핑해주는 어노테이션 (create 사용 시DDL에서도 사용)없다면 필드명을 통해 자동 생성된 컬럼명으로 매핑이 된다.@Tablename 지정 시, DB Table명과 매핑해주는 어노테이션 (create 사용 시 D..

  • format_list_bulleted Programming/Spring
  • · 2025. 5. 26.