CSS 스타일링(styled, module, scss)

inline-style, module.css, styled-component, scss에 대하여 - 한번 알고나면 개발 속도 빨라짐

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

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개의 댓글
·

ES6+ 문법

let과 const가 추가: const는 var보다 강력하고 일단 사용되면 변수를 다시 할당할 수 없습니다. var가 hoisting이기 때문에 변수를 재할당하지 않으려면 항상 상수를 사용하는 것이좋다.var는 문제가 또, 옛날 문법은 변수선언을 다해놓으면 중간부분에l

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

Virtual DOM

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

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

UseCallback, UseMemo에 대하여

기존에 수행한 연산의 결과값을 어딘가에 저장해두고 동일한 입력이 들어오면 재활용하는 프로그래밍 기법memoization을 적절히 적용하면 중복연산을 피할 수 있어 메모리를 더 쓰더라도 어플의 성능을 최적화할 수 있다.메모이제이션된 ‘값’을 반환한다.dependency가

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

웹에 들어갔을 때의 구조

웹 어플리케이션 동작사용자가 www.xxx.com 사이트에 접속을 요청한다.ip 주소로 서버에 접속해야 하지만 도메인 이름으로도 접속 가능웹 브라우저는 DNS(Domain Name Server)에 매핑된 ip주소를 요청하고 DNS는 웹 브라우저에게 매핑된 ip주소를 전

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

SPA vs MPA

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

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

상태관리 -context Api, Redux

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

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