이 글은 Learn you a React for good 시리즈의 일부입니다. 가장 유명한 프론트엔드 프레임워크를 뽑으라고 하면 어떤 프레임워크들이 나올까요?유명한 자바스크립트 트랜딩 분석 사이트인 stateofjs의 2018년 설문의 결과는 아래와 같이 나왔습니다. 보아하니 리액트, 뷰, 앵귤러가 상위권에 있네요.뷰와 앵귤러는 각각의 템플릿 문법이
이 글은 Learn you a React for good 시리즈의 일부입니다. 새로운 것을 배울 때에는 무엇을 배우든, 배우기 이전에 그 용도와 사용하는 이유에 대해서 알아야 합니다.용도를 모르면 알맞는 상황에서 사용할 수 없고, 사용하는 이유를 모르면 안 쓰느니만 못 하기 때문입니다. 리액트의 용도는 리액트의 공식 홈페이지에 아주 큰 글씨로 써져 있습
Learn you a React for good 은 React 튜토리얼 시리즈입니다.제가 이 글을 작성하고 있는 시점의 최신 버전인 16.8.1 버전을 기준으로 글을 작성할 예정입니다. 목차 제목 주제 왜 리액트를 쓰나요? 리액트를 쓰는 이유 새로운 문법을 소개합니다! JSX 컴포넌트 길들이기 컴포넌트 세기의 빅매치: 상속 vs 합성
이번 글에서는 우리 모두가 알고 있는 arguments 객체에 대한 깊고도 깊은 이야기를 다룹니다. 본격적으로 글을 시작하기 전에, 잠시 arguments 객체와 관련된 자바스크립트 퀴즈를 풀어보도록 하지요. 123456function problem1(a, b, c) { arguments[0] = 100; return [a, b, c];
저는 리액트의 열렬한 팬입니다. 와! virtual dom! 와! component!리액트의 이러한 개념들은 수많은 개발자들을 매료시켰는데요, 단순히 ‘react‘ 라는 키워드를 검색하면 나오는 결과가 이 사실을 보란듯이 증명해줍니다. 확실히, 리액트의 등장으로 ‘거대한‘ 웹 어플리케이션 제작은 기존보다 난이도가 낮아졌습니다.리액트가 채택한, 프로그래밍
TL;DRReact(혹은 자체적인 Component를 가지고 있는 프레임워크)를 사용할 때, CSS selector가 제 역할을 하지 못하게 되어React의 Component에 styling과 직접적으로 관련된 추가적인 로직이 포함되게 됩니다. 이는 CSS(SCSS)와 Component 사이의 어중간한 분리를 불러일으킵니다(Control coupling)