티스토리

space.developher

검색하기

블로그 홈

space.developher

spacedeveloper.tistory.com/m

space.developher 님의 블로그입니다.

구독자: 1

방명록 방문하기

반응형

주요 글 목록

2025년 대통령 선거 내용 및 일정 정리 들어가며제 20대 대통령 윤석열이 탄핵되고, 조기 대통령 선거가 실시되게 되었다.우리나라의 최고 지도자를 선출하는 중요한 행사로, 모든 유권자는 선거에 참여해서 자신들의 권리를 행사해야 한다.이를 위한 선거와 관련한 전반적인 내용에 대해 포스팅을 하고자한다. 선거일1. 사전 투표사전 투표는 선거일에 투표할 수 없는 유권자들을 위한 제도로, 거주지와 관계없이 어느 지역의 사전 투표소에서나 가능하다. 2025년 5월 29일(목) ~ 5월 30일(금) (06:00~18:00) 2. 선거일 당일 투표2025년 6월 3일(화) (06:00~20:00) 투표 장소 및 참여 방법1. 투표소 위치거주지에 가까운 투표소에 대해서 확인한다. 대부분의 경우, 시청, 구청, 동사무소, 학교 등이 투표소로 지정된다.(사전에 투.. 공감수 0 댓글수 0 2025. 4. 25.
반값 택배 가격 비교(feat. 슬기로운 중고거래) 들어가며편의점을 운영하는 CU, GS25, 세븐일레븐은 자사 유통망을 활용해서 편의점에서 편의점으로 보내는 대신, 절반가격 정도로 택배를 보낼 수 있는 반값 택배를 운영한다.일반 택배에 비해 시간이 오래걸리고 편의점까지 직접 찾으러 가야하는 번거로움이 있지만, 그만큼 가격적 매리트가 있어서 많이 사용한다. 지난번 택배 회사별 운임료를 포스팅 할 때에는 반값 택배를 제외하고 포스팅하였어서, 이번에는 반값 택배로만 포스팅하고자 한다. 택배 가격 비교는 요기 👇 택배 가격 비교(feat. 슬기로운 중고거래)# 들어가며나는 중고나라나 당근마켓 등 중고거래 플랫폼을 많이 이용한다.최근에는 보드게임에 열중하고 있어서 중고거래로 보드게임을 많이 구매하고, 또 많이 팔고 있기도 하다.일반 편의점spacedevelop.. 공감수 1 댓글수 0 2025. 4. 24.
[뱀부랩] A1 매뉴얼 정리 Part2 (냉각, 히트베드, 빌드 플레이트, 벨트 텐셔너) 들어가며뱀부랩 A1 에 대한 자세한 매뉴얼을 찾아보고 공부하고 있다. 이전 공부한 내용이 궁금하면 요기 👇 [뱀부랩] A1 매뉴얼 정리 Part1 (작동 원리, 툴헤드)들어가며뱀부랩에서는 자사 3D 프린터 사용방법을 뱀부 위키라는 곳에 매뉴얼을 작성해놓았다.어떤 장치와 부품이 있으며, 어떻게 사용해야하는지 등에 대해서 상세히 나와있어서 입문하였다spacedeveloper.tistory.com 뱀부랩에서 제공하는 뱀부위키가 궁금하면 요기 👇https://wiki.bambulab.com/en/a1/manual/intro-a1 A1 introductionIntroduction for the A1 3D printerwiki.bambulab.com 냉각 시스템빠른 출력을 위해서 2개의 공기 배출구가 있는 .. 공감수 1 댓글수 0 2025. 4. 23.
[뱀부랩] A1 매뉴얼 정리 Part1 (작동 원리, 툴헤드) 들어가며뱀부랩에서는 자사 3D 프린터 사용방법을 뱀부 위키라는 곳에 매뉴얼을 작성해놓았다.어떤 장치와 부품이 있으며, 어떻게 사용해야하는지 등에 대해서 상세히 나와있어서 입문하였다면 꼭 필독해야할 것 같아서 공부하는 포스팅을 올리게 되었다. 아쉬운 점은 영어와 중국어만 지원한다는 점이다.한국어가 없어도 영어가 있으니 추라이추라이~~ 뱀부위키 링크는 아래와 같다. 👇https://wiki.bambulab.com/en/a1/manual/intro-a1 A1 introductionIntroduction for the A1 3D printerwiki.bambulab.comA1 프린터는 어떻게 동작하는가? 3D 프린터는 플라스틱 필라멘트를 사용하여 디지털로 만들어진 도안으로 3D 물체를 물체로 출력한다.A1의 .. 공감수 1 댓글수 0 2025. 4. 23.
[꿀잼 리뷰] 스플렌더 보드게임 소개 및 전략 팁 소개2014년에 출시된 스플렌더는 보드게이머가 아닌 사람들에게도 유명한 보드게임이다. (2015년 판매량 1위!)스플렌더는 세팅이 간단하고, 룰이 쉬워서 보드게임 카페에 방문한 초보자들도 쉽게 하는 대표적인 인기 게임이다.게임 시간도 약 30분~40분으로 짧아서 보드게임을 잘 모르는 사람들과 함께 하기에 아주 좋은 게임이다. 게임 배경플레이어는 르네상스 시대의 상인이 되어, 보석 광산을 개발하고 운송하고 보석 상점을 만들면서 다른 보석상보다 더 명성을 많이 쌓는 것을 목표로 한다.(이렇게 멋진 테마이지만 보석 빨리 모으려고 카드 디자인은 안봐서 그냥 보석 모으는 게임만 하다가 끝이 난다 ㅎㅎ)게임 시스템게임은 6종류의 보석과 3종류의 카드로 구성되어 있다.플레어는 공급처에서 보석을 모아 카드를 구입하고.. 공감수 1 댓글수 0 2025. 4. 23.
[소식] 헤게모니 디럭스 배송 안내(주소 변경 안내) 소식(2025.04.22 )보드엠에서 헤게모니 배송 관련 소식을 전했다. 드디어 헤게모니가 배송된다고 한다. 2024년 12월에 배송된다던 정령섬이 계속 연기되어 아직도 배송이 안된 상황이라서 헤게모니도 똑같이 무한 지연이 되는건 아닌지 걱정했었는데, 다행히도(?) 지연 기간은 한달에서 멈출 것 같다. 다음주에 국내 배송받고, 바로 출고한다고 하면.. 빠르면 4월 말 혹은 5월 초에 받을 것 같다.배송을 위해 배송지 변경도 받는다고 하니 필요한 사람은 보드엠에 가서 문의 넣으면 될 것 같다. (4월 25일 한) 그렇게 재밌다고 극찬 받던 게임이라 오랫동안 기대했어서 설레인다. # 정리1. 선주문 넣은 헤게모니 2025.04.28 이후 도착 예정2. 주소 변경도 받음. "보드엠 1:1 문의" 혹은 "카톡 .. 공감수 2 댓글수 0 2025. 4. 22.
입문용 보드게임 추천 리스트 들어가며보드게임에 취미를 갖은 후 300~400종의 게임을 플레이 해보았다.현재는 룰 마스터(게임하는 방법 설명해주는 사람)를 주로하면서 활동하고 있는데, 주변 분들에게서 쉽고 재밌는 게임을 추천해달라고 많이 이야기하셔서 정리할겸, 입문용 보드게임 추천 리스트를 작성하게 되었다. 게임 선택의 기준1. 이쁨게임에 입문하는 사람들에게는 시선을 끌만한 요소가 반드시 필요하다.아무리 게임성이 좋다고 해도 하고 싶은 마음이 들지 않으면 플레이 자체가 어렵기 때문이다. 2. 도파민어릴 적 부르마불을 하면 즐거웠던 이유가 뭘까?주사위와 카드 등에서 나오는 랜덤 요소의 "도파민"이었다고 생각한다. (랜덤에 기반한 계획 달성 또한 도파민 터진다.)뉴욕에 호텔 2개 지어놨더니 사람들이 지나가면서 다 걸려주고, 반대로 지뢰.. 공감수 3 댓글수 0 2025. 4. 21.
Board Game Geek과 Board Game Stats 연동하기(BGG, BG Stats) 보드게임 긱(Board Game Geek)깊게 보드게임을 즐기는 보드게이머라면 보드게임 긱(Board Game Geek), 일명 BGG 에 대해서 들어봤을 것이다.BGG는 글로벌적인 보드게임 커뮤니티 사이트로, 각종 보드게임 정보를 얻기에 아주 좋은 사이트이다. 예를 들어 보드게임을 잘 모르는 사람이라도 한번쯤은 해봤다는 스플렌더를 검색해보자. 위와 같이 게임 난이도(weight), 플레이어 평점(Ratings), 플레이어 수, 게임 순위 등에 대한 정보를 얻을 수 있다.조금더 딥하게 들어가면 다음과 같이 스플렌더에 필요한 슬리브(프로텍터) 사이즈도 확인할 수 있다.단, 국내에 유통되는 게임과 다를 수 있으므로 100% 확신해서는 안된다.(스플렌더는 63.5x88 사이즈의 슬리브를 90장 사용하는구나) .. 공감수 3 댓글수 1 2025. 4. 21.
[뱀부랩] 뱀부랩 스튜디오 사용기 # 뱀부 스튜디오(Bambu studio)란?뱀부랩은 3D 프린터 계에서는 글로벌적으로 유명한 회사이다. (3D 프린터 계의 이라더라)뱀부랩에서 만든 3D 프린터 기기에 대해서 출력 준비를 해주는 소프트웨어이다. 3D 모델 도면 파일(STL, 3MF) 를 불러와서 출력 설정을 세세하게 설정할 수 있다. # 설치 방법Windo 10 이상과 MacOS 10.15 이상이라면 사용할 수 있다. (리눅스 버전도 사용할 수 있다고 한다.)뱀부랩 스튜디오 설치는 아래의 링크에서 받으면 된다. 소프트웨어 스튜디오 - Bambu Lab bambulab.com 1. 설치뱀부랩은 아쉽게도 한글을 지원하지 않는다. 그래도 우리의 친구 영어가 지켜준다 (불어, 독어에 비하면 선녀다.)"Get Started" 지역은 "Asia.. 공감수 0 댓글수 0 2025. 4. 21.
[뱀부랩] 캘리브레이션(calibration) 의 중요성 # 들어가며3D 모델을 출력하려고 새로운 종류의 필라멘트를 구매했다.eSun의 PLA SILK Gold 인 필라멘트이다.매뉴얼에 새로운 종류의 필라멘트를 사용하는 경우 캘리브레이션을 진행하라고 하여 별 생각 없이 캘리브레이션을 진행하였다.(매뉴얼은 따라야지) 캘리브레이션 방법은 아래의 포스팅에 작성했다.https://spacedeveloper.tistory.com/76 뱀부랩 A1C 설치 후 해야할 일 (나만의 할 일 목록)# 들어가며구매했던 A1C 가 도착해서 설치까지 완료했다. (들뜬 마음에 사진을 못찍어서 포스팅을 못했다.)본격적으로 프린팅을 출력하려고 하니 생각보다 신경쓸 게 많았고, 업그레이드하면 좋spacedeveloper.tistory.com # 다이나믹 캘리브레이션다이나믹 캘리브레이션 먼.. 공감수 0 댓글수 0 2025. 4. 18.
[오거나이저] 베일 오브 이터니티 + 아티팩츠 확장 오거나이저 # 들어가며두번째 오거나이저 출력물은 국내 작가 게임으로 유명한 베일 오브 이터니티> 이다.기존에 종이 트레이가 있었지만, 아티팩츠 확장과 원박싱을 하기 위해서 오거나이저를 출력했다. # Before 종이 토큰들 정리만 되었으면 크게 정리할 것이 없을 깔끔한 상태이지만, 아티팩츠 확장을 원박싱 할 수 없다는 단점이 존재한다. 자 그럼 이뻐져보자. # 우리의 구세주 등장 굉장히 디테일하게 모델링된 것을 한 눈에 알 수 있다. 아주 깔끔해진 것을 볼 수 있다. # After # 정리 후 결과 이번 출력물도 만족도 200% 이다. # 도안메이커월드의 다음 도안을 사용하였다.https://makerworld.com/en/models/950132-vale-of-eternity-w-expansion-organ.. 공감수 0 댓글수 0 2025. 4. 17.
[오거나이저] 프로젝트L + 고스트 + 피네스 오거나이저 # 들어가며구매한 3D 프린터로 첫 오거나이저를 제작했다. (마참내!)오거나이저가 필요한 게임 중 그나마 출력시간이 짧아서 프로젝트 L 이 첫 주인공이 되었다. # Before 기존에 보관하고 있던 프로젝트 L(확장 2개 포함) 을 개봉했다.역시. 난리가 났다. 보관상태가 아주 훌륭하다.게임을 위해서 일일히 블록을 정리해야 진행할 수 있다. (훌륭하다.) 여기에서 아주 조금만 이뻐져보자. # 우리의 구세주 등장 아주 조금더 이뻐질 구세주의 등장이다.검은색을 베이스로 해서 회색을 기본색, 배색으로 흰색으로 출력했다. 자 이뻐져보자. # After 아주 깔끔해진게 마음에 든다.역시 이 맛에 오거나이저 사용하는 것 같다. # 정리 후 결과 만족도 200% # 도안사용한 도안은 메이커월드의 다음 도안을 사용.. 공감수 0 댓글수 0 2025. 4. 16.
뱀부랩 A1C 설치 후 해야할 일 (나만의 할 일 목록) # 들어가며구매했던 A1C 가 도착해서 설치까지 완료했다. (들뜬 마음에 사진을 못찍어서 포스팅을 못했다.)본격적으로 프린팅을 출력하려고 하니 생각보다 신경쓸 게 많았고, 업그레이드하면 좋을 것들이 많아서 해당 내용을 정리하려고 한다. # 출력 품질 향상1. 플로우 레이트 캘리브레이션 설정 (Flow Rate Calibration)첫 테스트 출력에서 품질이 좋지 않을 것을 보고, 알아보니 캘리브레이션 설정을 해야한다고 한다.익스트루더(압출기)의 필라멘트 압출량이 비정상적인 경우 출력 결과물 품질이 영향에도 미친다. 다음 링크에 접속해서 따라하면 플로우 레이트 캘리브레이션 설정을 할 수 있다. Flow Rate CalibrationGuide on how to calibrate Flow Rate on Ba.. 공감수 0 댓글수 0 2025. 4. 16.
원드러스 크리처 선주문 후기 선주문 관련했던 소식은 요기 👇 [소식] 원드러스 크리처(원더러스 크리처) 한글판 선주문# [업데이트] 2025.04.15 1. 선주문 가격본판: 77,000원본판 + 확장 2종: 120,500원풀세트: 149,000원오거나이저: 37,000원 오거나이저도 함께 파네요. 타오바오 오거보다는 비싸지만 다른 오거나이저 금액 비spacedeveloper.tistory.com 원드러스 크리처 선주문 주소가 필요하시다면 요기 👇 신비로운 동물섬 대탐험! 원드러스 크리처신비로운 동물섬으로의 탐험! 전략과 감성이 조합된 콤보 엔진 빌딩 보드게임,원드러스 크리처tumblbug.com # 드디어MTS 신년 발표회에서 기다리고 기다리던 원드러스 크리처 선주문이 열렸다.12시에 땡하고 열리자 마자 들어가려고 했는데, 회.. 공감수 0 댓글수 0 2025. 4. 16.
[소식] MTS 게임즈 2025년 출시 예정작 정리 # 들어가며2025년 1월, MTS 게임즈에서 올해 출시할 게임들에 대해서 발표회를 했다.당시에는 시간이 없어서 정리를 못했었는데, 시간이 남아 리마인드겸 출시 예정작에 대해서 정리해본다. # 출시 예정작1. 원 덱 던전: 대장간의 유물원 덱 던전의 신작이다. 아직까지 평이 5개 밖에 존재하지 않는다.근데 5개의 평점의 평균이 너무 안좋다. 2. 킵 더 히어로즈 아웃: 보스 배틀작년에 핫했던 협력 게임 중 하나인 킵 더 히어로즈 아웃의 확장이다.레이팅이 많지는 않지만 그럼에도 평점이 굉장히 좋아보인다.아쉽게도 킵 더 히어로즈 아웃이 없어서 패스할 것 같다. 3. 스타워즈: 덱 빌딩 게임2점 초반의 웨이트 치고 평점이 좋다. 가격보고 괜찮으면 구매해도 괜찮을 것 같다. 4. 곡예사2025년 4월 페스타 때.. 공감수 1 댓글수 0 2025. 4. 13.
택배 가격 비교(feat. 슬기로운 중고거래) # 들어가며나는 중고나라나 당근마켓 등 중고거래 플랫폼을 많이 이용한다.최근에는 보드게임에 열중하고 있어서 중고거래로 보드게임을 많이 구매하고, 또 많이 팔고 있기도 하다.일반 편의점 택배와 반값 택배를 애용했는데, 최근 비슷한 무게의 보드게임을 택배로 다른 편의점 두군데에서 발송보냈는데, 금액 무게가 더 가벼운 택배의 운임료가 더 많이 나오는 일이 발생했다.그래서 이번 일을 계기로 택배사마다 가격 비교를 하게 되었다. # 택배사자료 조사를 하다보니 낯선 택배사 이름이 많이 등장했다. (LX판토스, SLX 로지스 등 다양했다.)이 중 접근성이 좋은 택배회사는 GS25 포스트(GS25), 비지에프네트웍스(CU), 대한통운, 롯데 택배(세븐일레븐), 한진 택배, 우체국 택배였다.역시 편의점 택배를 취급하는 .. 공감수 0 댓글수 0 2025. 4. 13.
[소식] 원드러스 크리처(원더러스 크리처) 한글판 선주문 # [업데이트] 2025.04.15 1. 선주문 가격본판: 77,000원본판 + 확장 2종: 120,500원풀세트: 149,000원오거나이저: 37,000원 오거나이저도 함께 파네요. 타오바오 오거보다는 비싸지만 다른 오거나이저 금액 비교하면 적정가인 것 같긴합니다. 2. 기간2025.04.15(화) ~ 2025.05.14(수) 까지 한달간 선주문을 받습니다. 3. 텀블벅 링크아래의 링크를 통해 텀블벅 페이지로 이동할 수 있습니다. 신비로운 동물섬 대탐험! 원드러스 크리처신비로운 동물섬으로의 탐험! 전략과 감성이 조합된 콤보 엔진 빌딩 보드게임,원드러스 크리처tumblbug.com 4. 기타한국 특전은 6,000만원 스트레치골이네요. (2025.04.15 당일 달성 ㅎㅎ)저는 바로 구매했습니다 스트레치골.. 공감수 1 댓글수 0 2025. 4. 11.
뉴비의 3D 프린터 구매기 (뱀부랩 A1C) # 들어가며보드게임을 하다보면 오거나이저의 필요성을 굉장히 느낀다.국내에서 제작하는 오거나이저는 보통 3~4만원 정도이며, 타오바오에서 직수입을 하려고 해도 1~2만원+@ 의 비용이 발생하는 편이다. 지금 가지고 있는 게임과 나중에 구매할 게임까지 생각하면 어마어마한 금액이 예상된다.그래서! 내가 직접 만드는게 나을 것 같다는 판단으로 구매를 하기로 했다. 도안은 싱기버스에서 구매할 수도 있고, 나중에는 직접 모델링할 수도 있어서 좋은 투자라고 생각해서 시작해보자! 그러면.. 뭐가 좋을까? # 너무 많은 3D 프린터들FDM/레진 방식, PLA, ABS, PETG ...??? 무슨 이야기인지 하나도 모르겠다. 결론적으로는 오거나이저 제작을 위해서는 FDM(적층 방식) + PLA(옥수수 원재의 플라스틱 섬유.. 공감수 0 댓글수 0 2025. 4. 10.
[소식] 랫츠 오브 위스타 선주문 시작 # 랫츠 오브 위스타그랜드 오스트리아 호텔, 버라지, 위대한 로렌초, 다윈의 여정 등을 만든 3대 보드게임 디자이너로 불리는 시모네 루치아니 작가의 작품입니다.과학 실험실을 탈출한 쥐가 되어 발명품을 만들어 지도자가 되는 것을 목표로 하는 게임입니다. 긱 평점은 7.6(2,600표) 으로 높은 점수는 아니지만, 평균정도의 재미는 보장할 것 같습니다. 보드엠에서 판매중인 해외 직구 코너에서는 약 10만원에 가까운 금액이네요.한글화 + 가격적 매리트가 있어보입니다.# 일정선주문 기간은 2025.04.09 ~ 2025.04.22 까지 진행되며, 2025년 10월 내 발송을 목표로 합니다. 일정을 넉넉하게 잡아 진행하여 지연될 가능성은 적다고 합니다. 히트게임즈에서 선주문 몇 번 해봤는데 1~2달은 일찍 도착받.. 공감수 0 댓글수 0 2025. 4. 9.
[소식] 브라스 버밍엄 디럭스 한글판 출시(특전 추가) # [업데이트] 25.04.17 소식브라스 버밍엄 선주문이 잘되고 있나봅니다.보드엠에서 별도로 특전 제공 및 선주문 기간을 늘린다고 합니다. 1. 특전 트레이 내 플레이어 색상별로 보관할 수 있는 종이 박스를 제공한다고 합니다. 종이 박스여서 내구도에 의심이 들긴하지만 내구성 좋을 거라고 언급하네요. 두번째는 석탄과 철을 올려놓을 수 있는 아크릴 오버레이를 제공한다고 합니다.석탄과 철은 버밍엄 내에서 자주 사용되는 자원이다보니 불편하다는 이야기도 있지만, 특전이라면 무조건 호입니다. 2. 기간 변경기존에는 선주문 기간이 2025.04.10(목)~25.04.18(금) 이었으나 기간이 1주일 늘어났습니다.최종 선주문 기간은 ~25.04.25(금) 17:00 까지 입니다.17시 까지이니 반드시 그 전에 주문하.. 공감수 0 댓글수 0 2025. 4. 7.
[룰] 브라스 버밍엄 Brass: Birmingham # 개요브라스: 버밍엄은 18세기 영국 산업혁명 시대의 사업가가 되어 상품을 생산하고, 상품을 운반하기 위한 교역로를 만들어 가장 높은 점수를 얻는 플레이어가 승리하는 게임이다.현재 보드게임 긱 순위 전체 1등을 달리고 있으며, 게임 난이도는 어려움에 속하는 5점 만점 중 3.87, 베스트 인원은 3인이다. # 세팅1. 공용모든 플레이어가 공용으로 사용하는 공용 맵을 플레이어들 가운데 펼쳐 놓는다.앞 뒤로 색상이 다른데, 낮과 밤을 배경으로 하는 차이만 있을 뿐 다른 차이는 없다.1) 카드 덱+ 일반 카드카드는 크게 일반 카드와 와일드 카드로 구분된다.카드에는 인원에 따라 사용하는 카드가 다르다. 인원수에 맞게 카드를 세팅한다. 일반카드 덱을 잘 섞은 후 뒤집어서 일반카드 위치에 놓는다.와일드 카드는 같.. 공감수 1 댓글수 0 2024. 3. 18.
Shadow DOM, CSS Selector 일반적인 DOM 은 CSS Selector 를 통해서 접근이 가능하다. (element, id, class) 그러나 Shadow DOM 은 일반적인 DOM 과는 다른 방식으로 CSS 를 조작해야한다. 보통 2가지 방식을 활용해서 Shadow DOM 내부의 CSS 를 조작한다. 첫번째는 part 어트리뷰트를 활용해서 조작하는 방식이다. CSS 를 정의할 때 ::part() 의 방식으로 의사 요소 를 통해서 Shadow DOM 내부의 엘리먼트에 접근할 수 있다. 다음은 예제이다. 위와 같이 선택자를 지정하려는 요소에 대해 part 어트리뷰트를 추가하여, 의사 요소를 통해 접근하도록 한다. 접근 방식은 다음과 같다. custom-element::part(shadow-dom-select){ background-.. 공감수 0 댓글수 0 2023. 8. 20.
playwright - 테스트 코드 짜기 playwright 테스트 작성 관련하여 내용을 정리한다. test 메서드 playwright 의 가장 기본적인 메서드이다. test 파일 내에서 test 메서드를 통해서 동작하는 메서드이다. test(`report title`, async () => { /** 테스트 내용 */ })첫번째 인자로 report title 을 전달하여 표시한다. 두번째 인자로 test 할 코드를 작성한다. test.describe 메서드 test 가 가지고 있는 메서드로, report 내 카테고리를 하나로 묶어서 테스트 처리할 수 있는 메서드이다. test.describe 동작방법은 test 와 유사하게 동작한다. test.describe 내 test 메서드를 동작하면 report category > report title.. 공감수 0 댓글수 0 2023. 3. 31.
Playwright - E2E 테스트 환경 세팅 설치 playwright 최신 버전 버전 설치 명령어는 다음과 같다. npm init playwright@latest혹은 playwright 로 된 프로젝트를 생성하고자 한다면 다음과 같다. npm init playwright@latest new-project-nametest 패키지 설치 npm install -D @playwright/testplaywright config 설정 local 에서 인증되지 않은 https 페이지 접근 허용 기본적으로 playwright 패키지를 init 하면 playwright.config.ts 가 설치된다. 이때 인증서 권한과 관련한 문제가 발생하게 되는데, 이를 해결하기 위해 별도의 config 옵션을 설정해야한다. 다음은 report 에서 확인된 권한 관련 에러 내용.. 공감수 0 댓글수 0 2023. 3. 16.
쿠버네티스 Kubernetes - 네트워크 폴리시 Network Policy 본 포스팅 내용은 쿠버네티스 공식문서를 DeepL 로 번역한 내용이다. 네트워크 폴리시 Network Policies IP 주소 또는 포트 수준(OSI 레이어 3 또는 4)에서 트래픽 흐름을 제어하려면 클러스터의 특정 애플리케이션에 대해 쿠버네티스 네트워크폴리시를 사용하는 것을 고려할 수 있다. 네트워크폴리시는 애플리케이션 중심 구조로, 파드가 네트워크를 통해 다양한 네트워크 "엔티티"(여기서는 특정 쿠버네티스 의미를 가진 "엔드포인트" 및 "서비스"와 같은 더 일반적인 용어의 과부하를 피하기 위해 "엔티티"라는 단어를 사용한다)와 통신할 수 있는 방법을 지정할 수 있게 해준다. 네트워크폴리시는 한쪽 또는 양쪽 끝에 있는 파드와의 연결에 적용되며 다른 연결과는 관련이 없다. 파드가 통신할 수 있는 엔티티.. 공감수 0 댓글수 0 2023. 3. 15.
폴리필 Polyfill 이란? 폴리필이란? 기능을 지원하지 않는 웹 브라우저 상의 기능을 구현하는 코드를 뜻한다. 일반적으로 자바스크립트의 신규 기능을 변환할 때 많이 사용된다. 예를 들어 데코레이터 Decorator 의 경우 현재 Draft 단계로 공식적으로 지원하지는 않지만, 폴리필을 통해서 브라우저에서 사용할 수 있다. 단, 폴리필 플러그인 을 불러오는 시간과 트래픽이 늘어난다는 점과, 브라우저별 적용으로 인해 코드가 길어지고 성능이 저하되는 단점이다. 레퍼런스 자바스크립트 인포 문서 위키백과 문서 모질라 문서 soraji 블로그 공감수 0 댓글수 0 2023. 3. 13.
코드 스플리팅이란? 코드 스플리팅이란? SPA(Single Page Application) 의 단점으로 최초 페이지 접속할 때 웹 애플리케이션의 데이터를 다 불러와야한다. 복잡한 기능을 가진 애플리케이션의 경우 뿐만 아니라 사용하지 않는 페이지까지 불러와서 굉장히 느린 로딩 속도를 가지게된다. 이러한 초기 로딩 속도를 해결하기 위해 나온 것이 코드 스플리팅 Code Splitting 이며, 라우터를 통해 페이지에 접근할 때만 필요한 모듈을 가져온다. 코드를 하나의 큰 번들에서 여러개의 작은 번들로 분할하고 요청에 따라서 로드하거나, 병렬로 로드하여 어플리케이션의 성능을 향상시킬 수 있다. third-party 라이브러리 들을 하나의 번들로 묶어서 캐싱된 코드를 사용하는 방식으로 앱이 수정되어도 유저가 스크립트를 다시 다운 .. 공감수 0 댓글수 0 2023. 3. 13.
npm - Peer Dependency 관련 공부 프론트팀 회의 중 peer dependency 라는 내용이 나왔다. 패키지 버전 종속성을 의미하는 dependency 내용은 알았으나, 처음 듣는 내용이여서 생소했다. 오늘은 peer dependency 가 뭔지 공부하고 해당 내용을 포스팅하고자 한다. dependency 일반적으로 개발자들이 알고 있는 dependency 이다. 프로젝트에 사용된 패키지들이 있는데 이를 종속성을 관리한다. 기본적으로 런타임, 빌드 할 때 이 패키지들이 사용된다. 프로젝트가 빌드될 때 패키지들 또한 함께 번들에 포함되어서 배포가 된다. peer dependency 패키지를 설치했을 때 다른 패키지의 종속성을 명시할 때 사용된다. 프로젝트에서 실제로 패키지를 직접 불러오지는 않지만 호환성이 필요한 경우에 명시한다. 예를 들.. 공감수 0 댓글수 0 2023. 3. 10.
스케치 Sketch 아트보드를 제플린 Zeplin 으로 연동해서 내보내기 개요 디자이너와 협업을 위해서 스토리북 StoryBook 과 제플린 Zeplin 을 연동하였다. 제플린에서 제공하는 Example Workplace 에서는 정상적으로 동작하는 것을 확인하였는데, 해당 예제는 iOS UI 이기 때문에 웹 web 도 정상적으로 동작하는지 확인이 필요하였다. 제플린에서는 여러가지 프로그램을 지원하는데 테스트를 위해서 스케치 sketch 를 설치해서 테스트해보았다. 해당 내용으로 포스팅하고자 한다. 스케치 아트보드 작성 스케치는 바탕화면이 되는 아트보드 Art Board 가 필요하다. 아트보드가 없을 경우 내보내기 export 를 할 때 문제가 발생한다. 이 내용은 아래에서 마저 이야기하겠다. 아트보드 만들기 프로그램 상단에 + 모양의 아이콘이 존재한다. 해당 버튼을 클릭하면 .. 공감수 0 댓글수 2 2023. 3. 9.
Storybook - 스토리북 Storybook + 제플린 Zeplin 연동하기 개요 스토리북 Storybook 에서 제플린 Zeplin 을 연동해서 사용할 수 있다. 스토리북 버전에 따라서 설치방법이 다르며, 6 버전을 기준으로 포스팅을 하고자 한다. 애드온 패키지 설치하기 스토리북 애드온을 설치해서 연동해야 하기 때문에 먼저 애드온을 설치하자. npm install storybook-zeplin스토리 애드온 옵션 추가하기 설치된 애드온 모듈을 스토리북과 연동해야한다. 스토리북의 main.cjs 파일에서 애드온을 연동하자. 스토리북 > main.cjs 파일 경로 .storybook 디렉토리 > main.cjs 파일 위의 파일에서 addons 에 storybook-zeplin/register 을 추가하자. module.exports = { stories: ["../src/**/*.s.. 공감수 0 댓글수 0 2023. 3. 8.

반응형

문의안내

티스토리
로그인
고객센터

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