https://astro.build/ Astro Build fast websites, faster. Astro is a new kind of static site builder for the modern web. Powerful developer experience meets lightweight output. astro.build Astro.js 는 SSG (Static Site Generator) Framework로 근래 대중화된 React.js Vue.js Svelte.js 등을 함께 사용할 수 있는 특이한 프레임워크 입니다. 가장 큰 특징은 함께 사용할 수 있으며, SSR서버로도 이용은 가능합니다. 또 강력한 점은, React, Next, Vue, Next, Svelte, Sveltekit을 사용..

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가지..