본문 바로가기

리다기2

[React] styled-components 📖리액트를 다루는 기술📖을 공부하다가 14장에서 뉴스뷰어를 만드는 부분에서 처음으로 styled-components에 대한 부분이 언급되었다. 이 덕분에 페이지는 이쁘게 완성되었지만 왜 css, sass(scss)를 이용하지않고 styled-components를 사용한 것일까? 이런 궁금증을 얻게 되어 나는 다시 구글링을 시작했다. 구글에 "styled-components"를 쳐보았더니 이 웹사이트가 떴다. 스타일드 컴포넌트의 공식 웹사이트인가 보다. 이 사이트에 딱 처음에 들어가자마자 보면 이렇게 쓰여져있다. Visual primitives for the component age? 일단 뭐 비주얼적으로 도와준다는 소리같다 Use the best bits of ES6 and CSS to style you.. 2021. 2. 3.

[React] JSX ❗아래 내용은 [리액트를 다루는 기술] 책에서 공부한 내용을 요약하였습니다. JSX란 자바스크립트의 확장문법이며, XML과 매우 비슷하게 생김 JSX를 사용하면,,, 편하게 렌더링 가능 HTML코드와 유사해서 보기 쉽고, 익숙 컴포넌트를 HTML태그 쓰듯이 사용하면서 활용도가 높음 예시) import React from 'react'; function App(){ return( 리액트 안녕! 잘 작동하니? ); } export default App; 위의 코드처럼 h1태그와 h2태그가 div태그 하나로 감싸져있다. 이렇게 리액트 컴포넌트에서 요소 여러 개를 하나의 요소로 감싸는 이유? 컴포넌트 내부는 하나의 DOM 트리 구조로 이루어져야 한다는 규칙이 있기 때문 조건부 연산자 JSX 내부의 자바스크립트 .. 2020. 12. 23.

이전 1 다음

티스토리툴바