목록useRef 지역 변수 (2)

프론트엔드 개발자의 기록 공간

[React] React(2)

❗❗ 데브코스 51일차 (10.11) React 강의가 짧은 대신에 많은 내용은 포함하고 있다. 그래서 파트별로 끊어서 블로그를 포스팅할 예정이다. ✅ emotion emotion은 CSS in JS의 형식으로 styled 스타일이 첨부된 React 구성 요소를 만드는 방법이다. 즉 JavaScript 안에서 CSS를 가능하게 해준다. emotion 설치 - yarn add @emotion/react babel plugin 설치 - yarn add --dev @emotion/babel-plugin​ styled 설치 - yarn add @emotion/styled //최상단에 해당 구문 추가 후 사용 /** @jsxImportSource @emotion/react */ import { jsx, css }..
프로그래머스 데브코스_FE/TIL 2022. 1. 18. 18:08
[React] React(1)

❗❗ 데브코스 51일차 (10.11) 고대하던 React 파트가 시작되었다. 일주일이라는 짧은 기간 동안 React에 대해 학습하게 된다. (Vue 프로젝트 기간에 강의가 제공되기 때문에 총 2주간이다.) 영상이 짧기 때문에 핵심 위주로 학습이 진행된다. ✅ 컴포넌트 이론 재사용 성과 확장성을 처음부터 생각하는 것은 쉽지 않다. 컴포넌트 구조, 아키텍처, 클린 코드는 잠시 잊고 눈에 보이는 UI를 컴포넌트로 구현해 보자. 컴포넌트 구조는 팀마다 다르기 때문에 규칙을 정하는 것이 중요하다. ex) 도메인으로 분류, 역할로 분류, 크기로 분류 등 크기로 분류하는 Atomic Design에 대한 추천 블로그 https://kciter.so/posts/effective-atomic-design Effective..
프로그래머스 데브코스_FE/TIL 2022. 1. 17. 18:03
Prev 1 Next