React 심화- 배열 순회 시 key와 index

배열 순회를 index로 한다면, 고유한 key 값에 따라 분류된것이 아니기 때문에, props에서 내려온 값이 변하는 것을 감지하지 못한다!!

2022년 6월 5일
·
0개의 댓글
·

localStorage 사용법 - Typescipt, 객체, 배열

LocalStorage, session는 렌더링이 되더라도 저장된 값은 유지된다. 하지만 sessionStorage는 브라우저 탭이 닫히면 초기화된다. local은 웹 어플리케이션이 유지될 동안에는 그대로 유지된다.

2022년 6월 5일
·
0개의 댓글
·

SSR vs CSR

Server Side Rendering VS Client Side Rendering

2022년 5월 20일
·
0개의 댓글
·
post-thumbnail

Class 형 vs Function 형 컴포넌트

React를 사용하여 UI/Life cycle 등 프론트 개발을 할 때 두 가지 방법으로 컴포넌트를 선언가능 하다.

2022년 5월 16일
·
0개의 댓글
·

Atomic component 설계

원자(Atoms), 분자(Molecules), 유기체(Organisms), 템플릿(Templates), 페이지(Pages)로 효과적인 인터페이스 시스템

2022년 5월 16일
·
0개의 댓글
·

디자인 패턴 - component 관련

명확한 답은 없지만 중요한 => 가장 최적의 방법으로 개발할 수 있도록 정해둔 설계

2022년 5월 16일
·
0개의 댓글
·

useEffect에 대하여

렌더링을 안다면 이보다 많이 사용하는 메소드는 없을 것

2022년 5월 10일
·
0개의 댓글
·

Virtual DOM

서버와의 데이터 통신과는 별개로 DOM(https://namu.wiki/w/JavaScript보여지는 데이터의 잦은 변경이 필요한 웹앱의 경우이러한 방식을 통해 성능을 크게 향상시킬 수 있다. 실제 동적인 웹일수록 Angular 등과 비교해서 성능이 훨씬 더

2022년 5월 10일
·
0개의 댓글
·

React-Native 빌드 에러

npm 의 라이브러리 에러: npm의 라이브러리가 존재하지만 ios의 pod 파일에 빌드되지않는 것이 주로 발생한다. 이럴 때는 pod 파일을 확인하여 라이브러리의 존재여부를 판단하는 것이 확실하지만, 이건 굉장히 어려운 부분이다. 이름이 정확하게 같지 않을 뿐더러 언

2022년 5월 10일
·
0개의 댓글
·

RN 크로스 플랫폼에 대하여 - 웹앱, 네이티브앱과의 비교

React-NAtive는 크로스 플랫폼으로 페이스북, 에어비앤비, 월마트, 바이두 등이 사용하는 기술 스택이다.네이티브 코드가 아닌 언어로 코딩하여, ios/android가 이해할 수 있는 코드로 변환한 뒤 앱의 퍼포먼스를 낼 수 있게 한다.React-native 가

2022년 5월 10일
·
0개의 댓글
·

SPA vs MPA

이름처럼 한개의 Page로 구성된 Application이다.서버에서 HTML을 생성하고 브라우저는 출력하기만 하는 전통적인 형태가 아니라, 서버가 하던 대부분의 작업을 브라우저에서 처리하는 웹 애플리케이션 개발 방법이다. 즉, SPA에서는 서버가 처리하던 HTML 생성

2022년 5월 10일
·
0개의 댓글
·

리랜더링 조건

유동적인 데이터를 저장하기 위해서 state 라는 것을 이용, setState() 메서드를 이용해 주면 state의 변화가 감지되어 리렌더링이 된다.부모의 state가 바뀔때새로운 props가 감지되었을때forceupdate가 실행될때지나친 리랜더링은 성능을 악화시킨다

2022년 5월 10일
·
0개의 댓글
·

상태관리 -context Api, Redux

여러 컴포넌트가 공통으로 사용할 상태를 서로 공유해야 할 시점에서 복잡한 구조와 계층이 생성되기 시작함 즉, 전역으로 다루어야 할 상태가 생겼을 때값에 변화가 발생했을 때 Context를 구독하고 있는 모든 컴포넌트들이 전체적으로 모두 리-렌더링이 발생. 예를 들어 플

2022년 5월 10일
·
0개의 댓글
·