jpg(jpeg, Joint Photograph Experts Group) 높은 압축률을 통해 이미지의 사이즈를 줄여줌 단점으로는 압축을 통해 이미지의 품질이 낮음 24비트 컬러를 지원 .jpg, .jpeg. jpe 등의 확장자명을 사용 참고 https://ko.wikipedia.org/wiki/JPEG png(Portable Network Graphics) png는 손실없이 이미지를 압축하여 품질이 좋음 손실 없이 이미지를 압축하다 보니 다른 이미지 포맷에 비해 용량이 큰 편 8비트/24비트 컬러를 지원 W3C 권장 포맷 Alpha Channel을 지원하여 투명도 표현 할 수 있음 참고 https://namu.wiki/w/PNG gif(Graphics Interchange Format) png와 비슷하..
moment.js moment.js는 날짜와 시간을 간편하게 다룰 수 있도록 도와주는 라이브러리이다. 프로젝트를 하면서 거의 필수적으로 사용하는 라이브러리 moment.js의 자세한 내용은 아래 링크 참고 https://momentjs.com/ Moment.js | Home Format Dates moment().format('MMMM Do YYYY, h:mm:ss a'); moment().format('dddd'); moment().format("MMM Do YY"); moment().format('YYYY [escaped] YYYY'); moment().format(); Relative Time moment("20111031", "YYYYMMDD").fromNow(); moment("20120620"..
brew 설치 brew는 macos 패키지를 관리해주는 툴로 리눅스의 apt-get이나 yum과 같은 툴과 같다. 아래 명령어로 brew 설치를 진행한다. /bin/bash -c "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/HEAD/install.sh)" 참고: https://brew.sh/index_ko zshell 설치 최근 macos에는 zshell이 기본으로 적용되어 있어서 따로 설치할 필요 없지만, 오랜된 macos를 사용하는 경우 zsh를 직접 설치해야함 zshell이 없는 경우, 아래 명령어로 설치진행 brew install zsh iterm2 설치 iterm2 커스텀하기 위해 설치를 먼저 진행한다. brew update..
모듈을 사용하는 이유? 모듈은 쉽게 말하면 '부품'이라고 생각하면 됩니다. 부품처럼 각 기능별로 모듈화하여 파일을 만들고, 필요한 파일만 불러와서 프로그램을 만들 수 있습니다. 한 파일로 작성된 코드는 보기에도 복잡하고 유지 보수를 하기도 어려운 단점이 있습니다. 하나의 파일을 기능별로 나눠, 여러 파일로 관리를 하게되면 유지보수하기에 편리하고 복잡성이 낮아집니다. 얻을 수 있는 효과? 자주 사용되는 코드를 별도 파일로 모듈화하여, 재활용성을 높일 수 있음 모듈로 나눠서 관리하게되면, 관련된 파일만 수정하면 됨 필요한 로직만 로드하기 때문에 메모리 낭비를 줄일 수 있음 모듈 표준 모듈 표준에는 여러가지가 있지만, 본 글에서는 아래 2가지를 소개합니다. CommonJs: Node.js에서 채택한 modul..
웹 개발을 위한 기초 언어 3가지 웹개발에서 사용하는 언어는 대표적으로 HTML, CSS, Javascript 3개가 있습니다. 프론트엔드(Front-end) 개발자라면 반드시 알아야 하는 언어중 하나입니다. 다른 프로그래밍 언어에 비해 쉽다고 생각할 수도 있지만, 또 그렇게 쉽지도 않아서 우습게봐선 안됩니다. 항상 기초가 튼튼해야한다는 것을 기억해야합니다. HTML 웹의 구조를 담당하는 HTML은 Hyper Text Markup Language의 약자입니다. 단순히 웹 페이지의 구조(뼈대)를 만들기 위해 사용하기 때문에 HTML만으로는 디자인적으로 예쁘게(?) 만들 수 없습니다. 애초에 용도가 꾸미기 위한 용도가 아니기 때문입니다. HTML과 HTML 태그에 대한 상세정보는 아래 링크 참고 2021.1..
오류 확인 제대로 설치가 되었는지 flutter doctor 명령어로 확인하는 도중 아래와 같이 Android 쪽에 환경 설정이 덜 된것을 확인했다. 오류 조치 우선 Android Studio를 실행한다. Preferences > Apperanance & Behavior > System Settings > Android SDK 로 들어간다. 탭에 SDK Tools 를 클릭하고 Android SDK Command-line Tools (latest) 를 체크하여 apply를 누르고 설치한다. 설치가 끝났다면 아래 명령어로 다시 확인해보자 flutter doctor Reference https://stackoverflow.com/questions/68236007/i-am-getting-this-errors-c..
Go Installer 다운로드 아래 링크를 통해 Go를 설치한다. https://golang.org/ The Go Programming Language Download Go Binary distributions available for Linux, macOS, Windows, and more. // You can edit this code! // Click here and start typing. package main import "fmt" func main() { fmt.Println("Hello, 世界") } Hello, World! Conway's Game of Life Fibonacci golang.org 자신의 운영체제에 맞게 설치한다. Go Installer 실행 msi 형태로 제공해주기 ..
스킨 다운로드 아래 사이트에서 skin.zip을 다운로드 받아주세요. https://github.com/bluemiv/tistory_berry_skin/releases Releases · bluemiv/tistory_berry_skin TISTORY 블로그 스킨 - Berry. Contribute to bluemiv/tistory_berry_skin development by creating an account on GitHub. github.com 다운로드 받은 zip 파일을 압축해제해주세요. 압축 해제를 하면 아래와 같은 파일이 있습니다. 스킨 등록 스킨등록을 위해 자신의 블로그 관리 페이지로 이동합니다. 꾸미기 > 스킨 변경 > 스킨 등록 클릭해주세요 우측 상단에 '추가' 버튼을 눌러주세요. 그리고..
Gatsby 란? Gatsby는 정적 웹 사이트 생성기라고 생각하면 된다. 본 글에서는 getsby를 통해 생성된 정적 웹 파일을 github pages에 호스팅하는 방법을 소개한다. gatsby-cli 설치 아래 npm 명령어를 사용하여 gatsby-cli를 전역(global)으로 설치한다. npm i -g gatsby-cli 설치가 끝났다면 버전을 확인해보자 gatsby --version Gatsby CLI version: 3.10.0 참고. yarn으로는 안되는건가.. yarn으로 설치해서 해보니 나중에 gatsby-cli 명령어를 수행했을때, 아래와 같은 메세지와 함께 실행이 안된다. 'gatsby'은(는) 내부 또는 외부 명령, 실행할 수 있는 프로그램, 또는 배치 파일이 아닙니다. 현재로서는 ..
Berry Skin v2를 배포했습니다. 아래 글 참고해주세요. https://memostack.tistory.com/284?category=877437 Berry Skin 간단 소개 티스토리 두번째 스킨, Berry 스킨입니다. 현재 이 블로그에 적용되어 있는 스킨이며, 아직 0.X.X 버전이라 계속 개발 진행중입니다. 그래도 사용하는데 불편함은 없을거라고 생각하여, 스킨 배포합니다. 예쁘게 사용해주세요. 기능에 대한 자세한 내용은 글 아래에 '기능 소개' 확인해주세요. 스킨 적용 방법 적용 방법은 아래 글 참고해주세요. https://memostack.tistory.com/264 Berry Skin 적용 방법 스킨 다운로드 아래 사이트에서 skin.zip을 다운로드 받아주세요. https://gith..