반응형 SW LAB122 [Google Go 언어] Resultful API (Gin Web Framework) Gin Web Framework 를 이용하여 Restful API 구현 album 객체를 생성하고, 이 객체에 데이터를 추가하거나 조회하는 API 구현 package main import ( "net/http" "github.com/gin-gonic/gin" ) // 데이터 객체 type album struct { ID string `json:"id"` Title string `json:"title"` Artist string `json:"artist"` Price float64 `json:"price"` } // 데이터 var albums = []album{ {ID: "1", Title: "Blue Train", Artist: "John Coltrane", Price: 56.99}, {ID: "2", .. 2021. 11. 15. [Google Go 언어] 모듈 생성 및 Build, Install External Package Import 패키지는 다음 주소에서 검색 `https://pkg.go.dev/` hello.go 의 코드 다음과 같이 수정 package main import "fmt" func main() { fmt.Println("Hello, World!") } `go mod tidy` 명령어로 package 설치 프로젝트 Root 경로에 `go.sum` 파일이 추가됨 `go run .` 으로 실행 `Don't communicate by sharing memory, share memory by communicating.` 출력 확인 Create Module And Import greetings 패키지 생성 및 코드 작성 이름이 주어지지 않을 경우 Error 정보를 전달 package g.. 2021. 11. 15. [Google Go 언어] 설치 및 Hello World! Install https://golang.org/doc/install 에서 다운로드 및 설치 `go version` 으로 버전 확인 Hello World hello.go 파일을 생성 다음 코드 작성 package main import "fmt" func main() { fmt.Println("Hello, World!") } `go run .` 으로 실행 `Hello, World!` 출력 확인 2021. 11. 15. Vuetify 커스터마이징 - 체크박스 Component Framework 중 Vuetify 커스터마이징을 소개하려 합니다. Vuetify Document 를 보면 Slot, Props가 잘 소개되어 있는데요. 커스터마이징을 어떻게 해서 공용 컴포넌트로 활용할 수 있는지 소개합니다 :-) 제가 소개하는 커스터마이징 체크박스는 다음과 같은 기능이 있습니다. 체크 데이터 model 적용 이미지를 이용한 체크 유무 표기 및 사이즈 지정 라벨 표기 유무 및 색상, 사이즈 지정 체크박스 가로 위치 지정 데모로 보여드릴 샘플은 다음과 같이 표기됩니다. 코드는 두 개의 파일을 작성하였습니다. 데모 페이지를 표기하는 VuetifyCheckBoxView.vue 커스터마이징한 CCheckBox.vue Vuetify 에 v-checkbox 가 있기는 하지만 이 .. 2021. 7. 30. Vuetify 커스터마이징 - 버튼 (v-btn) Component Framework 중 Vuetify 커스터마이징을 소개하려 합니다. Vuetify Document 를 보면 Slot, Props가 잘 소개되어 있는데요. 커스터마이징을 어떻게 해서 공용 컴포넌트로 활용할 수 있는지 소개합니다 :-) 제가 소개하는 커스터마이징 버튼은 다음과 같은 기능이 있습니다. 버튼 내 문자열과 색상, 사이즈, Weight 등 지정 아이콘 앞, 뒤 선택하여 삽입 및 색상, 사이즈 등 지정 버튼의 Background, Border 색상 지정 버튼의 가로, 세로 크기 지정 클릭 이벤트 지정 Disabled 지정 데모로 보여드릴 샘플은 다음과 같이 표기됩니다. 코드는 두 개의 파일을 작성하였습니다. 데모 페이지를 표기하는 VuetifyDemoView.vue Vuetify 버.. 2021. 7. 30. Vue.js 프로젝트 구조 추천 Vue.js 를 이용하여 프로젝트를 생성 후, 고민이 빠지게 되는 것 중 하나가 프로젝트 구조입니다. Back-End 프로젝트의 경우 대부분 비슷한 구조를 갖고 개발을 시작하기 때문에 협업을 할 때 서로 이해하기가 좋지요. 가령 Service, Controller, Dao(Mapper), Dto(Model) 등으로 분류 후 하위에 구체적인 구현체를 생성합니다. Vue.js 의 Convention 가이드에도 프로젝트 구조는 특별히 언급이 되어 있지 않습니다. 그래서 여러 사람들의 프로젝트의 그 간의 경험으로 개발 및 유지보수에 좋은 구조를 소개드립니다. Vue.js 는 Router, Store, API 그리고 각 페이지를 정의한 Component 로 구분할 수 있습니다. 그리고 mixin, plugin, .. 2021. 7. 19. 이전 1 2 3 4 5 ··· 21 다음 반응형
