본문 바로가기
반응형

분류 전체보기

 (303)
[책 리뷰] 리팩터링 2판 책 소개 리팩터링 2판은 1999년 나온 책의 개정판으로 2020년에 출간되었다. 워낙 오래된 책이지만 많은 개발자들이 추천하는 서적인데 이제야 보게 되었다. 1판과 2판은 가장 큰 차이는 1판의 경우 예제를 Java로 작성하였고 2판의 경우 JavaScript로 작성하였다는 점이다. 구성 책은 12장으로 이루어져 있다. 1장에선 일단 만들어진 코드가 동작을 유지하면서 계속 변경되어가는 과정을 보여준다. 이를 통해 리팩터링이 어떤 식으로 이루어져야 하는지 느끼게 해준다. 2장에서 리팩터링에 대해 설명한다. 3장 ~ 12장은 리팩터링의 방법에 대한 소개이다. 개인적인 소감 책을 읽으면서 느낀 단점은 리팩터링을 소개하기 위해 열거된 코드의 파악이 직관적이지 않다는 것이다. 코드가 계속 바뀌어 가는 부분을 어..
CSS 기초 공부 취미로 하는 공부라 필요해서 알아본 내용을 기록한 글입니다. 자세한 설명이 아닌 요약글입니다. 공부하면서 토막토막 추가할 예정입니다. CSS 기초 공부 기록 px, em, rem 단위에 대해서 px 픽셀 단위 크기 설정 em 상위 element 기준 크기 설정 단위. 예를 들어 상위 element의 font-size가 10px인 경우 하위 element가 font size 1.5em로 설정되어 있으면 15px로 설정됨 rem 문서의 최상위 element 기준 크기 설정 단위. flex 알아보기 https://heropy.blog/2018/11/24/css-flexible-box/ 이거 이후 Grid도 나왔다고 함. container와 container내에 item들의 위치 처리에 대한 속성 contain..
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..
반응형

티스토리툴바