본문 바로가기 메뉴 바로가기

JEEGOO의 개발 노트

프로필사진
  • 글쓰기
  • 관리
  • 태그
  • 방명록
  • RSS

JEEGOO의 개발 노트

검색하기 폼
  • 전체 (50)
    • Docker (2)
    • Node (0)
    • JAVA (0)
      • Java (0)
    • DB (0)
      • Oracle (0)
    • 컴퓨터 공학 (26)
      • 알고리즘 (23)
      • 자료구조 (3)
    • Web (3)
    • Front-End (8)
      • JavaScript (8)
      • Css (0)
      • Html (0)
    • 프로젝트 (10)
      • 나만의 블로그 (10)
    • 기타 (0)
      • 잡담 (0)
  • 방명록

graphql (4)
Spring Boot & GraphQL & React-Apollo [게시판 만들기] (2)

# 시작 지난 포스팅에 게시판의 BE 설정을 했습니다. 이번 포스팅에서는 FE 설정을 진행합니다. 개인 공부를 기록하는 게 주목적이다 보니 기본적인 부분들의 설명은 생략했습니다. # 준비 위와 같이 파일들을 생성합니다. 각 파일의 역할은 다음과 같습니다. index: 게시판 목록 최상위 컴포넌트 Board: 게시판 목록의 각 로우를 생성하는 컴포넌트 BoardList: 게시판 목록을 생성하는 컴포넌트 BoardDetail: 게시글 상세보기 컴포넌트 BoardWriter: 게시글을 등록, 수정하는 컴포넌트 Queries: 게시판과 관련된 GraphQL 쿼리를 관리하는 컴포넌트 Type: TypeScript의 interface 및 type을 관리하는 컴포넌트 먼저 Route설정을 진행합니다. RouteCom..

프로젝트/나만의 블로그 2019. 9. 13. 21:22
Spring Boot & GraphQL & React-Apollo [게시판 만들기] (1)

# 시작 지난 포스팅까지 기본적인 애플리케이션 구성을 마쳤습니다. 이번 포스팅의 주제는 웹 개발의 기본 중 기본인 게시판입니다. 간단하게 구현할 계획이며 먼저 Back End 세팅을 진행합니다. # 준비 @Lombok 사용을 위한 세팅 VS Code의 확장 프로그램( Ctrl + Shift + X )에서 `Lombok Annotations Support for VS Code`을 설치합니다. @GraphQL 스키마 파일을 병합하기 위한 세팅 src/main/resources/static/graphql/schema.graphqls 파일에 현재 샘플 Schema가 있습니다. src/main/resources/static/graphql/sample/sample.graphql 파일을 생성한 뒤 여기에 옮겨주세요...

프로젝트/나만의 블로그 2019. 8. 31. 09:10
Spring Boot & GraphQL (2) [BE]

# 시작 저번 포스팅에서 Spring Boot에 GraphQL 연동을 마쳤습니다. 다만 GraphqlAPI.java에 DataFetcher를 등록하는 방식이 영 마음에 들지 않습니다. 쿼리 하나 추가하면 GraphqlAPI.java에도 DI 추가하고... DataFetcher 추가하고... 그래서 이번 포스팅에서는 어노테이션과 리플렉션을 이용하여 애플리케이션이 시작될 때 DataFetcher가 등록되도록 해보겠습니다. # 어노테이션 생성 com/graphql/blog/util/annotation디렉터리를 생성하고 아래 파일들을 생성합니다. GqlDataFetcher.java package com.hello.graphql.util.graphql; import java.lang.annotation.Eleme..

프로젝트/나만의 블로그 2019. 8. 18. 12:21
Spring Boot & GraphQL (1) [BE]

# 시작 지난 포스팅에서 SpringBoot를 세팅하고 PostgreSQL도 연동했습니다. 이제 GraphQL API를 적용합니다. # 준비 - GraphQL for VSCode : VS Code 확장 프로그램 마켓 플레이스 ( Ctrl + Shift + X )에서 설치 - PlayGround : https://github.com/prisma/graphql-playground/releases prisma/graphql-playground 🎮 GraphQL IDE for better development workflows (GraphQL Subscriptions, interactive docs & collaboration) - prisma/graphql-playground github.com 위 링크에서 ..

프로젝트/나만의 블로그 2019. 8. 18. 12:01
이전 1 다음
이전 다음
공지사항
최근에 올라온 글
최근에 달린 댓글
Total
Today
Yesterday
링크
TAG
  • Docker
  • 웹 사이트 최적화
  • execution context
  • 실행 문맥
  • 프로그래머스[해시]
  • typescript
  • 프로그래머스[정렬]
  • Spring Boot
  • Handshake
  • CD
  • Pipeline
  • 프로그래머스
  • react
  • Apollo
  • Jenkins
  • graphql
  • Web
  • 프로그래머스[이분탐색]
  • 동적계획법
  • 프로그래머스[힙]
  • CI
  • 프로그래머스[스택/큐]
  • javascript
  • 프로그래머스[Lv1]
  • PostgreSQL
  • Kubernetes
  • 알고리즘
  • CRP 최적화
  • JPA
  • Nashorn
more
«   2025/05   »
일 월 화 수 목 금 토
1 2 3
4 5 6 7 8 9 10
11 12 13 14 15 16 17
18 19 20 21 22 23 24
25 26 27 28 29 30 31
글 보관함

Blog is powered by Tistory / Designed by Tistory

티스토리툴바