230830.log

🗓️ 날짜 : 2023.08.30

📚 할 일 :
	- 10to7, 1day 1commit 1post, 1mon 3project
	- Poco jang 클린코드 자바스크립트

📝 오늘의 목표 : 
	- 클린코드 자바스크립트 강의 [24~27]
	- 유튜브 클론코딩 프로젝트
		- Home, Search 컴포넌트 로직 마무리, 스타일링

⌛ 공부시간 : 10:00 ~ X

✅ 목표달성 : 아파서 쉬었음 😞

Til

클린코드 자바스크립트

else, else if 지양하기

else if 문이 길어지면 코드가 복잡해지고 가독성이 떨어지며, 유지보수에도 좋지 않다.
switch case 문이나 함수를 분리하는 대안을 생각해볼 수 있다.

Early Return

function loginService(isLogin, user){
	if(!isLogin){
		if(!checkToken()){
			if(!user.nickName){
				return registerUser(user)
			} else {
				refreshToken();
				return '로그인 성공'
			}
		} else {
			throw new Error('No Token')
		}
	}
}

1. 로그인 여부 확인
2. 토큰이 존재하는지 여부 확인
3. 기존에 가입한 유저인지 확인
   1. 가입이 되지 않은 유저라면 회원가입과 관련된 함수를 실행
   2. 가입한 유저라면 리프레시 토큰을 발급하고 ‘로그인 성공’을 반환

Ealry Return 을 활용해 다음과 같이 리펙토링 할 수 있다.

function login(){
	refreshToken();
	return '로그인 성공'
}

function refecLoginService(isLogin, user){
	if(isLogin) return;
	if(!checkToken()) throw new Error('No Token');
	if(!user.nickName) return registerUser(user);
	login();
}

하나의 로직이 많은 의존성을 담당하고 있을 때 유용하다.

부정조건문

isNaN 을 떠올리면 쉽다.
’한번 더’ 생각하게 만드는 로직은 좋지 않다.
햇갈리게 만드는 코드를 지양할 것.

도대체 언제쓰나요 ?
ealry return, 유효성 검사 할 때 사용하면 좋을 듯.

else 문을 사용하기 위해서는 반드시 if 문을 사용해야 하기 때문에 if 문에 종속된다.

Feedback

오늘 낮에 속이 너무 쓰리고 열도나고 해서 병원에 다녀와서 약 먹고 하루를 그냥 쉬어버렸다.
급체란다. 뭘 잘못 먹었는지는 모르겠다.
건강관리에 아주아주아주아주 유의할 것.
자책하지 말고 하루 푹 쉬었다고 생각할 것.
화이팅!

예상되는 내일의 목표

Home 컴포넌트 마무리, Search 컴포넌트 개발
내일은 완성하지 못하면 잠들지 않겠다. 어째 매일 미루는 것 같다.
강의도 이어서 보기.