| 일 | 월 | 화 | 수 | 목 | 금 | 토 |
|---|---|---|---|---|---|---|
| 1 | 2 | 3 | 4 | |||
| 5 | 6 | 7 | 8 | 9 | 10 | 11 |
| 12 | 13 | 14 | 15 | 16 | 17 | 18 |
| 19 | 20 | 21 | 22 | 23 | 24 | 25 |
| 26 | 27 | 28 | 29 | 30 | 31 |
- 투포인터알고리즘 js
- 개발자 특강
- 백준 js
- Vue3
- 프로그래머스 데브코스 프론트엔드
- Vue3 Router
- 우테캠 회고록
- 프로그래머스 K_Digital Training
- react 프로젝트 리팩토링
- TypeScript 문법 소개
- 모던 자바스크립트 Deep Dive TIL
- 인프런 자바스크립트 알고리즘 문제풀이
- 프로그래머스 데브코스
- KDT 프로그래머스 데브코스 프론트엔드
- 모던 자바스크립트 TIL
- K_Digital Training
- 모던 javascript Deep Dive
- KDT 프로그래머스
- frontend roadmap study
- useEffect return
- useRef 지역 변수
- 백준 node.js
- 리팩토링 회고
- 프로그래머스 데브코스 프론트엔드 TIL
- react customHook 예시
- 머쓱이
- Frontend Roadmap
- 모던 자바스크립트 Deep Dive
- 프로그래머스 K_Digital Training 프론트엔드
- 모던 자바스크립트 딥다이브
- Today
- Total
목록useEffect return (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 }..
❗❗ 데브코스 51일차 (10.11) 고대하던 React 파트가 시작되었다. 일주일이라는 짧은 기간 동안 React에 대해 학습하게 된다. (Vue 프로젝트 기간에 강의가 제공되기 때문에 총 2주간이다.) 영상이 짧기 때문에 핵심 위주로 학습이 진행된다. ✅ 컴포넌트 이론 재사용 성과 확장성을 처음부터 생각하는 것은 쉽지 않다. 컴포넌트 구조, 아키텍처, 클린 코드는 잠시 잊고 눈에 보이는 UI를 컴포넌트로 구현해 보자. 컴포넌트 구조는 팀마다 다르기 때문에 규칙을 정하는 것이 중요하다. ex) 도메인으로 분류, 역할로 분류, 크기로 분류 등 크기로 분류하는 Atomic Design에 대한 추천 블로그 https://kciter.so/posts/effective-atomic-design Effective..