post-thumbnail

React 질문 Part 2. - React.lazy()

React.lazy() 는 리액트에서 컴포넌트를 레이지 로딩 하는데 사용된다.레이지 로딩은 코드 스플리팅을 위해 사용되는 기능으로, 애플리케이션 번들을 작은 chunk로 분할하여 필요한 시점에 필요한 모듈을 동적으로 로드하는 방법이다.lazy loading (지연 로딩

2023년 5월 15일
·
0개의 댓글
·
post-thumbnail

React ref 를 통해서 style 설정하기

handleClick 함수를 들여다보면 setProperty() 메서드를 통하여 div의 background-color 스타일 속성을 red로 변경하고 있다.

2023년 4월 27일
·
0개의 댓글
·
post-thumbnail

Global BottomSheet 난관 극복기 Part 1. - CSS

회사에서 기존에 바텀시트를 일일이 컴포넌트를 만들어야 해서 너무나 귀찮고 관리하기가 어려웠다.그래서 이번 리팩토링에서 글로벌 바텀시트를 새로 만들어 관리하기로 하였다.하지만 생각지 못한 문제들에 부딛혔는데 그 중 하나가 css 관련 문제였다.원래 보여주고 싶은 바텀시트

2023년 4월 26일
·
0개의 댓글
·
post-thumbnail

리액트 질문 정리 Part 1.

리액트에서 순수 함수란, 상태나 props, 외부의 어떤 것도 변경하지 않는 함수를 말한다.상태나 props 외부의 어떤 것도 변경하지 않는다.같은 인자 props 를 받으면 항상 같은 결과를 반환한다.부작용 side-effect 가 없다.렌더링 결과가 예측이 가능하다

2023년 4월 25일
·
0개의 댓글
·
post-thumbnail

🕸️ 프론트엔드 네트워크 기본 질문 Part 1

무상태 프로토콜, 상태 프로토콜은 웹 서비스에서 클라이언트와 서버 간의 통신 방식을 나타내는 용어이다.무상태 프로토콜은 서버가 클라이언트의 상태를 저장하지 않고, 각각의 요청을 독립적인 것으로 처리하는 방식이다.무상태 프로토콜의 대표적인 예시로 웹에서 사용되는 HTTP

2023년 4월 24일
·
0개의 댓글
·