TIL 2021 - 06 - 21 📖!

• 알고리즘

• 프로그래머스에서 콜라츠 추측이란 문제를 풀어보았습니다

문제 설명
1937년 Collatz란 사람에 의해 제기된 이 추측은, 주어진 수가 1이 될때까지 다음 작업을 반복하면, 모든 수를 1로 만들 수 있다는 추측입니다. 작업은 다음과 같습니다.

1-1. 입력된 수가 짝수라면 2로 나눕니다.
1-2. 입력된 수가 홀수라면 3을 곱하고 1을 더합니다.
2. 결과로 나온 수에 같은 작업을 1이 될 때까지 반복합니다.
예를 들어, 입력된 수가 6이라면 6→3→10→5→16→8→4→2→1 이 되어 총 8번 만에 1이 됩니다. 위 작업을 몇 번이나 반복해야하는지 반환하는 함수, solution을 완성해 주세요. 단, 작업을 500번을 반복해도 1이 되지 않는다면 –1을 반환해 주세요.

제한 사항
입력된 수, num은 1 이상 8000000 미만인 정수입니다.

입출력 예 설명
입출력 예 #1
문제의 설명과 같습니다.

입출력 예 #2
16 -> 8 -> 4 -> 2 -> 1 이되어 총 4번만에 1이 됩니다.

입출력 예 #3
626331은 500번을 시도해도 1이 되지 못하므로 -1을 리턴해야합니다.

function solution(num) {
    var answer = 0;
    while (num !== 1){
        if(answer>500){
            return -1
        }
        num%2===0?num = num/2: num=num*3+1
         answer++
    }
    return answer;
}

• 스프린트

• underbar 라는 스프린트를 진행하였고 고차함수를 직접 만들고 그 함수들을 계속하여 callback함수로 만들어준 뒤에 또 다른 고차함수 메소드를 만들어 보았습니다 .
• 느낀점. 아무도 고차함수를 이렇게 쓰지는 않을테지만 callback함수의 이해와 직접 메소드를 만들어 보면서 내가 사용하던 메소드들이 어떤 형식을 가지고 만들어졌는지를 배웠고 내가 쓰던 메소드들에 감사함을 느끼며 메소드들이 어떻게 작동을하며 상호작용을 하는지 잘 느낄 수 있었습니다

• 블로깅

• TIL 을 포스팅 하였습니다.

TIL 2021 - 06 - 21 📖!

ReactStudy

• SCSS 공부를 해보았습니다 .

• 강의를 보며 SCSS에 필요한 툴들을 설정 하였는데 LiveSass라는 툴을 다운받아서 직접 작동을 시켜보았고 개발환경을 설정해놓았습니다.
• SCSS 문법인 $로 선언을 해서 변수로 활용하는 법에 대해 배웠습니다
  ex

$bg-color = 색깔 

이런식이지만 안에 padding이나 bord 같은 것 들을 넣을 수 있고 변수 이름에는 영어, 숫자 , - , _ 가 들어갈 수 있습니다. 하지만
제일 첫번째 글자는 영어여야 합니다

• 리액트 기본문법 JSX와 훅스에 대해 간단히 배웠습니다.

• 컴포넌트에 들어가는 내용을 map 메소드를 이용해 내용 전체를 보여주게 구상 하였고 Class 의 훅인 state 를 사용해서 props로 함수를 전달해서 onclick 이벤트 핸들러를 만들어 보았습니다 .
  onClick을 사용 한 것 은 + 를 누를 때에 props 로 전달받은 배열에 count 부분을 1씩 증가하는 함수를 만들어 주었고
  ex

    handleIncrement = (habit) => {
        const habits = [...this.state.habits]
        const index = habits.indexOf(habit)
        habits[index].count++
        this.setState({ habits: habits})
    }

'-'버튼을 누를 때에 props로 전달받은 배열에 count 부분을 1씩 감소하게 해주었습니다 . 단 . 0일때에는 그 이하로 내려가지 않게 구현 하였습니다 .
ex

    handleDecrease  = (habit) => {
        const habits = [...this.state.habits]
        const index = habits.indexOf(habit)
        const count = habits[index].count-1
        habits[index].count = count < 0 ? 0 : count;
        this.setState({habits})
    }