profile
반갑습니다. 꾸준함과 글쓰기를 좋아하는 프론트엔드 개발자입니다. 블로그를 https://enjoydev.life로 이전했습니다 😀
post-thumbnail

[INFCON 2023] 이대로 놓칠순 없다 인프콘... 🔥 시간표 공유 이벤트로 막차 타기

작년에 이어서 올해도 ✨IT 컨퍼런스 인프콘✨를 개최합니다! 인프콘의 프로그램 내용과 인프콘에 초대될 수 있는 방법에 대해서 알아봅시다!

2023년 7월 28일
·
12개의 댓글
·
post-thumbnail

Generator의 개념과 성능 개선 방법까지! (Iterator, Iterable)

Generator의 이해에 필요한 iterable, iterator의 개념에 대해서 이해하고, generator를 활용한 성능 개선 방법을 배워봅시다.

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

[React] Virtual DOM과 재조정(Reconciliation)

React의 DOM 조작 속도를 높여주는 Virtual DOM과 재조정 과정에 대해 배워보겠습니다.

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

[React] 가상 돔 (Virtual DOM), 알고 써봅시다!

리액트에서 가상 돔을 사용하는 이유와 그 원리에 대해서 알아보겠습니다.

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

[JavaScript] this의 정의와 용법 알고 쓰기 (feat. 실무에서 헷갈리는 사례)

this의 정의와 용법을 배워보겠습니다. 실무에서 헷갈리는 이벤트 리스너와 제이쿼리의 사례도 잡고 갑시다!

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

React Hooks 정복하기

함수형 컴포넌트에서 상태 관리와 렌더링 직후 작업을 수행할 수 있게 해주는 React Hooks에 대해서 알아보자.

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

[JavaScript] 이벤트 버블링, 캡쳐링

브라우저에서 이벤트를 감지하는 방법과 우리는 그 이벤트를 어떻게 다뤄야 하는지에 대해 알아보자.

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

[web] Get과 Post의 차이를 알아보자

GET과 POST는 HTTP 메서드로 클라이언트에서 서버에 정보를 요청할 때 사용한다. 사용 목적에 맞게 HTTP 통신을 제대로 사용할 수 있도록 두 메서드의 차이에 대해서 자세히 알아보자.

2023년 4월 23일
·
2개의 댓글
·
post-thumbnail

[CSS] position으로 HTML 요소 배치하기

HTML 요소를 원하는 위치에 배치하기 위해 사용하는 속성인 position에 대해서 알아보자. (static, relative, absolute, fixed, sticky)

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

[CSS] Margin과 padding의 차이점과 사용법

여백을 조정할 때 쓰이는 margin과 padding의 차이점과 사용법에 대해서 알아보자.

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

[web] Web Storage와 Cookie

데이터를 브라우저에 저장하는 방식인 Web storage와 쿠키의 차이점에 대해서 알아보도록 하겠다.

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

CSR vs SSR (feat. SPA, MPA)

SPA, MPA와 CSR과 SSR의 개념에 대해서 배워보자. 두 방식의 차이점과 어떤 상황에 쓰면 좋을 지에 대해서 알아보겠다. (Next.js는 언제 사용하면 좋을까?)

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

[JavaScript] 클로저란? (Closure)

클로저의 개념과 클로저를 사용했을 때의 장점에 대해서 알아보겠습니다.

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

[JavaScript] 스코프와 변수 선언 (var, let, const의 차이점)

스코프의 개념과 var, let, const 선언 시의 스코프 유효 범위의 차이점에 대해서 알아보자.

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

[JavaScript] 호이스팅(Hoisting)이란?

이번 글에서는 자바스크립트에서 변수를 생성하는 방법, 변수 let,const와 var 선언에서의 호이스팅 예시, 그리고 호이스팅이란 무엇인지에 대해서 알아보겠다.

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

[JavaScript] JavaScript의 비동기 동작 원리 (Event Loop)

자바스크립트에서 가장 중요하지만 이해하기 어려운 부분이 비동기 동작이다. 이번 글에서는 자바스크립트가 어떻게 비동기 기반으로 동작하고 그 원리는 무엇인지에 대해 알아보도록 하겠다.

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

[JavaScript] JavaScript 동작 원리

자바스크립트의 특징들에 대해 배워보기 전에, 자바스크립트가 어떻게 동작하는지에 대해 간단하게 다뤄보고자 한다.

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

[Web] 모듈 번들러란? (Webpack, babel)

모듈 번들러의 필요성과 기본 개념에 대해서 알아본다. 모듈 번들러 중 가장 많이 쓰이는 Webpack의 구조와 장점에 대해서 배우고 함께 쓰이는 babel의 개념에 대해서도 알아보자.

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

[Web] 브라우저 렌더링 최적화 (Reflow, Repaint)

렌더링 과정에서 Reflow와 Repaint는 비용이 많이 드는 작업이다. 이번 글에서는 Reflow와 Repaint의 개념에 대해서 알아보고, 렌더링을 최적화 하는 방법에 대해 알아보자.

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

[Web] Critical Rendering Path

이번 글에서는 브라우저가 서버로부터 HTML 응답을 받아서 어떻게 화면을 렌더링 하는지 그 과정에 대해서 알아보자.

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