분류 전체보기 (79) 썸네일형 리스트형 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] 커밋 메시지 수정하는법 Change commit message 평소에 모든 프로젝트에서 Gitmoji를 활용해서 알아볼 수 있을 정도로만 커밋 메시지를 적고 있다.어느 날 한 프로젝트에서 release-please-action을 활용할 일이 생겼는데 그러려면 Conventional Commit 규칙을 따라야한다는 사실을 알았다.그래서 이 프로젝트에 대해서만 커밋 메시지 규칙이 달라지게 되었고,그로인해 넋 놓고 있거나 졸릴때면 자연스럽게 Gitmoji로 커밋메시지를 적고 있는 나 자신을 비일비재하게 만날 수 있다.습관의 무서움이랄까...이 프로젝트에 대해서만 Conventional Commit이 습관으로 자리잡으려면 시간이 좀 걸리겠지만그 전까지 커밋 메시지를 잘못 작성했을때 수정하는 법이라도 습관으로 자리잡길 바라며 글로 정리해보았다. # 방금 커밋한 메시지 변경하.. Node.js의 정체를 알아보자 What is Node.js? 나는 자연스럽게 Node.js 위에서 개발하고 있었다. 살다가 문득 "나 왜 살고 있지?" 와 같은 본질적인 질문 같은 것들이 머릿속에 맴돌 때가 있다. 비슷한 맥락으로 늘 하던대로 React로 개발을 하던 중에 갑자기 "왜 node 지?" 하는 의문이 들었다. 내가 지금 개발중인 프로젝트는 yarn berry로 구성되어있어서프로젝트에 새로운 패키지를 추가하고 싶을때 yarn 명령어로 추가하면 된다. 그렇다면 yarn 명령어는 처음부터 있었을까?나는 옛날에 npm으로 yarn을 다운받았었다.지금은 yarn 공식 홈페이지에 가보면 의존성 이슈로 인해 npm으로 설치하는 것을 권장하지 않고 corepack으로 설치하라고 되어있다. corepack은 앞서 말한 의존성 이슈를 해결하면서 안전하게 패키지 관리자를.. [백준] 17406번: 배열 돌리기 4 (JAVA 풀이) 문제 https://www.acmicpc.net/problem/17406풀이이 문제를 풀어나간 순서를 간단히 말하자면 다음과 같다.1. 연산 순서 정하기2. 회전 연산하기3. 배열값 구하기 1. 연산 순서 정하기회전 연산이 여러개면, 연산을 수행한 순서에 따라 배열이 달라지기 때문에 연산 순서 조합을 모두 구해야한다.연산은 최대 6개이기때문에 배열을 미리 만들어놔서 입력받을때 배열에 차례로 저장해두었다.배열에 연산을 미리 저장해둔 이유는 배열의 인덱스를 이용하여 연산 순서 조합을 구하기 위함이다!연산순서는 dfs(백트래킹) 방법으로 구했다. 2. 회전 연산하기제일 많은 시간이 걸렸던 부분.. [SWEA] 1954번: 달팽이 숫자 문제를 연습한다면 좋을 것 같다..일단, 1번에서 정한 연산 순서에 따라 .. [백준] 2468번: 안전 영역 (JAVA 풀이) 문제 https://www.acmicpc.net/problem/2468풀이1. input을 받으면서 HashSet에 지역의 높이정보를 저장했다. HashSet을 이용한 이유는, 중복저장을 하지 않기 위함과 해당 높이를 활용하여 물높이를 높일 것이기 때문이다. 이게 무슨소리냐면, 예를들어, 예제 입력1 같은 경우에는 높이 정보가 골고루 되어있어서 2부터 9까지 반복문으로 물의 높이를 올려가면서 안전영역을 계산할 수 있겠지만 만약에,41 1 1 1100 100 100 1001 1 1 1100 100 100 100이런 경우면은 1부터 100까지 물의 높이를 1씩 증가하는 것은 비효율적이라고 생각해서 Set에 높이정보를 따로 저장한 것이다.추가로, HashSet은 HashMap기반으로 만들어져 있어서 정렬이 되.. [백준] 17141번: 연구소2 (C++ 풀이) 문제 https://www.acmicpc.net/problem/17141풀이1.입력으로 주어진 바이러스를 놓을 특정위치 중에 내가 놓을곳 m개를 골라야 한다.나는 입력을 받으면서 따로 pair place[10]배열에 바이러스를 놓을 좌표를 저장해두었다.DFS로 place배열의 인덱스를 가지고 그 중에 m개의 장소를 골랐다. 2.m개의 장소를 고르고 나면 그 부분을 출발점으로 두어야한다.vis[x][y]는 0으로 두고 큐에 넣는다. (vis배열은 -1로 초기화되어있고, 퍼져나가는 시간을 저장해둘것이다.)m개의 장소에 대해 큐에 모두 넣고 BFS를 시작한다. 3.BFS는 아직 방문하지 않았고(vis == -1), 맵이 0이거나 2인 부분을 방문한다. 4.BFS로 vis배열을 모두 채우고, 이중for문으로 v.. 이전 1 2 3 4 ··· 10 다음
