Typescript

TypeScript

6일 전
·
0개의 댓글
·

useMemo, useCallback

최근 면접에서 받은 질문 중 하나가 기억이 난다. React를 사용하면서 컴포넌트들의 메모리 최적화 기법에는 어떠한 것이 있냐는 질문이었다. 대표적으로 사용되는 Hook에는 useMemo와 useCallback이 있다.useMemo와 useCallback이 있다는 것은

2022년 7월 11일
·
0개의 댓글
·

useContext 사용해보기

Context API란? Context 는 App 안에서 전역적으로 사용되는 데이터들을 여러 컴포넌트들끼리 공유할 수 있는 방법을 제공한다.(props로 일일이 넘겨주지 않아도 됨!) 보통 사용자 정보(User), 테마(Theme), 언어(Language)와 같은 전

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

useRef는 왜 쓰는 거지?

useState를 사용하여 상태를 저장하면 state값이 변할 때마다 재렌더링이 일어나고 컴포넌트 내부의 변수들이 초기화된다.하지만 useRef를 사용하면 렌더링이 일어나지 않기때문에 변수들의 값을 유지할 수 있다. => 불필요한 렌더링을 막을 수 있다.또한 DOM 요

2022년 7월 6일
·
0개의 댓글
·
post-thumbnail

JavaScript 클로저(Closure)

자바스크립트에서 함수는 일급 객체이다.일급 객체란 다른 변수처럼 대상을 다룰 수 있는 것을 말한다. 따라서 자바스크립트에서는 함수를 변수처럼 다룬다.자바스크립트 클로저는 함수의 일급 객체 성질을 이용한다.함수가 생성될 때, 함수 내부에서 사용되는 변수들이 외부에 존재하

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

CSR과 SSR

오늘은 CSR과 SSR이 무엇인지 알아보았다.먼저 CSR, SSR을 알아보기 전에 SPA와 MPA를 알아보자.SPA는 SinglePageApplication으로 하나의 HTML 파일을 기반으로 자바스크립트를 이용하여 동적으로 화면의 컨텐츠만 바꾸는 방식의 웹 어플리케이

2022년 6월 8일
·
0개의 댓글
·
post-thumbnail

GET,POST의 차이

GET 방식은 클라리언트가 서버로 데이터를 요청하기 위해 사용되는 Method이다. 1\. URL 쿼리 스트링을 붙여서 서버에 전송하기 때문에 정보들이 그대로 노출되어 POST 방식보다 상대적으로 보안에 취약하다. 2\. 데이터를 헤더에 포함하여 전송한다.3\. 캐싱이

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

CSS Box Model, Position

HTML 요소는 박스 모델로 이루어져있다.Content : 태그 박스 안의 내용, 텍스트나 이미지Padding : Content 주위 영역(태그 안)Border : Padding과 Content를 둘러싼 주위 영역(태그와 밖의 경계)Margin : Border의 밖(태

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

변수 호이스팅

개발자 면접 단골 질문! 변수 호이스팅이란 무엇일까 ??

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

CSS 전처리기, Webpack, Babel...?

이번 시간에는 제목에서 언급한 CSS Preprocessors, Webpack, Babel에 대하여 글을 쓰게되었다. HTML/CSS/JavaScript를 통한 개발을 하다보면 접하게되는 용어이지만 정확한 용도와 정의가 궁금해서 직접 정리하고 공부하기로 했다.

2022년 4월 17일
·
0개의 댓글
·
post-thumbnail

브라우저는 어떻게 작동하는걸까?

프론트엔드 개발자가 되기위해서 가장 먼저 알아야하는 것은 무엇일까? HTML, CSS, JavaScript?

2022년 4월 17일
·
0개의 댓글
·