CategoryTips/ETC (32)

[ETC] Artillery - 서버 부하 테스트

[ETC] Artillery - 서버 부하 테스트유용한 Service, Tool, Library를 소개해 드립니다. ArtilleryArtillery는 자바스크립트로 된 모던 부하 테스팅 툴킷입니다.처음부터 Artillery를 사용한 건아니고...제가 만든 서비스에 대한 부하 테스트가 필요해서 뭐가 좋을까 찾아보다가 먼저 Vegita라는 툴을 발견합니다.GitHub - tsenart/vegeta: HTTP load testing tool and library. It's over 9000!이름이 베지터? 하고 들어가 봤더니 진짜 그 드래곤볼 베지터! 와 너무 맘에 든다 이거 쓰면 인싸되는 각? 하고 시도해보려는 찰나..!간단한 테스트는 지원하는 Command로 할 수 있었지만 약간 플로우를 따라 부하 테스..

[ETC] myjson - 테스트용 온라인 JSON 저장소

[ETC] myjson - 테스트용 온라인 JSON 저장소유용한 Service, Tool, Library를 소개해 드립니다.myjson Myjson - A simple json storage and hosting serviceFront-end 작업 시 데이터 요청이 필요할 경우, 테스트를 위해서 파일을 로드 하거나 하드코딩으로 데이터를 Return 하는 비동기 코드를 사용하곤 하는데요.myjson을 이용하면 그럴 걱정이 없습니다.그리고 CORS도 지원합니다. :)사용법사이트에서 JSON 형식의 데이터를 입력 후, Save 버튼을 눌러주면 끝.예를 들어 아래 테스트 JSON 데이터를 입력하면...{ "user": { "name": "kendrick b. jung", "age": 70 } } 이렇게 값을 반..

[ETC] MacOS Mojave - invalid active developer path Issue

MacOS Mojave - invalid active developer path IssueMacOS 모하비 버전이 나왔습니다!제가 느끼는 주요 변경 점이라면 다크모드와 새로운 Finder 뷰 모드? 정도가 있겠네요.요런느낌 한 시간에 걸친 업데이트 후, 문제가 생길 것이라는 불안감은 빗나가지 않습니다...! git command를 사용하려 하니 귀신같이 아래와 같은 에러를 뿜뿜!xcrun: error: invalid active developer path (/Library/Developer/CommandLineTools), missing xcrun at: /Library/Developer/CommandLineTools/usr/bin/xcrun 하아...찾아보니 기존 MacOS 시에라 혹은 하이 시에라 버..

[ETC] 동적 서버 접속을 위한 SSH Config

동적인 EC2 Instance 접속을 위한 SSH Config작년까지 Snowflakes Server 패턴을 사용하다가 올해 초 Phoenix Server 패턴으로 변경하게 되었습니다. 작업 후 새로 배포되는 서버들이 매우 안정적으로 생성되는 걸 확인하고 야호를 외쳤으나... 새로 생성된 서버에 SSH 접속때 마다 매번 IP가 다르니 불편함이 이만저만이 아니었습니다.그 와중에 Bastion 서버도 통해서 접속해야 했기에 매번 만들어둔 긴 SSH Command 수정하기도 매우 번거로운 것..!그렇다고 SSH Config를 만들어놔도 새 서버를 만들 때마다 SSH 접속 정보를 변경해 줄 수도 없는 노릇이고 말이죠..!비슷한 문제를 가지고 계신 분들이 분명 있을거라고 생각해 글을 쓰게 되었습니다.아래와 같거나..

[ETC] SSHFS를 이용해 원격 마운트하기

SSHFS를 이용해 원격 마운트하기배포를 할 때 가장 귀찮은 부분은 역시 수동으로 관리해 줘야 하는 것들, 이를테면 보안에 민감한 .env 파일이나 예외적인 몇몇 파일들이 있겠습니다.그래서 생각해보니 설정 파일 이나 변경이 필요한 데이터들이 전부 Git 저장소에 있다면 배포 시에 정말정말 편할 거 같네요!넵! 그런 일은 있을 수 없겠죠. 어쩌다 Git Account가 털리기라도 하면 오우 상상만 해도 아찔합니다.그렇기에 일반적으로는 .env나 중요파일을 수동 혹은 Configuration manager system을 이용해 관리해 주곤 합니다.그런데 파일 몇 개면 상관이 없을 텐데 수많은 파일을 매 배포 시마다 하나씩 추가 혹은 변경해줘야 한다면?벌써 현기증이…SSHFS 란?SSH를 통한 Mount를 지..

[ETC] Github의 취약성 알림 대처 방법

Github의 취약성 알림 대처 방법취약성 탐지 알림 from Github자고 일어났는데 Github으로 부터 다음과 같이 취약성 알림 메일이 왔습니다.[sonim1/sonim1-mysite] One of your dependencies may have a security vulnerability이런 메일 처음 받아본지라 깜짝 놀랐네요.뭔가 알아보니 package-lock.json 파일을 같이 올릴 경우 Github에서 알려진 취약점이 있는 라이브러리에 대해서 알림을 보내줍니다.Github 저장소에서 Insight > Dependency Graph 메뉴를 통해 접근 및 확인 가능합니다.이슈를 해결한 이후라서 인터넷에서 찾아온 이미지!삽질의 시작딱히 중요한 데이터가 있는 건 아니지만 신경 쓰이니 고치기로 ..

[번역] Art of Clean Pull Requests - 클린한 Git PR의 기술

Art of Clean Pull Requests - 클린한 Git PR의 기술직장 동료인 소프트웨어 엔지니어 Alex의 프리젠테이션을 한국어로 번역한 포스트입니다. Git을 실무에서 사용함에 있어 공감하고 배울 내용이 많아 번역해보았습니다. 세팅이나 기초적인 사용법에 대해서가 아닌, 효율적인 실무를 위한 Branch 관리 및 PR 방법에 대하여 전반적으로 다루고 있습니다. 그 외에도 이해를 돕기 위한 추가적인 내용이 들어가 있습니다. Art of Clean Pull Requests - Presentation Alex Yeung 목차Art of Clean Pull Requests - 클린한 Git PR의 기술간략한 개요Git은 어떻게 동작하는가?원격 저장소별로 분리된 Branch팁과 트릭당신의 작업 사항을..

Module Bundler Parcel 그리고 Webpack 4

Module Bundler Parcel 그리고 Webpack 4들어가기 전작년 말 Parcel이 나와 엄청난 Star를 받으며 큰 인기를 얻었습니다.그리고 지난달 Webpack 4가 발표되었습니다!이런 상황에 떠오르는 생각을 포스트로 간단하게 정리해 봤습니다.ParcelParcel - Homepage Parcel - GithubParcel[파설, /parsəl/]은 개발 경험에서 차이를 느낄 수 있는 웹 애플리케이션 번들러 입니다. 멀티 코어 프로세싱으로 불꽃 튀게 빠른 성능을 제공하고 그 어떤 설정도 요구하지 않습니다. - Parcel 엄청나게 빠른 번들, 적은 설정과 기본적으로 제공하는 HMR! 등을 표방하며 나온 모듈번들러 Parcel.Webpack, gulp, grunt등의 복잡한 설정과 점점 느..

Spiklin - Exchange Language and culture with a native speaker

Spiklin - Exchange Language and culture with a native speaker언어교환 모임이란?한국어와 영어 각기 다른 언어를 사용하는 원어민이 모여서 각자의 언어를 알려주고 배우는 모임입니다.원어민과 언어 및 문화를 교류할 수 있습니다.대화 상대를 카페나 메신저 등을 이용해서 구할 수 있겠지마는, 좀 더 편하게 모임을 가질 수 있는 Spiklin 서비스를 소개해 드리려 합니다. Spiklin토론토에서 쉽게 언어 교환을 할 수 있는 모임 혹은 온라인 서비스명 입니다.아래 사이트를 이용해서 등록하실 수 있습니다.두 가지 버전으로 자체 사이트와 Meetup을 이용해서 모임에 참석할 수 있습니다.SpiklinMeetup - SpiklinMeetup을 이용할 수도 있지만, Spi..

OpenAPI Spec 3.0 버전으로 문서 작성하기

OpenAPI Specification 3(OAS 3)에 맞게 문서 작성하기회사에서 REST API 설계를 해야 해서 OSA 3 기준으로 문서를 작성하게 되었습니다.REST API 구조는 기본적으로 만들 수 있지만, OpenAPI Specification을 따라본 적은 없어서 이번에 처음 OAS3 문서를 작성해봤는데요.초반에 시간을 투자해서 만들어두면 확실히 좀 더 명확한 소통이 가능한 거로 보입니다.작성법과 각종 예제는 공식 문서에서도 충분히 제공되고 있기 때문에 공식 문서와 몇 가지 도움이 되는 홈페이지를 소개해드리려 합니다.공식 문서 보기역시 가장 좋은 방법은 공식문서 보기겠죠.OpenAPI Specification - 3.0.1Example과 사용 할 수 있는 문서 형식들에 대한 정보를 제공합니다..

피치트리에서 2달간 지내며.

코워킹 스페이스 Co-working Space퇴사 후, 평소에 자주 가던 카페를 다니며 공부를 했었는데요.그 당시 하루 소비 패턴이 오전에 커피 한잔, 나가서 점심 먹고 와서 오후에 한잔으로 고정되었습니다.북적북적한 카페도 아니고 안락한 분위기라 편하게 공부할 수 있었지만, 당장 돈 버는 입장도 아니고 날이 갈수록 금전적으로 부담스러워지던 와중에 바닐라코딩 인터뷰 장소인 피치트리가 눈에 띄었습니다.바닐라코딩의 Ken씨와의 인터뷰 당시 이런저런 질문을 하면서 코워킹 스페이스에 대해서 듣고 조사를 좀 했는데요.나라에서 지원하는 곳도 있고 창업지원센터의 경우 무료로 이용할 수 있는 공간이 있기도 했지만 피치트리가 가격대비 최적의 장소라고 생각해서 비교적 저렴한 역삼점으로 등록을 했습니다.자세한 사항은 여기로 ..

Progressive enhancement and Graceful degradation

점진..뭐? 우아한 뭐..?Progressive enhancement and Graceful degradation 점진적 향상법과 우아한 성능저하.. 라고들 합니다.개념 자체는 알고 보면 쉬운데 단어가 낯설게 느껴져서 그런지 뭔가 쉽게 느껴지지 않네요.프론트엔드 인터뷰 공부 중에 흥미롭게 본 내용이기에 정리해봤습니다.점진적 향상법(Progressive enhancement)웹 컨텐츠는 모든 브라우저에서 같게 보여야 한다는 개념이 있습니다. 하지만 그것을 위해서 구버전에 브라우저를 기준으로만 개발할 수 없습니다. 이 둘을 적절히 합의를 본 게 점진적 향상법입니다.최신 브라우저에서 더 나은 화면 효과와 추가된 부가기능을 사용할 수 있게 하면서 구버전에서도 컨텐츠 가독이 가능하게 하는 방법입니다.예를 들면 네..