Hello World...

- cross-env 설치 npm i cross-env - package.json 파일에서 scripts 수정 "scripts": { "start:dev": "cross-env NODE_ENV=development nest start --watch", "start:prod": "cross-env NODE_ENV=production node dist/main", }

폰트어썸 공식 문서를 보고 Vue.js3 에 폰트어썸을 설치한 후 적용해보면, fas 관련 에러가 난다. 기본적으로 fas 로 설정이 되어 있어서 그런데, 이런 경우 이렇게 작성해 주면 된다. 명시적 방법과 묵시적(?)방법이 나뉘어져 있으므로 아래 코드를 참고하여 작성해주자. javascript - Using Font Awesome in Vue 3 - Stack Overflow

How To Create a Hero Image (w3schools.com) How To Create a Hero Image W3Schools offers free online tutorials, references and exercises in all the major languages of the web. Covering popular subjects like HTML, CSS, JavaScript, Python, SQL, Java, and many, many more. www.w3schools.com ------ 아래와 같이 사용해보았다~ .hero-section .hero-bg { height: 60vh; border: 1px solid; border-top: none; background-ima..

메모 테스트 코드 먼저 작성하기(실패하는 코드) data-test 속성 활용하기 스타일은 나중에 해도 괜찮음, 기능 우선. 테스트시 setValue 활용하기 테스트시 vm 접근 좋지 않음(지양) 라이브세션 이후 머지하기 eslint 기존 설정값 사용

tailwindcss 공식홈페이지에 있는 내용대로 vite 를 설치해서 진행하면 문제가 없지만, 기존에 사용하던 vue3 에 추가하려니 아래와 같은 에러가 발생하여 설치가 제대로 되지 않았다. Error: PostCSS plugin tailwindcss requires PostCSS 8. 찾아보니 해결책이 있었다. PostCSS 7 을 지원하는 다른 빌드로 설치를 하는 것 같다. How to Setup Tailwind CSS in Vue 3 | Devjavu How to Setup Tailwind CSS in Vue 3 A streamlined walkthrough if you hate docs so much. devjavu.space --------------------------------------..

갈색 잎 이미지에 마우스를 올리면 초록색으로 변경된다 ^^ onmouseover & onmouseout 왼쪽 이미지에 마우스가 올라가면 오른쪽 초록색 이미지로 변경되게 해보자

axios get params 를 fetch 로는 어떻게 보내야 하는 지 검색을 하다 아래처럼 하면 된다는 것을 알게 되었다. axios get params axios .get('http://coupontest.io/coupon', { params: { coupon: 'coupon-data' } }).then(.....) fetch 에서는 아래처럼 var url = new URL('http://coupontest.io/coupon'); var params = { coupon: 'coupon-data' }; url.search = new URLSearchParams(params).toString(); fetch(url) .then((res) => res.json()) .then((res) => consol..