티스토리

사과 냄새나는 IT이야기 TAESTORY,
검색하기
블로그 홈

블로그 홈

사과 냄새나는 IT이야기 TAESTORY,

blog.taeseong.me/m
신고

-

구독자
4
방명록 방문하기
공지 about TAESTORY 모두보기

주요 글 목록

  • Simple Icons SVG 아이콘 사이트 Simple IconsSimple Icons는 3,267개의 유명 브랜드의 SVG 아이콘을 제공한다. 처음 이 사이트를 알게되었을 때 제공하던 아이콘이 2,000 여개였는데 지금은 1,267개가 더 추가되었으니 지속적으로 유지보수도 되고있는 것으로 보인다. SVG나 PNG로 아이콘을 다운로드 받을 수도 있고, CDN을 이용하거나 npm 패키지로 받을 수도 있다. 개발할 때가 아니라도 문서를 작성할 때 고해상도의 아이콘들이 필요한 경우가 있는데 그럴때 사용해도 충분히 유용하다. 공감수 2 댓글수 1 2025. 2. 3.
  • [Linux] tail과 함께 사용하면 좋은 옵션 리눅스 서버에서 로그를 확인할 때 tail 명령어를 사용하는 경우가 있습니다.이 때 로그가 너무 빨리 지나가서 검증하기 불편한 경우, 아래의 방법들을 이용하면 도움이됩니다. 1. less tail -f /var/log/syslog | lessless는 화면에 일정 부분만 출력하며, 스크롤하여 천천히 로그를 확인할 수 있습니다. 2. greptail -f /var/log/syslog | grep "ERROR"로그 중 특정 키워드만 필터링하여 출력합니다. 3. awktail -f /var/log/syslog | awk 'NR % 10 == 0'awk를 이용해 일정 간격으로 출력합니다.위 옵션은 10줄에 한 번씩만 출력하는 옵션입니다. 공감수 0 댓글수 0 2025. 1. 11.
  • VisualStudioCode Rest Client Rest API 개발을 하거나 이용할 API 테스트를 할 때 Postman과 같은 도구가 오래전부터 이용되었지만 최근엔 IDE마다 조금더 경량으로 이용할 수 있는 방법이 생겼습니다. 그 중 VisualStudioCode에서 Rest Client 확장을 소개합니다.  주요 기능HTTP 요청 실행GET, POST, PUT, DELETE 등 다양한 HTTP 메서드 지원.http 또는 .rest 파일에서 HTTP 요청을 작성하고 실행 가능환경 변수 지원{{baseUrl}} 같은 변수로 동적인 요청 작성이 가능해 유연성 제공요청/응답 시각화JSON, XML 등 응답 데이터를 보기 쉽게 포맷하여 출력상태 코드, 헤더, 응답 시간 등 상세 정보 제공요청 기록이전에 보낸 요청을 기록하고 재사용할 수 있는 기능복합 요청.. 공감수 2 댓글수 1 2024. 11. 27.
  • PPT에 쓰기 알맞은 KoPub 서체 소개 각종 문서를 작성하다보면 서체 하나로 문서가 주는 느낌이 많이 달라지고 정보의 전달력도 차이가 들다보니 서체가 참 중요하다는 생각이 듭니다.그래서 각종 문서를 보면서 이건 어떤 서체인가 궁금해서 찾아볼 때가 있는데 그렇게 찾아서 사용하게되었던 서체 중 하나인 KoPub 서체를 소개합니다. KoPub / KoPubWorld 서체 소개KoPub 서체는 문화체육관광부와 한국출판인회의에서 전자책 제작 및 전자출판 유통시장 화성화를 지원하고 출판업계와 전자출판 산업 발전을 도모하기 위해 제작되었고, 문화체육관광부와 한국출판인회의에서 지적재산권을 가진 서체입니다. 지원 타입TTF (True Type Font) : 일반 문서 작업에 적합1980년대 애플에서 어도비의 포스트스크립트에 쓰이는 타입 1 글꼴에 대항하기 위.. 공감수 3 댓글수 1 2024. 11. 26.
  • HAProxy, Apache, Nginx 로드밸런서 비교 네트워크 장비가 아닌 소프트웨어로 로드밸런서를 구현할 때 많이 언급되는 HAProxy, Apache, NginX 3가지를 비교해봤습니다.  특징 HAProxy Apache Nginx 주요 사용 사례전용 로드 밸런서웹서버 + 로드 밸런싱웹서버 + 로드 밸런싱성능높은 성능 - 로드 밸런싱에 최적화보통 - 로드 밸런싱 전문은 아님높은 성능 - 효율적인 아키텍처설정의 용이성보통 - 텍스트 기반 설정보통 - 텍스트 기반 설정쉬움 - 간단한 설정지원 프로토콜HTTP, TCP, UDPHTTP, HTTPSHTTP, HTTPS, TCP, UDP로드 밸런싱 알고리즘라운드로빈, 최소 연결 수 등라운드로빈, 최소 연결 수라운드로빈, 최소 연결 수, IP 해시SSL 종료 지원지원지원 (모듈 필요)지원헬스 체크지원 - 고급.. 공감수 0 댓글수 0 2024. 11. 24.
  • 일본의 개발자 기술 공유 플랫폼 Qiita 기술 자료를 검색하면 대부분 영어권 사이트에서 답을 얻는데, 일본어 사이트에서 답을 얻게되면서 Qiita를 알게되었습니다. Qiita는 일본어 키타(きた) 의 발음에서 유래한 이름으로 StackOverflow와 같은 질의응답 형식보다는 작성자 중심의 게시글이 주를 이루는 지식 공유 플랫폼입니다. 개인의 특정 질문보다는 보편적인 짧은 강좌 형식의 글이 많아 유용합니다. (질문도 물론 있음)요즘 모든 브라우저에서 번역 기능을 제공하고 또 일본어 번역이 워낙 퀄리티가 좋다보니 사이트를 이용함에 불편함은 없었습니다.이 사이트를 보며 흔히 사용되는 기술들이 아닌 COBOL이나 Delphi 같은 글들도 종종 볼 수 있어 일반적인 개발 커뮤니티보다 다양한 주제의 글이 올라오는 것 같았습니다. 다만 이 언어들의 점유율.. 공감수 4 댓글수 1 2024. 11. 23.
  • JWT 토큰 Decode 방법 로그 확인 중 바로 JWT 토큰을 Decode해서 특정 값을 확인할 필요가 있어 jwt-decode 패키지를 사용해봤습니다. jwt-decode는 서명을 검증하지않고 단순히 디코딩하기에 단순 디코딩 용도로 사용하는데 적합합니다. jwt-decode는 Node.js 라이브러리입니다. 사용 전 Node.js 설치가 필수입니다.아래 과정은 Node.js 설치가 된 것을 전제로 합니다. 1. 패키지 설치npm install jwt-decode 2. 기본 사용법const jwtDecode = require('jwt-decode');// 디코딩할 JWT 토큰const token = 'your-jwt-token-here';// JWT 디코드const decoded = jwtDecode(token);console.lo.. 공감수 0 댓글수 0 2024. 11. 22.
  • WSL Ubuntu에 Windows OS의 네트워크 드라이브 마운트 WSL이 도입되면서 Windows 환경에서도 리눅스 개발환경을 구축해서 이용하고있지만, Windows에 마운트 된 네트워크 드라이브가 WSL에서는 잡히지 않아 이를 해결한 방법을 정리했습니다. 1. 네트워크 드라이브 확인Windows 명령 프롬프트 (CMD)에서 net use 명령어를 입력해 네트워크 드라이브가 올바르게 설정되어 있는지 확인합니다.만약 드라이브가 연결되어있다면 아래와 같은 결과 메시지가 출력됩니다.Status Local Remote Network----------------------------------------------------------------------------------------OK O:.. 공감수 1 댓글수 1 2024. 11. 21.
  • 특정 도메인의 SSL / TLS 인증서 발급 내역 조회 crt.sh 도메인의 이력을 조사하다 특정 도메인의 SSL / TLS 인증서 발급 조회를 제공하는 crt.sh 사이트를 알게되었습니다.crt.sh는 인터넷 상의 공개된 SSL/TLS 인증서 정보를 검색하고 열람할 수 있는 서비스로, Certificate Transparency 로그를 기반으로 특정 도메인과 연관된 인증서 발급 내역을 확인할 수 있도록 지원합니다. 이를 통해 도메인 소유자는 자신의 도메인에 대해 발급된 모든 인증서를 모니터링하고, 승인되지 않은 인증서 발급 여부를 감시할 수 있습니다. 또한 도메인과 관련된 서브도메인 정보를 수집하거나, 인증서 발급 내역을 분석하는 데 활용됩니다.  사이트 접속 후 도메인을 입력하면 다음과 같이 해당 도메인의 인증서 발급 이력이 조회됩니다. 10여년 전의 자료도 조회가 .. 공감수 1 댓글수 0 2024. 11. 20.
  • 검색 노출 개선을 위한 sitemap.xml sitemap.xml은 웹사이트의 구조를 검색 엔진에 효율적으로 전달하기 위해 사용되는 XML 형식의 파일입니다. 이 파일은 검색 엔진 크롤러(예: Googlebot)가 사이트의 페이지를 더 잘 이해하고 인덱싱할 수 있도록 돕는 역할을합니다. 아래에서 sitemap.xml에 대한 주요 개념과 작성 방법을 설명하겠습니다. 1. Sitemap이란?Sitemap은 웹사이트의 페이지 목록을 제공하는 파일로, 검색 엔진 크롤러가 사이트의 컨텐츠를 쉽게 탐색하고 인덱싱할 수 있게 합니다.보통 sitemap.xml이라는 이름으로 저장되며, 사이트의 루트 디렉토리에 위치합니다.예: https://www.gabia.com/sitemap.xml 2. Sitemap이 중요한 이유효율적인 크롤링검색 엔진은 사이트의 모든 페이.. 공감수 3 댓글수 0 2024. 11. 19.
  • 표준프레임워크 컨트리뷰션 참여 후기 지난 7월 29일 ~ 9월 30일까지 전자정부 표준프레임워크 컨트리뷰션이 개최되었습니다. 오픈소스를 통해 업무에 많은 도움을 받고있고 그 덕분에 경제적인 댓가 (월급)도 받는 입장이니, 큰 금액은 아니라도 오픈소스 프로젝트에 후원을하며 관심을 갖고 있었습니다. 그러다 컨트리뷰션 개최 소식을 듣게되어 오랜기간 전자정부 표준프레임워크로 프로젝트를 했었기에 기여해보고자하는 마음에 참여해보았습니다. 컨트리뷰션 분야는 3가지로 나뉘어져있습니다. 소스코드 개선 소스코드를 Fork하여 자유롭게 수정 후 반영 요청 (Pull Request) 아이디어 제안 제안하려는 아이디어와 관련된 저장소의 Issues에 발전 방안, 신규 기능 요구 등 아이디어 제안 개발가이드 개선 가이드 저장소를 Fork하고 가이드라인에 따라 수정.. 공감수 35 댓글수 26 2024. 11. 18.
  • TLS 인증서의 주요 파일 형태 .crt 또는 .cer인증서 파일로, X.509 형식을 따름PEM(Base64) 또는 DER(바이너리) 형식으로 저장.key개인 키 파일로, 서버에 설치하여 암호화/서명에 사용.pem인증서와 개인 키를 Base64 형식으로 저장한 파일인증서 체인을 포함할 수 있음.pfx 또는 .p12개인 키와 인증서를 하나의 파일로 패키징한 바이너리 형식주로 Windows 환경에서 사용.ca-bundle인증서 체인을 포함한 파일로, Intermediate Certificate를 포함 공감수 0 댓글수 0 2024. 11. 17.
  • TLS 인증서의 종류 1. 인증 범위에 따른 분류Domain Validation (DV) 인증서도메인 소유권만 확인하여 발급간단하고 발급이 빠름개인 웹사이트나 소규모 비즈니스에 적합Organization Validation (OV) 인증서도메인 소유권 외에도 조직(회사)의 신원을 검증기업 정보가 포함되어 신뢰도가 높음중소기업, 상업용 웹사이트에서 주로 사용Extended Validation (EV) 인증서가장 엄격한 검증 과정을 거침웹 브라우저 주소창에 기업 이름을 표시(현재는 주소창 표시가 축소된 경우도 있음)대기업, 금융기관, 전자상거래 사이트에서 주로 사용 2. 사용 목적에 따른 분류Single Domain Certificate단일 도메인에만 적용 가능예: www.example.com만 인증 가능Wildcard Cert.. 공감수 0 댓글수 0 2024. 11. 16.
  • TLS 인증서 구성 요소 TLS(Transport Layer Security)는 인터넷 상에서 보안을 제공하기 위한 암호화 프로토콜입니다. 과거엔 SSL 이라고 불렸고 현재는 TLS가 표준으로 사용되고 있습니다.TLS를 적용하기 위해서는 인증서가 필요한데, 인증서의 구성 요소에 대해 정리해봤습니다.TLS 인증서 구성 요소Root Certificate (루트 인증서)신뢰할 수 있는 인증 기관(CA, Certificate Authority)이 발급한 최상위 인증서.웹 브라우저나 운영 체제에 기본적으로 포함되어 있으며, 인증 경로의 최상단에 위치.Root CA의 신뢰는 TLS 인증 체계의 기반이 됩니다.Intermediate Certificate (중간 인증서)Root CA에서 직접 발급하지 않고, Root CA가 중간 CA를 통해 .. 공감수 0 댓글수 0 2024. 11. 15.
  • Logitech MX KEYS S COMBO 구입 사무실에서 사용할 용도로 키보드와 마우스를 구입했습니다.제품을 선택하기 위해 아래 4가지 조건으로 제품을 찾았습니다.1. 조용할 것2. 무선 지원3. Mac / Windows 호환성4. 빠른 배송 여러 제품을 검색하다 4가지 조건에 부합하는 MX KEYS S COMBO 제품을 구입하였습니다.MX KEYS S COMBO는 MX Master 3S, MX Keys S, MX Palm Rest 3가지 제품이 패키지로 구성되어있습니다. (+로지볼트)MX Keys S 키보드는 평소에 사용하던 기계식 키보드와 다른 키 배치와 키감이라 적응이될까 싶었는데, 일하면서 사용하니 금새 적응이되었습니다. 키압이 높지 않아 타이핑 할 때 부담이 없고 조용하고, 블루투스 전환이 빨라 만족스럽습니다.MX Master 3S 마우스는.. 공감수 2 댓글수 0 2024. 11. 14.
  • [Spring] URL 응답결과 검증 테스트 코드 Springframework 기반에서 개발할 때 자주 사용되는 MockMVC를 활용하여 URL을 호출하고, 그 결과를 검증하는 코드 예제입니다. 이 코드는 MockMVC를 사용한 기본적인 REST API 테스트 방법을 보여주며, URL에 대한 응답을 검증하는 방식으로 작동합니다. import org.junit.jupiter.api.BeforeEach;import org.junit.jupiter.api.Test;import org.springframework.beans.factory.annotation.Autowired;import org.springframework.http.MediaType;import org.springframework.test.context.ContextConfiguration;im.. 공감수 0 댓글수 0 2024. 11. 13.
  • Notion의 대안을 표방하는 오픈소스 협업 문서 도구 Docmost Notion이 대중화되면서 많은 기업 혹은 개인이 Notion을 통해 문서를 작성하고 공유하는 것의 편안함을 경험하였지만, Notion이라는 플랫폼에 종속된다는 우려를 하는 일부 의견도 있습니다. 회사의 민감한 정보를 Notion에 작성하긴 곤란하지 않겠냐.. 라는 의견도 있습니다.그렇게 생각할 수도 있겠다 싶기도해서, 그런 분들을 위한 대안을 소개해드립니다. Docmosthttps://github.com/docmost/docmostDocmost는 오픈소스 협업 위키 및 문서화 소프트웨어입니다. Confluence와 Notion의 대안으로 개발이 진행되고있는 프로젝트입니다.특징실시간 협업다이어그램공간권한 관리그룹코멘트페이지 이력검색파일 첨부 스크린샷을 보면 알 수 있듯 Notion과 비슷한 UI를 채택하.. 공감수 3 댓글수 0 2024. 11. 12.
  • JetBrains Toolbox 업데이트 버튼 비활성화 조치 방법 JetBrains에서 개발한 여러 도구의 설치, 업데이트, 설정을 돕는 Toolbox에서 업데이트가 비활성화 되는 경우 조치 방법입니다. 저는 맥 환경에서는 문제 없었는데 회사에서 사용하는 Windows 환경에서 업데이트 버튼이 비활성화되어 찾아보게되었습니다. 위 화면처럼 업데이트가 비활성화되어 검색을 하다보니 아래 페이지에서 답을 얻었습니다.https://toolbox-support.jetbrains.com/hc/en-us/articles/13696838691474-How-to-update-a-tool-if-The-installation-path-is-not-writable-error-is-shown이 문서에서 제안하는 방법은 2가지입니다. 1. Toolbox를 통해 대상 IDE를 재설치하는 것권장되는.. 공감수 3 댓글수 0 2024. 11. 11.
  • Putty Client Color Theme Putty 는 Windows 환경에서 SSH 접속 시 가장 흔히 사용되는 SSH Client입니다.그런데 테마 관련해서는 대중성에 비해 부족함이 많습니다.이에 매우 간단한 테마 적용 방법을 소개해보려합니다.https://github.com/AlexAkulov/putty-color-themes/blob/master/images/readme.md위 URL에 접속하면 아래와 같이 다양한 테마들을 확인할 수 있습니다. 총 50가지의 테마가 있고, 원하는 테마를 확인하고 적용하고자 하는 테마의 레지스트리 파일을 다운받아 실행하면 끝입니다.예를 들어 50번 Zenburn 테마를 적용하고자 한다면https://github.com/AlexAkulov/putty-color-themes/blob/master/50.%20Z.. 공감수 3 댓글수 1 2024. 11. 10.
  • [JAVA] 제어 문자 (Control Characters) 제거 일전에 외부 시스템에게 요청을 받아 처리하는 시스템에서 제어문자로 인한 오류가 발생했었습니다.시스템 폰트를 이용해 문서 파일을 자동으로 생성하는 시스템에  (U+0008) 문자가 포함된 데이터가 수신되면서이 문자를 시스템 폰트에서 처리할 수 없어 발생한 오류였습니다.이 문자는 백스페이스(BS) 제어 문자로, 텍스트를 삭제하는 동작을 나타내는 특수문자입니다. 일부 시스템이나 에디터에서는 공백처럼 보일 수 있지만, 다른 시스템에서는 실제로 표시되지 않거나 특수 기호로 표시될 수 있습니다.송신 시스템에 제어문자를 걸러서 전송해달라고 요청할 수 있지만, 송신 시스템이 한 곳이 아니기에 일단 수신 시스템인 우리 시스템에서 해당 문자를 제거하고 내부적으로 데이터를 사용해야겠다 생각으로 다음과 같이 제어문자를 제거.. 공감수 1 댓글수 0 2024. 11. 8.
  • [DataGrip] SQL 키워드를 자동으로 대문자로 변환 DataGrip에서 SQL Formatting 하는 기본 단축키는 Ctrl + Alt + L /  Cmd + Alt + L 입니다.해당 기능을 이용해 SQL을 정리하면 SQL을 분석할 때나 작성할 때 도움이됩니다.다만 기본 설정에서는 SQL 키워드를 대문자로 변환해주지 않습니다.사람마다 혹은 회사마다 선호하는 규칙이 다를 수 있지만 저는 키워드를 대문자로 표기하는 걸 선호합니다.이를 위한 설정은 Setting > Editor > Code Style > SQL > General 의 Case 탭에서 설정할 수 있습니다.위와 같이 설정을 변경하면 우측 샘플 쿼리에서 변경 사항이 하이라이트됩니다.  설정을 저장하고 이후부터는 SQL Formatting 키를 통해 편하게 변환하면됩니다. 공감수 9 댓글수 5 2024. 11. 7.
  • [Linux] 네트워크 진단 도구 traceroute, mtr 리눅스는 보통 서버로 많이 이용되고, 서버를 운영하면 여러가지 상황을 마주하게 됩니다.그 중 네트워크 장애 상황 발생 시 유용한 도구가 네트워크 점검 도구들입니다. 1. traceroutetraceroute는 네트워크 패킷이 목적지까지 도달하는 경로를 추적하는 도구입니다. 각 네트워크 홉(라우터)를 지나갈 때 마다 패킷이 어떤 경로를 따라가는지, 그리고 각 홉에서의 지연 시간(Latency)을 보여줍니다. 이를 통해 네트워크에서 패킷 전송 경로를 확인하고, 어디에서 지연이나 패킷 손실이 발생하는지 파악할 수 있습니다.traceroute tistory.com예를들어 위 명령어를 통해 tistory.com 도메인까지의 네트워크 경로를 추적할 수 있습니다.traceroute는 각 네트워크 홉에 도달할 때 마다.. 공감수 1 댓글수 0 2024. 8. 19.
  • [Python] 현재 활성중인 window 정보 구하기 전 직장에서 유저가 사용중인 window 정보를 수집하는 프로그램을 운영했었다.당시 client 개발 담당은 아니라서 원본 코드를 볼 일은 잘 없었는데, 문제는 Windows OS만 지원했었다는 것이다.요즘은 기업에서 Mac을 사용하는 비중이 조금 높아지기도 했고 IT업계에선 더 Mac이 대중화 되었는데 Windows에서만 지원하는게 좀 아쉬웠었다.그런 생각이 문득 들어 Python을 이용해 현재 활성중인 window 의 정보를 수집해보았다.Python을 사용한 이유는 Node로 진행해서 Electron으로 프로그램을 만들려고 했었는데, 프로세스 수집 외 부가 작업이 생각보다 많았었다.Python도 Mac과 Windows UI 개발이 가능하고 비교적 쉽게 수집이 가능해서 Python으로 진행했다. Win.. 공감수 1 댓글수 0 2024. 8. 15.
  • [Intellij] Cannot Create Class Unable to parse template "Class" 오류 IntelliJ 2024.2 버전에서 새로운 Java Class 생성 시 아래 오류가 발생했다.검색했을 때 대부분 Invalidate Cache를 실행하라는 이야기들이라 그렇게했고 바로 Class가 생성되길래 해결된 줄 알았다.해당 방법은 1회성으로만 유효했고 다시 같은 문제를 만나면 또 Invalidate Cache를 실행해야했다.원인이 제거된 건 아니었던 것이다. 다시 정보를 찾던 중 Jetbrains Youtrack에 등록된 이슈에서 답을 찾을 수 있었다.https://youtrack.jetbrains.com/issue/IJPL-2576/idea-ideaIU-232.8296.17-aarch64-create-class-error위 조언대로 Codota AI Autocomplete for Java an.. 공감수 1 댓글수 0 2024. 8. 15.
  • [Electron] OS 구분 방법 Electron은 여러 OS를 지원하다보니 OS별로 예외를 처리해야할 때가 있다.이 때는 Node의 OS 모듈을 이용해 OS를 식별하고 예외처리를 할 수 있다.const os = require('os');// 현재 운영 체제가 macOS인지 확인const isMac = os.platform() === "darwin";// 현재 운영 체제가 Windows인지 확인const isWindows = os.platform() === "win32";// 현재 운영 체제가 Linux인지 확인const isLinux = os.platform() === "linux";module.exports = { isMac, isWindows, isLinux,}; OS 모듈에 대한 자세한 설명 : https://nodejs.o.. 공감수 0 댓글수 0 2024. 7. 24.
  • [Appium] 화면 좌표로 드래그하기 본문 내용은 Appium + JUnit 기반에서 진행된 내용입니다.이전 포스트에 이어서 React-Native로 개발 된 앱 프로젝트에서 일부 Component가 XPath로 제어되지 않아 터치로 해결했었다.그 중 드래그가 필요한 Picker UI에서 좌표로 드래그 동작을 구현한 방법이다. int startX = 510; // 드래그 시작 지점의 X 좌표int startY = 1065; // 드래그 시작 지점의 Y 좌표int endY = 616; // 드래그 종료 지점의 Y 좌표TouchAction dragAction = new TouchAction(driver);dragAction.longPress(PointOption.point(startX, startY)) .moveTo(PointOption.poi.. 공감수 0 댓글수 0 2024. 7. 21.
  • [Appium] 화면 좌표로 터치하기 본문 내용은 Appium + JUnit 기반에서 진행된 내용입니다.React-Native로 개발 된 앱 프로젝트에서 일부 Component로 구현된 UI가 XPath로 제어되지 않는 경우가 있었다.버튼을 findElementByXPath로 지정해도 버튼을 찾지 못한다던가.. 모든 화면이 아닌 특정 Component를 사용한 화면에서 발생했었고, 테스트 대상 디바이스가 정해져있었기 때문에 좌표로 해결하는 방향으로 결정했다. 일반적인 Element 조작은 WebElement Class를 이용하지만, 좌표로 제어해야하는 경우는 TouchAction Class를 이용한다. // 버튼을 클릭WebElement cancelBtn = (WebElement) driver.findElementByXPath("...");.. 공감수 0 댓글수 0 2024. 7. 21.
  • [Playwright] 테스트 브라우저 화면 영상 녹화 - playwright-video Playwright의 테스팅 화면을 영상으로 녹화하는 방법 중 하나인 playwright-video 라이브러리입니다.playwright-video 라이브러리를 설치하면, 간단한 코드를 통해 영상 녹화를 핸들링할 수 있습니다. 설치 npm i playwright playwright-video @ffmpeg-installer/ffmpeg 활용 예const { saveVideo } = require('playwright-video');test.describe('record video sample', () => { let testTab; let saveVideo; test.beforeAll(async ({ browser }) => { // 테스트 시작 전 영상 녹화 세팅 testTab = awai.. 공감수 0 댓글수 0 2024. 7. 21.
  • [Playwright] 임의의 테스트 문자열 생성 - faker.js faker.js는 Playwright를 위한 라이브러리는 아니지만 테스트 시 사용자의 입력값을 무작위로 입력하고자 할 때유용하게 사용할 수 있는 라이브러리입니다. 설치npm install --save-dev @faker-js/faker Importimport { faker } from '@faker-js/faker/locale/ko'; 활용 예import { faker } from '@faker-js/faker/locale/ko';// 테스트 데이터 생성const { company, person, internet, phone } = faker;const tempMobile: string = phone.number(); // 임의로 생성한 휴대폰 번호export const fillData = { co.. 공감수 0 댓글수 0 2024. 7. 21.
  • [Playwright] 설치 및 실행 Playwrightplaywright는 Microsoft에서 개발한 E2E 테스트를 지원하는 도구입니다. Chromium WebKit, Firefox를 포함한 모든 최신 렌더링 엔진을 지원Windows, Linux, MacOS OS 지원Headless mode 지원Android 및 모바일 Safari, Electron 등 다양한 환경 지원 저는 공식 문서를 따라 npm 환경에서 설치 및 실행하였습니다. 설치에 앞서 개발 환경에 node가 설치되어있어야합니다.설치npm init playwright@latest위 명령어를 입력하면 아래 항목을들 추가로 선택하게됩니다.(필수) 설치 명령을 실행 후 TypeScript / JavaScript 둘 중 하나를 선택(필수)  테스트 폴더 이름 지정 (기본값 : tes.. 공감수 0 댓글수 0 2024. 7. 21.
    문의안내
    • 티스토리
    • 로그인
    • 고객센터

    티스토리는 카카오에서 사랑을 담아 만듭니다.

    © Kakao Corp.