svg 포맷을 이용한 이미지 파일의 색상을 변경하는 것에 대해 검색을 해보면 대부분이 svg 파일을 html에 작성해서 fill 또는 CSS를 이용해서 색상을 변경하라는 내용을 볼 수 있습니다. 하지만 그렇게 비효율적인 방법이라면 mdi같이 svg 포맷을 폰트로 만들어서 사용했을 듯 합니다. SVG 파일의 색상을 HTML 작성 없이 CSS만으로 변경하는 것은 의외로 매우 간단합니다. .svg-test { background-color: #eeeeee; -webkit-mask: url('image.svg') no-repeat center; mask: url('image.svg') no-repeat center; } 이런식으로 mask를 이용해서 image를 불러오고 background 색상을 변경 작업해주..

『JavaScript 두 걸음』- JavaScript란? 이번 게시글은 MDN의 '웹 페이지에 JavaScript를 어떻게 넣나요?' 게시글을 탐구합니다. 자바스크립트를 사용하기 위해서는 크게 2가지 방식이 존재합니다. HTML 파일 내부의 자바스크립트 선언 및 호출 HTML 파일 외부의 자바스크립트 호출 HTML 파일 내부에서 자바스크립트 사용 See the Pen by GM Yankee (@GMyankee) on CodePen. html 내부에서는 위처럼 html 영역에서 ``를 이용해서 감싸고 사용합니다. body 내부에서 작성하여도 동작하지만, head에 작성하는 경우를 많이 볼 수 있습니다. head에 작성하는 이유는 주로 브라우저가 콘텐츠를 그려내기 전에 미리 호출하여 파일을 불러옵니다. 하지..

MDN에서 발췌한 JavaScript 가이드를 기반으로 CodePen을 이용하여 학습 공유를 재구성하는 시리즈입니다. JavaScript | MDN JavaScript (JS)는 경량, 인터프리터 혹은 just-in-time 컴파일 프로그래밍 언어로, 일급 함수를 지원합니다. 웹 페이지를 위한 스크립트 언어로 잘 알려져 있지만, Node.js, Apache CouchDB, Adobe Acrobat처럼 많 developer.mozilla.org JS를 두서없이 익히고 사용한 지 7년이 지났지만, Python과 마찬가지로 정말 답도없는 쉽다면 쉬운데 깊이가 깊어질수록 끝이 없는 언어입니다. JavaScript 두 걸음이라고 이름을 정한 이유는 단순히 MDN에서 첫걸음이라고 하니, 한번 더 나아가자라는 의미로..

본문은 시리즈로 작성되는 내용입니다. Go Version은 1.15.6으로 진행되었습니다. go get github.com/graphql-go/graphql go get github.com/graphql-go/handler 먼저 graphql-go/graphql, graphql-go/handler를 install 합니다. 설치가 다 되었다면, 대충 main.go 파일을 만들어서 코드를 작성합니다. // main.go package main import ( "github.com/graphql-go/graphql" "github.com/graphql-go/handler" "net/http" ) func main() { fields := graphql.Fields{ "hello": &graphql.Field{..

https://gmyankee.tistory.com/302 #02. Go - gqlgen 프로젝트 설정하기 https://gmyankee.tistory.com/301 #01.Go - GraphQL 알아보기 서론 Go언어를 사용하는 Gopher 여러분들은 상당히 다수 존재하는 반면에, Graphql은 아직까지도 한국어로 된 자료가 많지 않으며, GraphQL 대다수.. gmyankee.tistory.com 원래는 gqlgen을 이어서 작성하려 했으나, gqlgen에는 치명적인 결함이 있어, graphql-go로 변경하게 되었습니다. 아마 graphql-go가 github에서는 선두를 달리고 있으니.... 가장 많이 쓰이는 데에는 이유가 있을 거라 생각됩니다. gqlgen의 가장 치명적인 문제는 크게 2가지..

본문은 시리즈로 작성되는 내용입니다. #0. 개요 #1. 준비하기 목차 도커 설치 도커 컴포즈 설치 도커 WSL2 연동 도커 설치 https://docs.docker.com/get-docker/ Get Docker docs.docker.com docker 공식 페이지를 위 url을 통해 접속하여도 되고, google에 docker install을 검색하여도 위 url과 관련한 정보가 검색되어 나타나는 걸 볼 수 있습니다. 도커 컴포즈인데 왜 도커를 설치하냐고 하시는 분들도 계실까 해서 잠깐 설명을 드리자면, docker-compose는 docker container를 효율적으로 관리하기 위한 일련의 문서화이며, 실행 관리를 도와주는 도구입니다. 때문에 docker가 없는 docker-compose는 존재..