CategoryTips/ETC (38)

자바스크립트 Spreadsheet 라이브러리 추천

자바스크립트 Spreadsheet 라이브러리 추천 https://jspreadsheets.com/ 위 사이트에서 현재 잘 알려진 자바스크립트 기반 스프레드시트 라이브러리들을 한눈에 볼 수 있게 제공해 줍니다. 자, 이제 알려드렸으니 수많은 라이브러리 중 직접 고르시면 됩니다! 농담입니다. 사실 대부분의 라이브러리들이 유료버전에서 쓸만한 기능을 제공하거나, 또는 무료 유저에게는 기간제로 혹은 강제적인 로고가 노출되는 데모 버전만을 제공합니다. 그래서 제가 찾아본 무료 라이브러리 중 가장 쓸만하고 현재 실제로 여러 프로젝트에서도 사용 중인 라이브러리를 소개하려 합니다. Jspreadsheet 현재 개인적으로 가장 추천하는 스프레드시트 라이브러리입니다. 최신 버전은 유료로 제공되지만, v4버전의 경우 MIT ..

명암 대비를 고려한 디자인 - WCGA 2.1 Contrast

명암대비를 고려한 디자인 - WCGA Contrast 우리가 사용하는 모든 디자인은 명암대비를 고려해서 디자인됩니다. 버튼의 배경색과 글자색, 컴포넌트의 배경색 등 우리가 알게 모르게 적용되어있습니다. 이런 명도 대비는 단순히 이쁘게 혹은 보기 좋게 만들기 위해서가 아닌, 노안, 약시 혹은 일시적으로 정상시력을 가지지 못한 사람들을 위해서 적용이 고려됩니다. W3C에서는 이런 인식 및 시각과 관련된 요소를 WCGA 가이드라인에 명시해 놓고 있습니다. WCGA란? WCGA는 W3C에서 정한 웹 콘텐츠 접근성 가이드라인의 표준 권고안입니다. 하지만 이 접근성이 엄청나게 광범위한 부분을 포함하고 있기 때문에 이 포스트에서는 Contrast 카테고리에 관해서 이야기합니다. 가장 최근에는 모바일 접근성도 고려된 ..

마케팅 - 콜드 메일(Cold mail)이란?

콜드 메일(Cold mail)이란? 알지 못하는 사람에게 보내는 홍보 이메일이며, Cold mail, Cold emailing 등으로 불립니다. 홍보라 해서 세일즈에만 사용하는 건 아니고 협업 및 인맥 쌓기 혹은 취업 할 때도 사용할 수 있습니다. 모르는 사람에게 메일을 보내기 때문에 언뜻 보면 스팸메일 같지만, 콜드 메일은 스팸으로 구분되지 않고 다음 단계(답신 등)로 갈 수 있게 대상에 맞춰서 내용을 전달합니다. 대신 흥미를 유발하지 못하거나 부족한 내용이라면 스팸이나 진배없겠죠? 이런 형식의 홍보를 메일이 아닌 전화로 한다면 콜드 콜(Cold Call)이라고 합니다. 가령 스타트업을 만들었을 때, 제품을 어떻게 홍보해야 할까요? Product Hunt나 Reddit에서 글을 올려도 좋겠지만 특정 c..

Mac OS Big Sur 메뉴바 밝기 이슈

Mac OS Big Sur 메뉴바 밝기 이슈 지난 Catalina 업데이트부터 잘 쓰고 있던 다크모드가 Big Sur를 사용하고부터 뭔가 이상해졌습니다. 전체적으로 UI가 다시 뭔가 밝아진 느낌? 저는 크롬을 사용할 때, Incognito 모드와 구분하기 위해서 크롬만 다크 모드 를 끄고 사용하기 때문에 모르고 있었는데, 메뉴바에 하얀색 아이콘이 아예 안 보이더군요.(카카오톡) 하얗게 나오는 메뉴바, 그리고 뭔가 흐리멍텅한 사파리 알고 보니 업데이트 이후, OS에서 현재 배경화면의 전체적인 색에 따라서 transparent를 조절하기 때문이었습니다. 바뀌는 건 상관없는데 contrast나 색상을 체크 안 해서 하얀색 아이콘이 아예 안 보이는 게 계속 눈에 띄어서 아래 방법으로 해결했습니다. 1. Syst..

Git에 공동 Author 추가하기

Git에 공동 Author 추가하기 현재 저는 회사에서 새로운 기능을 추가하는 프로젝트를 진행 중입니다. 하지만 프로젝트 시작하자마자 작은 고민이 생겼습니다. 미리 설계해 놓은 문서를 바탕으로 제가 프로토타입을 만들고, 같은 팀원이 제 프로토타입 코드를 실제 서비스에 반영할 수 있게 작업해 주긴 했으나 지저분한 커밋이 많고 추가로 수정하고 싶은 부분이 생겨서 어떻게 할까 고민에 빠졌습니다. 결국 커밋을 전부 reset 후 새로 작성하기로 합니다. Feature Flag를 통해서 추가되는 새로운 기능이기 때문에 기존 코드를 변경하지 않기도 하고, 첫 릴리즈 이전에 발생한 변경사항들이 Commit에 존재하는 의미가 없으며 또한 rebase하기에는 손이 더 많이 갈 것 같아서 말이죠. 이때 한가지 고민이 생겼..

웹 서비스 Maintenance Mode (점검 모드) 지원기

웹 서비스 Maintenance Mode (점검 모드) 지원기 온라인 서비스계의 유명한 4대 명검으로 유명한 점검 모드에 대해서 이야기하려 합니다. 점검 모드 지원 결정 운 좋게도 회사에서 운영하는 서비스가 2년 넘게 다운될 일이 없었습니다. Agile모델이 잘 실행되었기 때문일까요? 매주 릴리즈 함에도 불구하고 근 몇 년간 99.99%의 가용성을 유지하고 있었습니다. 하지만 올해 초 AWS MySQL을 AWS Aurora로 Migration 하기로 합니다. 문제는 우리 회사의 서비스가 사용자에 의해서 수정이 자주 일어나는 온라인 에디터라는 것! 이러한 서비스 특성상, 실시간으로 DB에 데이터를 업데이트하는 일이 잦게 발생하고, 이를 방지하고자 readonly 페이지를 제공할까? 등등 고민을 하게 됩니다..

[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 메뉴를 통해 접근 및 확인 가능합니다.이슈를 해결한 이후라서 인터넷에서 찾아온 이미지!삽질의 시작딱히 중요한 데이터가 있는 건 아니지만 신경 쓰이니 고치기로 ..