전체 글

이곳은 콜라입니다

    [Scss] React에서 Scss 사용하기

    Scss 적용시 에러발생 React에서 CSS module을 사용하다가 .scss로 확장자를 변경하니 webpack에 관련된 error들을 나에게 보내주었다.. 개발환경 React에서 Scss를 사용하려면 두가지 module을 설치해 주어야 했다. node-sass: scss를 다룰 수 있는 node program sass-loader: webpack에 필요한 loader npm i node-sass sass-loader 다른 포스트들을 보니 module을 설치한 후 webpack.config.js에서 직접 수정을 해주어야 했는데 버전이 달라서인지 나는 npm 패키지 매니저로 설치만 해주어도 되었다.("react": ^17.0.2") 배포환경에서 동작하는지 확인하기 개발환경에서는 제대로 동작하였는데 과연..

    [Algorithm] 소수구하기

    문제 N이 주어졌을 때, N보다 크고 2N보다 작거나 같은 소수의 개수를 구하는 문제 풀이 0 ~ 2N까지의 숫자에 해당하는 배열을 생성하고 에라토스테네스의 체 를 이용하여 소수를 구하려고 한다. 이 방법은 2부터 구하고자 하는 숫자까지를 모두 나열하고 2부터 차례대로 1씩 증가하면서 해당 숫자의 배수를 모두 지우는 방식이다. 그렇기 때문에 코드에서는 배열의 index를 활용해서 true -> false로 변경시켰다. 이 때 해당 수의 제곱근 까지만 범위를 제한하게되면 루프횟수를 O(logN)으로 만들어 줄 수 있다. 제곱근 의 법칙이 성립하는 이유는 어떤 수(n)은 두 수 (a, b)의 곱으로 나타낼 수 있다. 예를 들어 12는 2 * 6, 3 * 4로 나타낼 수 있고 두가지 경우의 작은 수를 보게되면..

    [JavaScript] Clean Code JavaScript

    3. Functions 이 게시물은 Rober C. Martin의 책 Clean Code 를 자바스크립트에 맞게 조정한 Ryan McDermott의 깃허브 리포지토리를 직접 타이핑함으로써 학습의 목적으로 작성하게 되었으며 3. Functions 의 부분에 해당합니다. 1. 함수 인자는 2개 이하가 이상적이다. 함수의 인자, 매개변수가 많아진다는 것은 그 함수에게 너무 많은 역활을 부여하고 있는 것이 아닌지 생각해 보아야 한다. 함수는 인자를 1 ~ 2 개 가지고 있는것이 가장 이상적이며 만일 3개 이상의 인자를 가져야 한다면 그러한 인자들로 구성된 하나의 객체를 함수의 인자로 넘겨주자. 함수 내부에서는 넘겨받은 객체를 ES2015/ES6 의 구조분해할당 을 통해 개별 변수에 값을 할당하여 사용할 수 있다..