* { margin: 0; padding: 0; font: inherit; color: inherit; } *, :after, :before { box-sizing: border-box; flex-shrink: 0; } :root { -webkit-tap-highlight-color: transparent; -webkit-text-size-adjust: 100%; text-size-adjust: 100%; cursor: default; line-height: 1.5; overflow-wrap: break-word; -moz-tab-size: 4; tab-size: 4; } html, body { height: 100%; } img, picture, video, canvas, svg { display: b..
전체 글
분명 경로가 잘 설정 되어 있음에도 사진처럼 에러가 떴다. 정확한 에러 메시지는 아래와 같았다. An import path cannot end with a '.ts' extension. Consider importing '../utils/useMouse.js' instead. 해결방법은 간단했다.(참조링크) import할 때 ts를 빼고 import를 하니 정상적으로 작동하였다.
node와 npm 의 버전을 변경(관리)하는 방법은 매우 간단합니다. 만약, 기존에 노드를 이미 설치한 이력이 있다면, 노드 버전 변경 포스트를 참고 해주시면 되겠습니다. 먼저, node를 설치해주기 위해서는 다음링크로 이동해줍니다. 여기에서 원하는 버전의 pkg파일을 다운해서 실행시켜주면 됩니다. (저는, LTS 버전을 설치했습니다.) 설치 후, 터미널에서 버전을 확인해 줍시다. 이제, npm 버전을 변경해봅시다. 사실 기존에 저는 8.x.x의 npm을 사용하고 있었지만 9.4.0버전으로 버전을 변경하여 위 사진처럼 나오게 됐습니다. npm version 변경: sudo npm install -g npm@ 명령어를 통해 원하는 버전을 설치하면 변경된 npm 버전을 확인해 볼 수 있습니다.
스프링 부트를 이용하여 프로젝트를 생성하려고 하다 보면, 가장 처음 맞딱들이게 되는 Maven vs Gradle? 각각 두개가 무엇인지, 차이가 무엇인지에 대해 간단히 정리해보자 Maven과 Gradle은 필요한 라이브러리를 땡겨서 오고, 빌드하는 라이프사이클까지 모두 관리해주는 툴이다. 예전에는 대부분 Maven 프로젝트로 작성되어져었다고 하지만, 요즘 최신 스프링 프로젝트들은 대부분 다 gradle 프로젝트로 작성되고 있으며, 심지어 스프링 라이브러리 자체도 gradle 프로젝트로 작성되어져 있다. Why Gradle? 다음 링크는 gradle홈페이지에서 maven과 gradle의 차이에 대해 적어놓은 포스팅이다. 결론적으로 사람들이 gradle을 선택하는 이유는 아래와 같다. Flexibility ..
Java에 대해 배우기 위해 그 근간이 되는 객체지향 프로그래밍과 관련 개념들에 대해 정리해보고자 합니다. 해당 포스트는 자바 공식홈페이지를 참고(번역?)했습니다. What is an Object? 프로그래밍을 해봤으면, 객체지향 프로그래밍(Object-Oriented Programming, OOP)이라는 것에 대해 한번 쯤은 듣게 됩니다. 가장 먼저, OOP에서 객체(Object)가 무엇인지에 대해 간략히 정리를 해보고자 합니다. 객체란, 서로 관련된 상태와 행동을 하나로 묶어놓은 소프트웨어의 번들입니다. 이러한 객체는 모두 상태(state)와 행동(behavior)이 있다는 특징을 가지고 있습니다. 예를 들어, 개라는 객체는 이름, 색깔, 품종, 배고픔정도와 같은 상태와, 짖고, 꼬리를 흔들고, 물건..
타입스크립트로 d3 라인차트를 구현할 때, 시간 축에 tickFormat을 쓰려다가 아래와 같은 에러를 만났다. function timeFormat(specifier: string): (date: Date) => string Returns a new formatter for the given string specifier. The returned function formats a specified date, returning the corresponding string. An alias for locale.format (TimeLocaleObject.format) on the default locale. @param specifier — A specifier string for the date forma..