공식 문서에도 있지만 좀 더 세세하게 설치 하는 방법을 적어두려한다. 

 

1. tailwindcss 설치 방법

npx create-react-app my-project
cd my-project

npm install -D tailwindcss postcss autoprefixer
npx tailwindcss init -p // tailwind.config.js 생성 됨

 

위의 명령어 대로 입력 하면 tailwind.config.js가 생성된다.

 

 

2. tailwind.config.js 생성이 되면 다음과 같이 작성

// tailwind.config.js

module.exports = {
  content: [
    "./src/**/*.{js,jsx,ts,tsx}",
  ],
  theme: {
    extend: {},
  },
  plugins: [],
}

 

위의 파일의 content부분이 비어있을텐데, 이 부분을 위의 코드대로 수정해주자.

 

3. index.css파일에 모듈 추가

// index.css

@tailwind base;
@tailwind components;
@tailwind utilities;

.....

그리고 간헐적으로 저렇게 수정한 후 index.jsx 파일에 index.css 모듈을 추가 안해줘서 안되는 경우가 있는데 꼭 넣어주자.

 

4. 프로젝트 시작

yarn start

 

5. 테스트

export default function App() {
  return (
    <h1 className="text-3xl font-bold underline">
      Hello world!
    </h1>
  )
}

MongoDB 설치 방법

1. 설치 → 공식문서

xcode-select --install
brew tap mongodb/brew
brew update
brew install mongodb-community@6.0

 

2. 디비 시작

일반 프로세스 시작

brew services start mongodb-community@6.0

백그라운드 실행

mongod --config /usr/local/etc/mongod.conf --fork

 

3. 디비 중지

일반 프로세스 중지

brew services stop mongodb-community@6.0

백그라운드 중지

mongod --config /opt/homebrew/etc/mongod.conf --fork

 

4. 프로세스 실행 확인

brew services list
ps aux | grep -v grep | grep mongod

 

5. 몽고디비 Shell 명령어

디비와 Shell과 연결해주는 명령어

mongosh // 예전엔 mongo라는 명령어였음

database를 보여줌

show dbs

 

function solution(a, b) {
  const day = {
    0: "SUN",
    1: "MON",
    2: "TUE",
    3: "WED",
    4: "THU",
    5: "FRI",
    6: "SAT",
  };

  const date = new Date(2016, a - 1, b);

  const answer = day[date.getDay()];
  return answer;
}

https://school.programmers.co.kr/learn/courses/30/lessons/12901

 

프로그래머스

코드 중심의 개발자 채용. 스택 기반의 포지션 매칭. 프로그래머스의 개발자 맞춤형 프로필을 등록하고, 나와 기술 궁합이 잘 맞는 기업들을 매칭 받으세요.

programmers.co.kr

 

 

https://school.programmers.co.kr/learn/courses/30/lessons/77884?language=javascript

const isOdd = (value) => value % 2 === 0;

const findMeasureCount = (value) => {
  let count = 0;
  for (i = 1; i <= value; i++) {
    if (value % i === 0) {
      count += 1;
    }
  }
  return count;
};

function solution(left, right) {
  let answer = 0;

  let count = 0;
  for (num = left; num <= right; num++) {
    count = findMeasureCount(num);
    if (isOdd(count)) {
      answer += num;
      continue;
    }
    answer -= num;
  }

  return answer;
}

https://school.programmers.co.kr/learn/courses/30/lessons/86051

 

프로그래머스

코드 중심의 개발자 채용. 스택 기반의 포지션 매칭. 프로그래머스의 개발자 맞춤형 프로필을 등록하고, 나와 기술 궁합이 잘 맞는 기업들을 매칭 받으세요.

programmers.co.kr

 

function solution(numbers) {
    let values = [0, 1, 2, 3, 4, 5, 6, 7, 8, 9];
    
    let results = values.filter((value)=> numbers.indexOf(value) === -1);    
    let answer = results.reduce((acc, cur) => acc += cur, 0);
    return answer;
}

https://www.acmicpc.net/problem/2908

 

2908번: 상수

상근이의 동생 상수는 수학을 정말 못한다. 상수는 숫자를 읽는데 문제가 있다. 이렇게 수학을 못하는 상수를 위해서 상근이는 수의 크기를 비교하는 문제를 내주었다. 상근이는 세 자리 수 두

www.acmicpc.net

 

 

const input = require("fs").readFileSync("ex.txt").toString().trim.split(" ");

let [num1, num2] = input;

num1 = num1.split("").reverse().join("");
num2 = num2.split("").reverse().join("");

console.log(num1 > num2 ? num1 : num2);

 

 

code

const input = require("fs").readFileSync("ex.txt").toString().trim().split(" ");
console.log(input[0] === "" ? 0 : input.length);

 

<문제>

 

<코드>

const input = require("fs")
  .readFileSync("/dev/stdin")
  .toString()
  .trim()
  .split("\n");

const result = input.map((i) => i % 42);

const set = new Set(result);
console.log(set.size);

 

+ Recent posts