[Instagram-Clone] Framework

---

React를 선택한 이유

 

1. Component를 나누어 개발 할 수 있어 UI를 관리하기 편하다.

 

2. Virtual DOM 을 사용 (사실 React만 사용 하는건 아니긴 하지만 그냥 넣었다)

(https://velopert.com/3236)

 

3. 방대한 커뮤니티

 

4. 가비지 컬랙터, 메모리 관리 기능을 지원

 

5. UI 수정과 재상용성이 좋음

 

6. 확장성이 좋음

 

Instagram 클론 코딩을 하며 React의 장단점을 확실히 하려고 한다

 

프로젝트를 끝내고 Svelte와 Rxjs에 대해 알아 보고 

React와 비교해 보고 싶다

 

---

TypeScript를 선택한 이유

 

1. Type이 생겨 컴파일 하기전 오류를 알 아낼 확률을 높여준다

 

2. 커뮤니티가 방대하다

 

3. 큰 프로젝트에 필수불가결한 존재

 

4. 확장성이 좋다

 

5. React는 Type Script로 짜인 코드가 아니긴 하지만......

 

---

SCSS를 선택한 이유

 

1. 기존 Css를 사용 하던 나에게 신세계를 보여주었다

 

2. 코드가 길어져도 태그, 클래스 명을 찾기 편함

 

/*CSS*/
.back{
	background-color : tomato;
    font-size : 8px;
    font-weight : 600;
}

.back > div {
	width : 80px;
    height : 10px;
}

.back > div > ul{
	color : red;
}


/*SCSS*/

@mixin area($w, $h){
	width : $w;
    height : $h
}

.back{
	background-color : tomato;
    font : {
    	size : 8px;
        weight : 600;
    }
	> div{
    	@include area(80px, 10px);
        
        > ul {
        	color : red;
        }
    }
}

 

이렇게 보면 모호할 수 있지만 직접 사용해보면 " 오 싯....! "  이라는 말이 나온다 장담한다

 

누가 " 나 css 쓰는데 " 라고 말한다면

 

그 사람에게 보여 주어라 너의 손에서 피어 나는 SCSS라는 꽃을