인파

You Can Become A

늦게 시작해도 누구든지 노력하면 개발자가 될수 있어요 !

공부한 내용을 정리합니다
Tool/유용한 온라인 툴

⚛️ Similarweb - 웹사이트 트래픽 분석하기

시밀러웹(Similarweb) 웹사이트에 트래픽이 얼마나 발생하는지 혹은 검색 유입량이 어떻게 되는지 정보를 얻기 위해선 보통 가장 유명한게 구글 애널리틱스(Google Analytics) 일 것이다. 다만 애널리틱스는 자신의 사이트만 추적이 가능하므로, 경쟁사 사이트 혹은 타사의 사이트도 확인하고 싶을때 가능한 수단이 바로 시밀러웹 사이트를 이용한 것이다. 트래픽에 대한 다양한 지표를 월간 단위로 제공하며 나름 사이트 분석에 대한 시각화가 잘 되어 있어 분석 그래프만 잘 볼줄알면 왠만한 정보는 여기서 얻을 수 있다. 간단한 사이트 정보만 확인할 목적이라면 무료 서비스로도 충분하다. 또한 티스토리 블로그의 방문자수도 이 서비스를 이용하면 얻을수 있다. Website Traffic - Check and A..

category_image
인파_
2022.12.16
(0)
Tool/Chrome DevTools

🌐 개발자 도구에서 실시간으로 변수 값 감시하기

실시간으로 변수 값 감시하기 보통 변수 값의 변동 추이를 감시하기 위해서는 디버깅을 통해 가능하다. 다만 디버깅은 스크립트 실행을 단계별로 끊어 중지시켜 실행하기 때문에 아주 빈번하게 변동하는 변수값을 추적하기에는 약간 번거롭다. 따라서 만일 간단한 단일 변수의 변동을 추적한다고 하면, 개발자 도구의 콘솔탭에서 live expressoin 기능을 이용하면 된다. 예를 들어 다음과 같은 value 라는 변수의 값의 변동 추이를 추적하고 싶다면, 상단의 👁️ 모양의 버튼을 누르고, 입력란에 변수명을 기재해주면 실시간 추적이 된다. let value = 0; setInterval(() => { value++; }); 또한 여러개의 변수명을 등록하면 여러개의 변수를 추적 가능하다. 스코프 내 변수 추적하기 다만..

category_image
인파_
2022.11.19
(0)
Tool/유용한 온라인 툴

⚛️ 웹사이트 호스팅 정보 알아내기

홈페이지 호스팅 정보 얻기 특정 사이트의 호스팅 서버 업체 정보를 알고 싶을때 알아내는 방법은 아래와 같은 사이트를 이용하면 간단하다. 웹사이트 링크만 기재하면 무료로 웹 호스팅 정보를 검색할 수 있다. HOST의 IP 주소, 네임 서버 정보, 서버 국가 정보 등을 바로 제공받을 수 있다. 1. Who is Hosting This? Who is Hosting This? - Digital.com Is this domain available, or taken? Who is hosting this website? Find out using our domain tool, with full WHOIS records for registered domains. digital.com 2. Hosting Checker ..

category_image
인파_
2022.11.19
(0)
Tool/유용한 온라인 툴

☁️ ERD CLOUD - ERD 다이어그램을 온라인에서 그려보자

ERD CLOUD 프론트엔드 작업을 하기전에 UI 와이어프레임을 그리는 과정은 중요하듯이, 백엔드에서도 데이터베이스 모델링 설계 과정은 매우 중요하다. 데이터베이스 모델링을 할 때 ERD 다이어그램 툴을 사용하는데, ERD 관련 소프트웨어는 대부분 유료이며 체험판 무료 버젼은 제약도 많고 대부분 연식이 좀 된 소프트웨어들이라서 디자인도 조금 올드하다. ERD(Entity Relationship Diagram) 문자 그대로 해석하면 '개체들의 관계를 다이어그램 형식으로 표현한 것' 이라고 볼 수 있고, 쉽게 정리하면 데이터베이스의 구조를 한눈에 파악할 수 있게 시각화한 것이다. [DB] 📚 데이터 모델링 개념 및 📈 ERD 다이어그램 그리는법 (1:N 관계) 데이터 모델링 이란? 데이터 모델링이란 정보시스..

category_image
인파_
2022.06.13
(0)
Tool/Chrome DevTools

🌐 크롬 브라우저 화면 분할 방법

브라우저 화면 분할 화면 분할 기능은 여러 프로그램을 동시에 띄워서 작업하여 생산성을 올리는 많이 애용되는 기능이다. 구글링해서 웹문서를 찾는 일이 빈번해지면서 하나의 브라우저 창에서 탭을 이리저리 이동하는 것이 불편해서 찾아보다 괜찮은 크로미움 익스텐션을 찾아 소개해본다. 크롬 화면 분할이라고 거창하게 써놓았지만, 사실 그냥 브라우저창 하나 생성해서 분할하는 단순한 기능이다. 그래도 직접 손으로 일일히 가로는 줄이고 세로는 늘린다음 배치하는 이런 작업을 하나하나 창을 조정하는 것보다, 클릭 한번으로 자동으로 비율을 조정해줘서 편하게 화면 분할을 할 수 있다는 점은 괜찮다. Tab Resize Tab Resize - split screen layouts Split Screen made easy. Resi..

category_image
인파_
2022.06.04
(0)
Tool/유용한 온라인 툴

⚛️ 온라인 AI 이미지 확대 사이트 모음

인공지능 이미지 확대 사이트 원본 사진 크기 자체가 작은데, 중요한 자료라면 사진을 확대해서 강조할 필요성이 있다. 바탕화면으로 쓸 때나 혹은 너무 마음에 드는 사진인데 사이즈가 너무 작은 경우 유용하게 사용할수 있다. 하지만 단순히 사진을 늘려버리면 픽셀이 깨져 화질이 구데기가 되어버리는 단점이 있지만, 인공지능을 이용해 4배 ~ 16배까지 큰 화질 저하없이 이미지 확대가 가능하다. 사진 화질 높이기 포토샵 보정을 통해서도 화질 높일 수 있지만 번거롭고 쉽지 않기 때문에 온라인 사이트에서 클릭 몇번 만으로 이미지 확대 및 화질 보정을 할수 있다. Bigjpg AI로 이미지로 무료로 4배까지 확대해 주는 사이트이다. 무료 버전은 회원가입이나 로그인 필요없이 3000×3000 또는 5메가미만의 이미지 파일..

category_image
인파_
2022.05.28
(0)
Tool/유용한 개발 툴

💽 MobaXterm 설치 & 사용 방법 (SSH 접속)

MobaXterm 리눅스에 Telnet, SSH 접속을 위해 Putty나 XShell을 깔고, FTP/SFTP접속을 위해 FileZilla를 깔고, 그 외 다양한 원격 접속용 프로그램을 복수개 설치하여 관리하면 많이 복잡해지고 번거로워 진다. 또한 Putty 같은 경우, 여러 파일들을 vi에디터로 수정/관리해야하는 경우 'Putty'만으로는 한계가 있다 MobaXterm은 현존하는 최강의 SSH 접속 툴로, 익숙한 UI와 다양한 접속 방식 지원으로 설정이 편하고 별도의 SFTP 프로그램 등을 설치하지 않아도 된다. (putty, 파일질라 OUT) 그리고 보안키도 putty로 ppk 변환하지않고 .key 또는 .pem 그대로 사용할수도 있다. 터미널 화면 좌측에 윈도우 탐색 창처럼 현재 경로의 폴더와 파일..

category_image
인파_
2022.04.08
(0)
Tool/유용한 온라인 툴

⚛️ CIDR 온라인 IP 계산기 🖩 사이트

여러분은 아직도 CIDR 주소 값을 받으면 일일히 손계산 하여 주소 범위를 특정하는가? 귀찮은 손계산을 자동으로 구해주는 온라인 사이트를 소개해본다. 클라우드를 구성할때 매우 유용하게 이용할수 있을 것이다. CIDR.xyz 아래에서 볼수 있듯이 아이피와 마스크를 적으면 알아서 이진수로 변환되어 보여주고, 서브넷 마스크(NETMASK)와 시작 아이피, 마지막 아이피, 주소 범위 갯수(COUNT)를 구해준다. CIDR.xyz CIDR.xyzAn interactive IP address and CIDR range visualizer CIDR is a notation for describing blocks of IP addresses and is used heavily in various networking c..

category_image
인파_
2022.04.02
(0)
Tool/유용한 개발 툴

💿 푸티 한글 패치 버전 (iPuTTy / HPuTTy)

PuTTy 한글 지원 배포판 푸티 한글판에는 iPutty와 HPutty 두가지가 있다. iPutty는 푸티 UI까지 완전 한글화한 배포판이며, 이 밖의 원본에서 없는 부가 기능들을 추가한 버젼이다. HPutty는 UI는 한글화는 안되있지만 기본적으로 터미널 한글 패치가 되있어있으며 이외에 iPutty와 PuttyTray에서 기능을 가져와 장점을 합본하고 원본에서 기능적인 부분이나 잔존하던 버그들이 개선된 버젼이다. 만일 자신은 한글 UI까지 된 완전 한글화를 사용하고싶다면 iPutty, 이밖에 여러 기능들이 합본되어 한국인이 사용하기 편한 HPutty를 사용하면 좋다. iPuTTy 설치 & 사용법 Releases · iPuTTY/iPuTTY iPuTTY official: 한국어 환경의 PuTTY term..

category_image
인파_
2022.03.29
(0)
Tool/유용한 온라인 툴

🖥️ 온라인 리눅스 터미널 / BASH(쉘 스크립트) 연습 사이트 모음

온라인 리눅스 터미널 연습 사이트 온라인 프로그래밍 언어 웹사이트가 있듯이, 간단한 리눅스 쉘 명령 확인하는데 있어 정말 좋은 리눅스 웹사이트들이 여러 곳 존재한다. 가상머신을 일일히 키거나 OS 메모리가 여의치 않은 환경에서는 리눅스 연습하는데 있어 최적의 방법이 아닐까 싶어 소개해본다. 특히나 Bash 연습 사이트는 쉘 스크립트 문법을 체크하는데 있어 필자도 굉장히 애용하는 편이다. Copy.sh 앞으로 소개할 터미널 온라인 사이트 중 최고의 Gnu / Linux 터미널 웹사이트가 아닐까 싶다. 실제로 필자도 써보니 빠르고 안정적인 명령을 테스트하고 실행하는 것 같다. 또한 다양한 OS와 호환된다고 한다. Virtual x86 Select profile Arch Linux 12 MB A complet..

category_image
인파_
2022.03.15
(0)
Tool/유용한 프로그램

💽 FxSound Pro 무료 설치 & 사용법 (+ 버그 해결)

FxSound Pro FX Sound Pro 는 20년간 약 5천만대의 장치에 설치되서 사용되었다고 하는 최고의 윈도우용 사운드 향상 프로그램 이다. 이 프로그램이 1월달에 완전 무료화로 전환 되었다. 기존 구독자 구독이 취소되었으며 또한 남은 기간에 대해 환불을 실시했다고 밝혔다. 소프트웨어 개선과 서버 유지에 대한 비용은 오직 기부에 의존한다고 한다. 윈도우용 앱이고 설치시 사운드 장치 관리, 이퀄라이저 프리셋을 제공한다. UX / UI가 직관적이라 누구나 쉽게 커스터마이징 할 수 있고 간편하게 사용할 수 있다. 설치하는 것 만으로도 자동으로 PC전체에 적용되서 유튜브, mp3 플레이어 등 어떤 프로그램이건 음질을 높여준다. FxSound 설치 아래 웹사이트에서 윈도우용을 다운로드 후 설치하면 된다...

category_image
인파_
2022.03.03
(0)
Tool/유용한 개발 툴

💽 Cmder 설치 & 설정 (+ 문자 깨짐 해결법)

Cmder 윈도우를 사용하면서 CLI명령이 필요할때 cmd를 많이들 사용하실 것이다. 하지만 컬러를 지원하지않아 가독이 그렇게 좋지않으며, 근래 Windows OS에도 PowerShell 이라는 쉘을 제공 하기는 하지만 잘 쓰이지 않는다. Cmder는 윈도우가 기본으로 제공하는 CMD 환경과 GIT을 사용하는데 최적화한 프로그램이다. git을 사용할 수 있다는말은 리눅스 기반 명령어를 그대로 윈도우에서도 쓸수 있다는 말이다. (더이상 dir 말고 ls를 쓰자) 브라우저 처럼 터미널을 탭창을 통해 여러개 띄울수도 있으며, Cmd, powershell, gitbash, subsystem Windows Subsystem for Linux 등 대부분의 CLI기능을 하나의 프로그램에서 사용이 가능한 혁신적인 프로..

category_image
인파_
2022.03.02
(0)