본문 바로가기
반응형

Study

 (306)
Spring Boot GraphQL 사용해보기 GraphQL 소개 GraphQL은 페이스북에서 만든 API를 위한 쿼리 언어이다. SQL과 유사하게 사용하는 웹 요청용 쿼리를 정의한 규약이고 많이 사용하는 REST API와 다른 형식의 요청이라고 생각하면 된다. REST API의 경우 요청 주소에 따라 응답 결과를 얻게 되지만 GraphQL은 단일 요청 주소로 질의한 쿼리 별 대한 응답 결과를 얻는 차이가 있다. GraphQL 홈페이지 GraphQL for Java/Kotlin GraphQL은 다양한 언어에 대한 라이브러리를 제공하고 있다. Code using GraphQL 이 중 Java에서 사용하기 위한 라이브러리 항목은 다음을 참고한다. Code using GraphQL Java/Kotlin Spring for GraphQL 이 중 graphq..
[책 리뷰] 리팩터링 2판 책 소개 리팩터링 2판은 1999년 나온 책의 개정판으로 2020년에 출간되었다. 워낙 오래된 책이지만 많은 개발자들이 추천하는 서적인데 이제야 보게 되었다. 1판과 2판은 가장 큰 차이는 1판의 경우 예제를 Java로 작성하였고 2판의 경우 JavaScript로 작성하였다는 점이다. 구성 책은 12장으로 이루어져 있다. 1장에선 일단 만들어진 코드가 동작을 유지하면서 계속 변경되어가는 과정을 보여준다. 이를 통해 리팩터링이 어떤 식으로 이루어져야 하는지 느끼게 해준다. 2장에서 리팩터링에 대해 설명한다. 3장 ~ 12장은 리팩터링의 방법에 대한 소개이다. 개인적인 소감 책을 읽으면서 느낀 단점은 리팩터링을 소개하기 위해 열거된 코드의 파악이 직관적이지 않다는 것이다. 코드가 계속 바뀌어 가는 부분을 어..
SvelteKit 공부하기 이 글의 내용 중 SvelteKit Docs 문서 부분은 Sveltekit가 Release 되기 전 문서 내용입니다. 글 작성 이후 session이 삭제되고, +접두사로 파일 이름 규칙이 변경되는 등 대대적인 변경이 있었습니다. 따라서 SvelteKit Docs 내용 부분은 현재 도움이 되지 않습니다. SvelteKit을 공부하기 전에 Svelte 부터 공부해야 합니다. 2022.06.23 - [Study/JavaScript] - Svelte 공부하기 Svelte는 tutorial 사이트에서 직접 예제를 테스트해볼 수 있어서 공부하기 편했다. SvelteKit은 예제를 테스트 해볼 수 있는 사이트 제공이 없다. 따라서 로컬에 설치하고 개인적인 프로젝트를 만들면서 나한테 필요한 설정들에 대해서 정리해 보고..
[troubleshooting] sonarqube 사용 시 socket timeout 발생 에러 발생 현상 오래간만에 sonarqube를 사용했는데 계속 socket timeout이 발생한다. mvn clean verify -B -U -Psonarqube sonar:sonar -Dsonar.projectKey=bluesky-boot "-Dsonar.projectName=bluesky boot project" 에러는 대략 다음과 같다. [ERROR] Failed to execute goal org.sonarsource.scanner.maven:sonar-maven-plugin:3.9.1.2184:sonar (default-cli) on project bluesky-boot-build: Error creating bean with name 'org.sonarsource.scanner.api.int..
SonarLint & Connected Mode를 STS(Eclipse)에서 사용해보기 SonarLint 소개 IDE에 설치해서 버그와 취약점을 찾아주는 무료 확장이다. sonarqube를 사용하면 확인할 수 있는 리포트를 이 플러그인만 설치하면 간단하게 IDE에서 확인할 수 있어서 편리하다. JetBrains, Eclipse, Visual Studio, VS Code를 지원한다. https://www.sonarlint.org/ SonarLint | Free and Open Source Code Quality & Security IDE Extension Find and fix Code Quality and Security issues as you code, directly in your IDE of choice, including JetBrains, Eclipse, Visual Studio..
Svelte 공부하기 Svelte 소개 Svelte는 2016년 출시된 오픈소스 프런트엔드 웹 프레임워크이다. 기존에 인기 있는 React, Angular, Vue.js를 이어 다음 주자가 될지 관심을 받고 있다. https://svelte.dev/ 개발 과정에선 Svelte를 사용하지만 빌드 시 vanilla JavaScript로 결과물을 만들어내서 이로 인해 라이브 사용 시 코드 용량이 많이 줄어든다고 한다. 또한 가상 Dom을 사용하지 않고 간소화된 코드로 기존 대비 동일한 결과물을 만들 수 있다고 한다. React의 Next, Vue의 Nuxt같이 Svelte도 SvelteKit이 있다고 하는데 일단 Svelte가 어떤 라이브러리인지 알아본다. 공부하기 다음과 같이 사용하여 Svelte template 프로젝트를 만들..
corepack, pnpm, vite 사용해보기 corepack 소개 기본 개념 corepack은 node v16.9.0, v14.19.0부터 기본 포함된 실험적 기능으로 yarn, pnpm 같은 package manager를 프로젝트별로 지정하여 사용할 수 있게 한다. (yarn 개발자가 만들었다고 함.) https://nodejs.org/dist/latest-v16.x/docs/api/corepack.html Corepack | Node.js v16.15.1 Documentation Corepack# Added in: v16.9.0, v14.19.0 Corepack is an experimental tool to help with managing versions of your package managers. It exposes binary prox..
vue 3 release 이후 javascript 생태계 변화 알아보기 개인적으로 공부하면서 기록한 내용입니다. 전문적인 지식을 정리한 글이 아닙니다. 개인적으로 vue 2 버전을 nuxt와 vue cli를 함께 사용하였다. vue 3가 나왔지만 nuxt가 지원하지 않아서 공부하던 프로젝트를 버전 업하지 않았었는데 오래간만에 다시 찾아보니 여전히 아직 지원하지 않고 RC 버전까지 나왔다. vue 3 정식 버전이 나온 게 2020년 9월 19일이었다. https://github.com/vuejs/core/releases/tag/v3.0.0 Nuxt의 Vue 3 지원 지연 vue 3는 이후로도 계속 활발하게 릴리즈 되고 있었지만 nuxt의 경우 현재까지도 vue 3 지원하는 버전이 정식 릴리즈 되지 않고 있다. 작년에 릴리즈 된다던 타임라인이 그동안 여러 번 연기가 되었다. h..
반응형

티스토리툴바