Inpa Dev
여러분들의 방문을진심으로환영합니다
WEB 개발에 있어 다양한 개발 지식을 다루는 전문적인 블로그가 되기 위해 노력하겠습니다. 😃
0
총 방문자
0
총 포스팅
0
구독자
0
블로그 운영
팔로우
🙋 저와 맞구독하신 다른분들의 블로그도 구경해보세요 😄최신 글 ✨
따끈따근 하게 올라온 최신 포스팅을 구경해보세요 !
유용한 개발 도구 🧰
개발하는데 유용한 도구와 사이트를 알아봐요 !
스타일 라이브러리 🎨
웹을 알록달록하게 라이브러리를 이용해 간편히 꾸며보세요 !
🎉 Font Awesome 5 PRO 버젼 다운 & 사용법 💯 정리
Font Awesome 5 PRO 버젼 (v5.15.4) 전세계에서 가장 많이 쓰는 폰트 라이브러리의 폰트어웨이썸5의 최신버젼인 5.15.4v를 소개해본다. 현재 최신 6.0 버젼이 나왔지만 아직 베타 기간이며, PRO버젼을 쓸려면 당연히 년간 100달러를 납부해야한다. 폰트어썸5 버젼만 해도 압도적이고 퀄리티 높은 여러개의 폰트들을 제공하며, PRO버젼이라 더욱더 다양한 추가 폰트를 지원해주고 4가지 추가 폰트옵션도 제공한다. 티스토리 스킨에 적절히 사용하면 보다 높은 홈페이지를 꾸밀수 있다. 본인 블로그의 왼쪽 사이드바 아이콘 역시 폰트어썸 PRO 버젼을 사용했다. Font Awesome 5 PRO 설치 PRO버젼 다운링크가 적용된 해당 html 태그를 티스토리 스킨이나 프로젝트에 붙여준다. 원하는 ..
🎨 Youtube-Background - 유튜브 영상을 헤더 배경 화면으로
youtube-background 홈페이지의 배경화면으로 유튜브 영상을 간단하면서도 깔끔하게 구현할수 있는 라이브러리를 소개해 본다. 적용 예시는 다음과 같다. youtube-background 사용법 GitHub - stamat/youtube-background: Simple script for embedding YouTube, Vimeo and HTML5 videos as cover background Simple script for embedding YouTube, Vimeo and HTML5 videos as cover background - GitHub - stamat/youtube-background: Simple script for embedding YouTube, Vimeo and HTML..
🎨 MockFrame - iframe을 브라우저창으로 스타일링
iFrame In A Browser Mockup iframe을 사용해 웹페이지를 불러올때 다음 사진과 같이 단순한 사각형 영역에 홈페이지를 띄우는 정도로 아주아주 못생기게 나온다. 거기다 스타일링 이래봤자 iframe 테두리 정도 꾸미는 거 외에는 전무하다. 하지만 mockiframe.js 라이브러리를 사용하면 이렇게 iframe 웹페이지를 마치 브라우저 윈도우창에서 띄우는 것처럼 멋지게 스타일링 해준다. 사용법도 매우 쉬워 iframe을 이용해 자신의 포트폴리오 사이트를 띄울일이 있다면 요긴하게 쓰일것 같다. mockiframe.js 사용법 Present iFrame In A Browser Mockup - mockframe.js | CSS Script A JavaScript to make your if..
🎨 SweetAlert2 - 이쁜 alert 모달창 설치 & 사용법
SweetAlert2 자바스크립트로 웹 프로그래밍을 하다 보면 자주 Alert 함수를 사용하게 됩니다. Alert는 사용자에게 알림을 주고자 할 때 정말 자구 사용하는 컴포넌트 입니다. 다음과 같이 자바스크립트의 alert는 아주 기본적인 브라우저 UI를 제공하고 있습니다. 하지만 우리는 이런 알림창보다 더 예쁜 알림 창을 원하죠. SweetAlert2 라이브러리는기존의 alert 창보다 다양한 디자인과 색감으로 디자인이 된 alert 창 입니다. 또한 한 종류만 있는게 아니라 alert, confirm, prompt 입력창 역시 지원하며, 여러 주제에 따라 다양한 이쁜 알람창을 따로 css작업없이 고퀄리티의 애니메이션 창을 구성할수 있습니다. 이번 시간에는 SweetAlert2 라이브러리의 기본 사용법..
모던 리눅스 🐧
구식은 이제 그만! 모던한 리눅스를 알아보아요🐧 Modern Linux - 최신식 리눅스 명령어 모음
모던 리눅스/유닉스 명령어 대부분의 리눅스 강의나 수업에서는 초창기부터 있던 전통적인 CLI 명령어(ls, cd, pwd, cat, cp, mv, rm, mkdir, ...등) 위주로 알려준다. 그러나 이 오래된 명령어들은 작성된지 40년이 넘는 경우가 많아서 현재 컴퓨팅 환경과 맞지 않고 배우고 익히는데 시간이 너무 많이 걸리는 문제가 있다. 이런 문제를 해결하기 위해서 새로운 명령어들이 많이 개발되었지만, 대부분의 경우 배포판에 기본 포함되지 않은 경우가 많고 자료들도 예전 명령어를 위주로 되어 있어서 특별히 신경쓰지 않으면 접근이 어렵다는 단점이 있다. 이 강의에서 소개할 툴들은 기존의 리눅스 CLI 명령어를 대체, 개선하고자 개발 되어진 CLI 들이다. 유저에 의해 새로 개발된 툴이라 당연히 다른..
🐧 exa 명령어 사용법 (ls 대신 이거 쓰자)
exa (최신식 ls 명령어) Rust언어로 개발된 구식 ls명령어를 대체할 수 있는 exa를 소개해 본다. exa는 Unix/Linux 에서 파일이나 디렉터리를 조회하는 전통적인 명령어인 ls의 최신판 이라고 보면 된다. 다양한 파일 포맷과 메타 데이터를 화려하게 색상별로 표시해 주며 git과 통합되어 있고 속도도 빠르다. Rust 프로그래밍 언어로 작성되었으며 기존의 ls 명령에서 사용할 수없는 몇 가지 추가 기능이 함께 제공된다. 위의 이미지를 보면 알 수 있듯이, 과연 내가 사용하고있는 리눅스가 맞는가 싶을정도로 컬러풀하고 보기가 좋아진다. 디렉토리를 트리로 출력도 가능히며, 심지어 윈도우 처럼 파일타입에 맞는 아이콘도 표시도 할수 있다. exa 설치 GitHub - ogham/exa: A mod..
🐧 bat 명령어 사용법 (cat 대신 이거 쓰자)
bat (최신식 cat) 파일의 내용물을 표시할때 cat 명령어를 자주 쓸 것이다. 하지만 무미건조한 텍스트만 나열만 해 가독성이나 효율성이 좋지 않다. 최신식 명령어인 bat 은 cat 대신 사용할 수 있는 명령어로, 문법 강조(syntax highlight), git 통합, 자동 페이징 등 다양한 기능을 갖고 있다. 마치 리눅스 터미널에 텍스트 에디터를 띄워 보여줄 정도의 퀄리티를 자랑한다. GitHub - sharkdp/bat: A cat(1) clone with wings. A cat(1) clone with wings. Contribute to sharkdp/bat development by creating an account on GitHub. github.com bat 설치 $ sudo ap..
🐧 fd 명령어 사용법 (find 대신 이거 쓰자)
fd (최신식 find) fd 는 file system 에서 특정 엔트리를 찾는 명령어로 기존 find 명령어 보다 더 사용자 친화적이며 속도도 거의 8배로 빠르다. 기본적으로 검색한 파일들에 대한 색상화 출력을 지원하여 가독성을 높여준다. 또한 검색할 때 .gitignore 에 지정한 디렉토리는 자동으로 무시하는 기능도 붙어있다. (무시하지 않도록 하는 설정도 가능) fd 기본적으로 대소 문자를 구분하지 않는다. 검색 패턴에 대문자가 포함 된 경우 fd 대소 문자 구분 모드로 작동되게 된다. 이처럼 대부분의 경우 사용자 편의성을 선호하는 방식으로 작동되는 최신 명령어이다. GitHub - sharkdp/fd: A simple, fast and user-friendly alternative to 'fin..
