Frontend Dev 지식 모음 (2) 썸네일형 리스트형 Vite+React 프로젝트에 tailwindcss 끼얹기 날이갈수록 이해력이 떨어지는지 너무나도 친절하게 설명이 적혀있는 공식문서에 써져있는 그대로 진행했으나 한번에 적용할 수 없었다.다음에 한번에 성공하기 쉽게 정리해보자.# 공식문서https://tailwindcss.com/docs/guides/vite Install Tailwind CSS with Vite - Tailwind CSSSetting up Tailwind CSS in a Vite project.tailwindcss.com# 그대로 따라하기1. Vite 프로젝트를 만든다. 만드는 자세한 방법은 vite 공식문서로 넘어가서 확인해보자 $ yarn create vite my-app --template react-ts$ cd my-app 2. tailwindcss와 관련된 패키지들을 설치한다.$ yar.. Node.js의 정체를 알아보자 What is Node.js? 나는 자연스럽게 Node.js 위에서 개발하고 있었다. 살다가 문득 "나 왜 살고 있지?" 와 같은 본질적인 질문 같은 것들이 머릿속에 맴돌 때가 있다. 비슷한 맥락으로 늘 하던대로 React로 개발을 하던 중에 갑자기 "왜 node 지?" 하는 의문이 들었다. 내가 지금 개발중인 프로젝트는 yarn berry로 구성되어있어서프로젝트에 새로운 패키지를 추가하고 싶을때 yarn 명령어로 추가하면 된다. 그렇다면 yarn 명령어는 처음부터 있었을까?나는 옛날에 npm으로 yarn을 다운받았었다.지금은 yarn 공식 홈페이지에 가보면 의존성 이슈로 인해 npm으로 설치하는 것을 권장하지 않고 corepack으로 설치하라고 되어있다. corepack은 앞서 말한 의존성 이슈를 해결하면서 안전하게 패키지 관리자를.. 이전 1 다음
