React Redux

💜🖤💛 개인과제 완료!
빨리 하고 치워버리고 싶어서 TIL 쓰는 것도 까먹고 있었다..ㅎㅎ
리덕스를 이용한 투두리스트 디벨롭...? 재구성...? 과제
지난 주차에 한 것 치고는 오래 걸렸고, 내가 바보인 것 치고는 빨리 끝냈다... 운칠기삼

리덕스 데이터 흐름을 이해하니까 사실 프롭스보다는 쉬웠던 것 같은데...
사실 같은 프로젝트를 또 한 거라 당연히 쉽게 느껴질 수, 도 있지만 머리 터질뻔

알고리즘 스터디

가볍게 시작한 스터디인데 미친 퀄리티로 과외비 드리고 싶다. 이번 주는 순차정렬.

let arr = [4,3,2,8,5]
for(let i = 0; i < arr.length-1; i++){ 				//내가 잡고 있는 숫자
	for(let j = i+1; j < arr.length; j++){ 			//잡고 있는 숫자와 비교할 숫자
		if(arr[i] > arr[j]){
			[arr[i], arr[j]] = [arr[j],arr[i]] 		//서로 자리를 바꿔주기
		}
	}
} 

이게 뭐라고 그렇게 어려운지 😥

function sol2(men, women, k){
    let answer = []; 
    let arr = [];
    for (let i=0; i<men.length; i++) {
        if (men[i]-women[i] < 0) {
            arr.push(women[i]-men[i])
        } else {
            arr.push(men[i]-women[i])
        }
    }
    answer = arr.sort((a, b) => a-b)[k-1]
    

    return answer;
}

이건 풀었다. 제일 어려운 문제는 아직 츄라이 중

팀과제

팀과제로 til 돌려막기

React.StrictMode 그냥 지워도 상관 없을까?

A. 어쨌든 조금이라도 상관은 있지만, 배포하면 어차피 작동 안 한다.

StrictMode란 react 앱 내의 잠재적인 문제를 알아내기 위한 도구.
‘나는 경고 뜨고, 콘솔에 2개씩 찍히는 게 귀찮다’ ⇒ 지우기
‘컴포넌트가 왕 많고 복잡해 잠재적인 오류가 발생할 가능성이 있다’ ⇒ 그냥 두기

❓ 콘솔에 두 번 찍히는 이유

리액트의 렌더링 단계(함수를 호출해서 비교)는 커밋 단계(함수를 실행시킴)보다 느리다.
이것은 라이프 사이클이 여러 번 반복되는 오류를 야기할 수 있음.
StrictMode 는 이러한 문제를 미리 예방하기 위해 Double-Invoke 방식을 사용한다.

위와 같은 오류가 날 가능성이 있는 메서드(useReducer, useState, componentWillMount 등)는 두 번을 실행하는 방식으로, 만약 메서드가 두 번 실행됐는데 서로 다른 값이 나온다면 오류가 발생했음을 알 수 있다.

yarn과 npm은 뭐가 다른가?

A. 그냥 하고 싶은 거 해도 된다.
yarn이 npm을 개선해서 나온 거라고 하는데 실질적인 성능에서는 큰 차이가 없는 것 같다.

---

노션으로 포폴 만들고 싶은데 정리하기 귀찮아서 무한정 미루는 중