🚉 ngrok 사용법 안녕하세요 TriplexLab입니다. 오늘은 ngrok에 관해서 이야기해보도록 하겠습니다. 먼저 ngrok은 로컬에서 작업 중인 것을 안전한 터널을 통해 외부에 공유하려고 할 때 쓰면 유용한 도구입니다. 요즘 재택근무가 잦아지면서 현재 로컬에서 작업하던 것을 외부에 공유해줘야 하는 상황이 많이 있습니다. 이런 상황일 때 사용하면 정말 좋습니다. 👉 ngrok 설치 해당 사이트에 방문해서 회원가입 및 로그인을 해주세요. 아래 링크에 들어가서 보시면 운영 체제별로 zip으로 압축한 패키지를 제공하므로 다운로드하여서 압축을 해제하고 PATH에 걸린 폴더에 넣은 후에 사용하면 됩니다. ngrok - secure introspectable tunnels to localhost dashboar..

👨‍💻 스크롤 방향 감지하기(마우스 스크롤 위아래) 안녕하세요 TriplexLab입니다 :) 오늘은 javascript 스크롤 방향 감지하기에 관해서 간단하게 정리하겠습니다. ✍️ 스크롤 방향 감지하기 코드 * { margin: 0; padding: 0; box-sizing: border-box; } .clearfix::after { content: ''; clear: both; display: block;} .navInner {width: 100%; position: fixed; top: 0; background-color: #fff; padding: 20px; box-sizing: border-box; transition: top 0.4s ease-in-out;} .logo {float: left;}..

lodash 라이브러리 정리 안녕하세요 TriplexLab입니다 :) 오늘은 lodash 라이브러리에 대해서 정리해보겠습니다.(lodash 사용법) lodash 같은 경우에는 FE개발자들이 정말 자주 하는 작업들을 쉽고, 단순하게 작업을 도와주는 역할을 합니다. 예를 들어서 JSON형태의 데이터들을 받아서 화면에 뿌려주는데, 그냥 뿌려주는 것이 아니라, 필요한 데이터만 필터링한다던가, 혹은 다른 연산을 하고, 뿌려준다던가 작업 등등을 할때 유요한 라이브러리입니다. 이 라이브러리를 몰랐을 때는 제가 필요한 함수(기능)를 직접 만들어서 사용했는데... 이제 그럴 필요가 없어졌네요ㅠ 제가 만든 거보다 그 이상으로 많은 함수들을 재공해 주니깐요ㅎㅎ Array _.findIndex (function() { con..

Github Sourcetree 안녕하세요 TriplexLab입니다. 오늘은 Github + Sourcetree에 관해서 살펴보도록 하겠습니다. 📌 Sourcetree에 Github 계정 추가하기 1. 소스 트리 첫 화면에서 조그마한 '설정' 버튼을 클릭합니다. 2 : '계정'을 클릭 👉 2-1 : 추가 버튼 클릭 👉 2-2 : 추가 할 github name / password 작성 결과) 👉 다음과 같이 개인 계정이 추간 된 모습을 확인할 수 있습니다. 📌 Github 프로젝트 주소와 연동하기 프로젝트마다 remote github url을 설정해주어야 해요. 1. : 프로젝트를 열어서 우측 상단에 설정버튼을 클릭 👉 1-1. : 원격 탭으로 이동 👉 1-2. : 추가 버튼 클릭 2. : 계정정보 + g..