늘 겸손하게

크로스 브라우징이란 무엇일까? 크로스 브라우징 정의 표준 웹기술을 채용하여 다른 기종 혹은 플랫폼에 따라 달리 구현되는 기술을 비슷하게 만듦과 동시에 어느 한쪽에 최적화되어 치우치지 않도록 공통 요소를 사용하여 웹페이지를 제작하는 기법. 모든 웹 브라우저 사용자가 방문했을 때 정보로서의 소외감을 느끼지 않도록 하는 방법론적 가이드를 의미하는 것. 즉, 사용자가 어떠한 브라우저로 접속하여도 거의 유사한 웹 사이트를 볼 수 있도록 사이트를 개발하는 것을 Cross Browsing이라고 할 수 있다. 크로스 브라우징을 한글로 해석하면 "웹 페이지의 상호 호환성 구축"으로 이해할 수 있다. 100% 똑같이? 브라우저마다 OS가 다르고 글꼴이 다르며, HTML을 렌더링하는 엔진이 다르기 때문에 모든 웹 브라우저에..

TypeScript 사용 이유 자바스크립트는 동적 언어입니다. 변수의 자료형을 실행 시(Runtime)의 결정하고 변수에 어떠한 타입의 데이터로 할당 가능하고 재할당 또한 가능합니다. 이러한 유연함이 자바스크립트의 장점으로 꼽히나 프로젝트의 크기가 거대해지고 복잡해지면서 이러한 유연함 때문에 변수값이 예측하기 어려워지고 에러처리 또한 어려워졌습니다. 그렇기 때문에 엄격한 타입 규칙을 적용하여 오류를 방지하고 에러를 사전에 차단하기 위해 TypeScript를 사용합니다.

자바스크립트 종류에는 표준 자바스크립트인 ES5, 흔히 ES6으로 알고 있는 ESNext, 그리고 ESNext에 타입(Type)을 추가한 TypeScript 총 세 가지가 있습니다. ES5, ESNext (ES6), TypeScript 순으로 포함관계에 있습니다. ES5는 ESNext의 소집합이므로 ESNext는 ES5의 모든 문법을 포함하고 마찬가지로 TypeScript는 ESNext의 모든 문법을 포함합니다. TypeScript 사용 이유 자바스크립트의 장점 중 하나는 유연성입니다. 대표적으로 여려번 재할당, 재선언이 가능한 var 변수, 암묵적 변환이 자주 일어나는 매개변수 전달 등이 있는데, 이러한 유연성이 프로젝트의 규모가 커짐에 따라서 단점이 되어 변수값이 예측불가능해지고 에러 처리가 어려워지..

컴포넌트 중에서 실행할 작업(로직)과 출력을 같이 포함하는 컴포넌트가 존재한다. React를 사용하는 중요한 이유 중 하나는 컴포넌트의 높은 재사용성인데 이러한 컴포넌트는 로직과 출력이 한 컴포넌트에 묶여있기 때문에 재사용성이 떨어진다. 그렇기 때문에 데이터에 종속되지 않고 순수하게 출력 역할을 담당하는 프레젠테이셔널(presentational) 컴포넌트와 데이터를 처리하고 사용자와 상호작용을 처리하는 컨테이너(container) 컴포넌트로 나누어 재사용성을 높이는것이 좋다. 이러한 분할과정을 디커플링(decoupling)이라고 한다.