HOC 관련질문1\. 첫번째 예시에서 해당 부분이 제어권을 가진것이고, withSubscription이 고차컴포넌트가 되는게 맞는지?CommentListWithSubscription, BlogPostWithSubscription도 결국 렌더안에서 쓰여야 하지 않나? 렌

깃최초설정getStaticPathsgetStaticProps runs in the background when using fallback: truegetStaticProps is called before initial render when using fallback:

오늘 할 일IDE 익숙해지기세팅된 내용 정독 및 질문 정리베이스 다시넥스트 시작baseweb 궁금한 사항overrides 하면 deep merge -> 비용이 큰 부분인가?withStyle까지 읽음

html 모듈은 HTML 문자를 이스케이프(escape) 처리할때 사용한는 모듈이다.HTML 문자를 이스케이프(escape) 처리하면 스크립트나 HTML 태그의 기능은 제거되지만 입력한 내용은 그대로 브라우저에서 확인할 수 있다. 예를들어 태그의 시작을 의미하는 &lt

IDE공부 순서리액트 -> 2회독 (이번주 안)베이스 3 런베이스웹, 테마, 스타일링, 오버라이드 -> 모르는 것 위주로 정리 넥스트리액트쿼리해야할 일 -> 회고 노트 적기React와 같은 React 엘리먼트는 단지 객체이기 때문에 다른 데이터처럼 prop으로 전달할

진행 공부오전 web3school (js, html, css 10개씩 ), 오후 react doc (1시간 30) , base webhtmlTip: It is almost always best to use relative URLs. They will not break

css in csscss 모듈화하여 사용이점 - 중복 및 관리의 위험성 감소, 네이밍 규칙 간소화, 단점 - 많은 파일 관리css in js이점 - 문서레벨이 아닌 컴포넌트 레벨로 추상화현재 사용중인 스타일만 dom에 포함코드 경량화단점 - 러닝커브, 새로운 의존성,

BaseOverrides -> 를 통해 커스터마이징 가능component와 subcomponents까지 모두 커스텀 가능가장 상단에 프롭으로 overrides를 가진다thieming부가 개념CSS-in-JS중요 요소는 스타일을 얼마나 동적으로 작성할 수 있는가Js변수를

opt in? opt out?의 의미Media Queries And Pseudo Classes \-> 반응형 다음과같이 하면 되는지?미디어쿼리 쓰면 안좋은 이유?Shorthand And Longhand Properties.mobile-first? sorting by d

공부방식하루에 리스트업한 내용 1개씩 도큐먼트 정독 -> 2번씩 정독공부내용에 관한 아키텍처 내용 확인 -> 모르는 내용 서치 및 질문기록할 것익명함수는 지양한다.훅에도 함수명을 사용한다\-> 디버깅에 용이하기 때문에react dev tools를 크롬설치하여 디버깅한다

오늘 한 것스터디 순서 정하기1.Styletron, Base (atomic css, overrides 문법)2.React-query3.Ts generic type4.Loadash, React-use ( 사이드 프로젝트는 직점 커스텀 훅 같은걸로 구현해 보기, use-l

IDE 란?integrated development environment통합 개발 환경 - 코딩, 디버크, 컴파일, 배포 등 프로그램 개발에 관련된 모든 작업을 하나의 프로그램 안에서 처리하는 환경을 제공하는 소프트웨어대표: visual studio, intelliJ

당분간 중점을 두고 공부할 내용1\. 바닐라자바스크립트 2\. 브라우저 관련 내용3\. Webstrom, IDE 사용 추가로 +Markup 에대해 얼마나 잘 아는가?Css 전처리기, 효율적인 방법?아토믹 css 를 위해서는?- 발표자료보기크로스브라우징기기별 디버깅방법클

User Interface주소창, 뒤로가기/앞으로가기 버튼, 즐겨찾기 기능등을 포함하며 브라우저 중 웹페이지 표시부분(document)을 제외한 거의 모든 부분에 해당.Browser Engine 렌더링 엔진에 질의를 보내며, 조작하는 인터페이스Rendering Engi

리덕스에 사용하는 키워드액션 (Action)상태에 어떠한 변화가 필요하게 될 땐, 액션이란 것을 발생시키며 하나의 객체로 표현된다. 액션은 다믕과 같이 아루어져 있다. type은 필수로, 그 외에 값은 개발자 마음대로. 액션 생성함수 (Action Creator)파라미

링크텍스트redux-saga의 경우엔, 액션을 모니터링하고 있다가, 특정 액션이 발생하면 이에 따라 특정 작업을 하는 방식으로 사용합니다.여기서 특정 작업이란, 특정 자바스크립트를 실행하는 것 일수도 있고, 다른 액션을 디스패치 하는 것 일수도 있고, 현재 상태를 불러

프론트 디벨로퍼로 이런 저런 기능을 붙여 나가고 있지만, 기본적인 개념이 요새 많이 부족하다는 생각이 든다. 면접준비를 하며 하나씩 채워 가야겠다. 브라우저 렌더원리이미지렌더, 동영상렌더를 더 빠르게 하는 방법이 없을까?!