1%

Frontend Dev 지식 모음 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..
까만화면에서 허우적대기 [Linux] vi 편집기에서 매칭되는 문자열 한번에 수정하기 - %s # 명령어:%s/aaa/bbb/g# 뜻aaa를 모두 bbb로 바꿔라# 응용:%s!aaa!bbb!g기본 구분자인 슬래시(/) 대신 다른 구분자를 사용할 수 있다.변경 하려는 문구에 슬래시(/)가 이미 들어가 있을 경우 유용하다. vi 편집기 밖에서 파일에 있는 문자열을 수정할때 쓰는 sed 명령어와 구성이 매우 유사하다.https://where-i-go.tistory.com/155 [Linux] 명령어 한 줄로 파일 내 문자열 수정하기 : sed# 명령어sed -i 's/aaa/bbb/g' file.js # 뜻file.js 안에 있는 aaa를 모두 bbb로 바꿔라 # 응용sed -i 's!aaa!bbb!g' file.js기본 구분자인 슬래시(/) 대신 다른 구분자를 사용할 수 있다.변경 하려는 문구에 슬래..
까만화면에서 허우적대기 [Linux] 명령어 한 줄로 파일 내 문자열 수정하기 - sed # 명령어sed -i 's/aaa/bbb/g' file.js # 뜻file.js 안에 있는 aaa를 모두 bbb로 바꿔라# 응용sed -i 's!aaa!bbb!g' file.js기본 구분자인 슬래시(/) 대신 다른 구분자를 사용할 수 있다.변경 하려는 문구에 슬래시(/)가 이미 들어가 있을 경우 유용하다. vi 편집기에서 문자열을 수정하는 방식과 매우 유사하다.https://where-i-go.tistory.com/156 [Linux] vi 편집기에서 매칭되는 문자열 한번에 수정하기 - %s# 명령어:%s/aaa/bbb/g# 뜻aaa를 모두 bbb로 바꿔라# 응용:%s!aaa!bbb!g기본 구분자인 슬래시(/) 대신 다른 구분자를 사용할 수 있다.변경 하려는 문구에 슬래시(/)가 이미 들어가 있을 경우 ..
Git을 알아보자 [Git] 커밋 메시지 수정하는법 Change commit message 평소에 모든 프로젝트에서 Gitmoji를 활용해서 알아볼 수 있을 정도로만 커밋 메시지를 적고 있다.어느 날 한 프로젝트에서 release-please-action을 활용할 일이 생겼는데 그러려면 Conventional Commit 규칙을 따라야한다는 사실을 알았다.그래서 이 프로젝트에 대해서만 커밋 메시지 규칙이 달라지게 되었고,그로인해 넋 놓고 있거나 졸릴때면 자연스럽게 Gitmoji로 커밋메시지를 적고 있는 나 자신을 비일비재하게 만날 수 있다.습관의 무서움이랄까...이 프로젝트에 대해서만 Conventional Commit이 습관으로 자리잡으려면 시간이 좀 걸리겠지만그 전까지 커밋 메시지를 잘못 작성했을때 수정하는 법이라도 습관으로 자리잡길 바라며 글로 정리해보았다. # 방금 커밋한 메시지 변경하..
Frontend Dev 지식 모음 Node.js의 정체를 알아보자 What is Node.js? 나는 자연스럽게 Node.js 위에서 개발하고 있었다. 살다가 문득 "나 왜 살고 있지?" 와 같은 본질적인 질문 같은 것들이 머릿속에 맴돌 때가 있다. 비슷한 맥락으로 늘 하던대로 React로 개발을 하던 중에 갑자기 "왜 node 지?" 하는 의문이 들었다. 내가 지금 개발중인 프로젝트는 yarn berry로 구성되어있어서프로젝트에 새로운 패키지를 추가하고 싶을때 yarn 명령어로 추가하면 된다. 그렇다면 yarn 명령어는 처음부터 있었을까?나는 옛날에 npm으로 yarn을 다운받았었다.지금은 yarn 공식 홈페이지에 가보면 의존성 이슈로 인해 npm으로 설치하는 것을 권장하지 않고 corepack으로 설치하라고 되어있다. corepack은 앞서 말한 의존성 이슈를 해결하면서 안전하게 패키지 관리자를..

티스토리툴바