[14JUL, 2021] TIL

오늘은 듣고 싶은 강의가 있어서 찾아 듣다 보니 이렇게 늦게 TIL을..! 

피곤하니 간단히 쓰고 사라지겠다 😌

 

---

 

✔️ Move Zeroes

LeetCode의 문제인데 왠지 기록하고 싶은 문제여서 기록해본다..!

Input: nums = [0,1,0,3,12]
Output: [1,3,12,0,0]

nums 배열의 모든 0 값을 뒤로 이동시키고, 0이 아닌 다른 값들의 순서는 그대로 유지하는데 새로운 배열을 생성하지 않고 풀어야 하는 문제였다. 

 

function moveZeroes (nums) {
    let idx = 0;
    
    //nums[i]가 0이 아닐 때, nums[idx]에 nums[i]값 대입
    for(let i = 0; i < nums.length; i++) {
        if(nums[i] !== 0) {
            nums[idx] = nums[i];
            idx++;
        }
    }
    //0의 개수만큼 0으로 채워준다.
    for(let i = idx; i < nums.length; i++) {
        nums[i] = 0;
    }
    return nums;
};

이렇게 풀면 0이 아닐 때는 0이 아닌 값들이 앞쪽으로 오고, 0의 개수만큼 배열의 뒷부분이 0으로 채워진다. 

 

 

✔️ styled-components

styled-components를 처음 사용해봤다! 그동안은 기본 css와 scss를 사용했었다. 한 파일 내에서 css코드가 보이고 props로 내려줄 수 있어서 편한 점도 있었고, 어떻게 보면 코드가 혼합된 것 같아서 혼란스러워 보이는 점도 있었다. 오늘은 간단한 button컴포넌트에만 사용해봐서 발걸음을 뗀 정도라 더 써보고 장, 단점을 더 업데이트해보겠다!