항해99 11주 차 WIL
Category
WIL
React
Clone-Coding-Retrospect
Clone-Coding Project를 마치며…
React-Slider
React-Slider
json-server
Axios 란?
Thunk
Thunk란?
json-server
json-server
Redux Toolkit
Redux Toolkit 이란?
React Router-DOM
yarn add react-router-dom 명령어로 패키지 설치
React 2주차 Quiz
Q1. 컴포넌트 A는 리덕스 스토어를 구독하고 있습니다. 리덕스에 저장된 데이터가 변경되었을 때(A가 구독 중인 값이 변경되었다고 가정합니다. 어떤 과정을 거쳐 컴포넌트 A가 변경된 값을 가져올 수 있는 지 흐름을 그려볼까요? (메모장, 사진 등)
Styled-Components
Styled-Components란?
React Redux
Redux : 상태관리 라이브러리, 중앙 Data 관리소, 중간 컴포넌트를 거칠 필요 없음 중앙화된, 중앙state 관리소, 패키지, Global state를 관리
Error
비동기 함수와 Thunk 동시 사용 문제
const writesButtonClickHandler = (e) => { e.preventDefault()
Uncaught Error: Objects are not valid as a React child (found: object with keys {userName}). If you meant to render a collection of children, use an array instead.
이 에러는 React에서 오브젝트를 직접적으로 렌더링하려고 하면 발생하는 에러입니다. React에서는 컴포넌트에서 렌더링할 수 있는 것은 문자열, 숫자, 불리언, 배열 등의 기본 자료형들입니다. 객체는 렌더링할 수 없습니다. 에러 메시지에는 오브젝트 내부에 {userName}이라는...
Expected an assignment or function call and instead saw an expression
Expected an assignment or function call and instead saw an expression
JS
a non-serializable value was detected in an action, in the path
a non-serializable value was detected in an action, in the path
Optional chaining
const commentList = JSON.stringify(comments) // 의존성 배열에에 서버에서 가져온 값을 바로 넣으면 무한 get 요청 들어감 // 따라서 서버에서 가져온 값을 JSON.stringify로 변환해준 뒤(고정된 값으로) // 의존성 배열에 넣어야 함.
Optional chaining
옵셔널체이닝(Optional chaining) 이란?
TIL
React 반응형 UI(Responsive UI)
반응형 UI란? 다양한 기기와 화면 크기에 자동으로 적용하는 사용자 인터페이스, 디자인 접근 방식으로 이는 모바일, 태블릿, 데스크톱 등 다양한 디바이스에서 웹사이트 또는 애플리케이션이 일관되게 보일 수 있도록 합니다.
LightHouse를 사용한 성능테스트
Performance[성능] 웹 페이지의 전반적인 성능을 측정합니다. 이 매트릭스에서는 페이지 로딩 시간, 렌더링 시간, 대기 시간 등을 평가합니다. 빠른 페이지 로딩과 렌더링 시간, 적은 대기 시간이 좋은 성능을 나타냅니다.
React Hook Form을 사용해 Form 최적화 하기
yarn add react-hook-form
TypeScript
맨 위로 이동 ↑GitHub
Git hub Repositorie Project 활용하기
칸반보드를 사용하는 것이 가장 직관적으로 프로젝트 진행을 볼 수 있다고 생각된다.
Git hub Repositorie Project 활용하기
칸반보드를 사용하는 것이 가장 직관적으로 프로젝트 진행을 볼 수 있다고 생각된다.
CS
브라우저에서 웹 페이지 렌더링하는 방법과 과정
일상 속에서 우리는 검색, 클릭을 통해 많은 웹사이트를 접하고 있고, 각 사이트들은 수초안에 우리가 보는 화면을 그려줍니다. 이 짧은 수초 안에 일어나는 과정을 알아보려 합니다.
RESTful API
RESTful API란? Representational State Transfer(표현 상태 전이)를 따르는 웹 서비스의 설계 원칙입니다. RESTful API는 자원(Resource)을 URL로 표현하고, HTTP 메소드를 통해 해당 자원에 대한 조작을 수행합니다.
coding
첫 포스팅
안녕하세요
Notion
Notion 로컬 폰트 적용하기 Notion Enhancer
노션에서는 기본 폰트 변경 외에는 일반적으로 커스터마이징이 불가능합니다.