누구나 매일 사용하는 패키지 매니저에 대해 이야기해보자!

패키지 매니저의 진화: npm, yarn, pnpm 비교

노션 페이지에 글을 쓰면 별도 배포 없이 포스팅되는 라이브러리를 직접 만들기로 했다!

Notion API로 블로그 만들기 (with npm) - 1

많은 일이 있었던 2024년을 회고해보자!

2024 회고.

changeset과 github action을 도입해 버전 관리하는 방법을 공유한다!

changeset과 github action으로 버전 관리하기

서버사이드를 활용해 웹뷰의 성능 최적화를 해본 경험을 공유한다! 

웹뷰 서버사이드에서 앱 정보 받아오기

뒤로가기 시 원하는 페이지로 이동, 스크롤 복원 등을 공통 커스텀 훅으로 만든 경험을 공유해본다!

내가 만들어본 뒤로가기 관련 커스텀 훅

사내 스터디에서 간단하게 읽어본 프론트엔드 성능 최적화 가이드에 대해 요약과 서평을 해본다.

요약과 서평 | 프론트엔드 성능 최적화 가이드

글또 동아리에서 유데미와 연계해 원하는 강의를 제공해주었다. 간단하게 강의 후기를 적어본다.

R3F로 배우는 인터렉티브 3D 웹 개발 수강 후기 (with Udemy)

웹 개발에 유용한 Figma Plugin에 대해 알아보자!

웹 개발에 유용한 피그마 플러그인 알아보기

우아한 타입스크립트에 대한 간단한 요약과 서평을 해본다

요약과 서평 | 우아한 타입스크립트

자바스크립트 엔진인 V8에 대해 알아보자!

V8 엔진 알아보기

길었던 2023년도 회고를 해보자.

2023 회고.

블로그 이미지를 최적화해 본 경험에 대해 공유한다.

블로그 이미지 최적화 해보기

프레임워크 없는 프론트엔드 개발에 대한 간단한 요약과 서평을 해본다

요약과 서평 | 프레임워크 없는 프론트엔드 개발

React에서 많이 사용되는 Lib들을 비교해보자~

React 상태 관리 Library에 대해 (feat. Context)

내가 몰랐던 CSS, HTML에 대해 적어본다.

내가 몰랐던 CSS, HTML

SSR을 사용할 때 중요한 개념인 Hydration에 대해 알아보자 ~

SSR Hydration Dive

쏙쏙 들어오는 함수형 코딩 Chapter 13~18의 요약 내용이다

쏙쏙 들어오는 함수형 코딩 Chapter 13~18

쏙쏙 들어오는 함수형 코딩 Chapter 7~12의 요약 내용이다

쏙쏙 들어오는 함수형 코딩 Chapter 7~12

오랜만의 스터디! 쏙쏙 들어오는 함수형 코딩 Chapter 1~6의 요약 내용 ~

쏙쏙 들어오는 함수형 코딩 Chapter 1~6

제네릭, 타입 추론에 대해 알아보자~

TypeScript 간단 정리 - 4

Union 타입 / Type Alias, interface & Intersection Type에 대해 알아보자!

TypeScript 간단 정리 - 3

TypeScript의 타입에 대해 알아보자!

TypeScript 간단 정리 - 2

TypeScript를 강의할 기회가 있었는데 그때 활용하던 자료를 조금 다듬었다!

TypeScript 간단 정리 - 1

회사 프로젝트에서 Intersection Observer를 활용할 일이 생겼다. 그에 대한 발표 자료를 살짝 다듬었다.

Intersection Observer Deep Dive

2021년도를 정리할 겸 오랜만의 포스팅이다!

2021 회고!

벼락치기로 공부해본 AWS Solutions Architect – Associate 자격증 시험후기에 관해 이야기하고자 한다!

AWS Solutions Architect – Associate 자격증 후기!

이번 포스팅에서는 많은 사람이 이미 사용 중인 함수의 추가적인 내용에 대해 간략히 알아보자!

JavaScript ES6 정리 - Function

이번 포스팅에서는 많은 사람이 궁금해하고 제일 많이 쓰는 ES6에서 추가된 화살표 함수(Arrow Function)에 대해 알아보자!

JavaScript ES6 정리 - Arrow Function

이번 포스팅에서는 ES6에서 향상된 객체의 기능(computed property, property enumeration order)에 대해 알아보자!

JavaScript ES6 정리 - computed property, property enumeration order

이번 포스팅에서는 ES6에서 향상된 객체의 기능(shorthand property, concise methods)에 대해 알아보자!

JavaScript ES6 정리 - shorthand property, concise methods

이번 포스팅에서는 ES6에 포함된 spread operator에 대해 알아보자!

JavaScript ES6 정리 - spread operator

이번 포스팅에서는 ES6에 포함된 default parameter, rest parameter에 대해 알아보자!

JavaScript ES6 정리 - default, rest parameter

이번 포스팅에서는 자주 쓰이는 메소드 forEach, map, reduce에 대해 알아보자!

JavaScript ES6 정리 - forEach, map, reduce

이번 포스팅에서는 문자열 처리에 관련된 template literal에 대해 알아보자!

JavaScript ES6 정리 - Template literal

JS ES6의 새로운 변수인 let, const와 Block Scope에 대해 알아보자!

JavaScript ES6 정리 - Variable, Block Scope

이번 포스팅에서는 letsencrypt를 활용하여 http를 https로 전환하는 방법을 이야기하겠다

letsencrypt를 활용해 블로그에 https 적용하기!

이번 포스팅에서는 Disqus API로 포스트에 댓글 기능을 추가하는 방법에 대해 이야기할 것이다!

Disqus API로 블로그에 댓글 기능을 추가하기!

드디어 JavaScript 핵심 개념 정리의 마지막 포스팅이다! 이번 시간에는 Class에 대해 알아보자!

JavaScript 핵심 개념 정리 - Class

이번 시간에는 Prototype에 대해 알아보자!

JavaScript 핵심 개념 정리 - Prototype

저번 포스팅에 이어 오늘은 VPC와 S3 등에 관해 설명한다.

AWS Developer Associate 자격증 공부 -5!

저번 포스팅에 이어 오늘은 ElastiCache와 Route 53 등에 관해 설명한다.

AWS Developer Associate 자격증 공부 -4!

저번 포스팅에 이어 오늘은 Auto Scaling Group과 EBS, EFS, RDS 등에 관해 설명한다.

AWS Developer Associate 자격증 공부 -3!

저번 포스팅에 이어 오늘은 EC2와 LB에 관해 설명한다.

AWS Developer Associate 자격증 공부 -2!

Cloud Practitioner를 취득하고 다음 자격증인 AWS Developer Associate를 취득하기 위해 공부를 시작하였다!

AWS Developer Associate 자격증 공부 -1!

Closure란 무엇일까? JavaScript를 공부하는 사람이라면 한 번쯤을 들어봤을 것이다!

JavaScript 핵심 개념 정리 - Closure

오늘 포스팅에서 다룰 주제는 여러 영역에서의 this이다!

JavaScript 핵심 개념 정리 - This

JavaScript로 개발은 많이 해보았지만, 개념에 대한 공부는 깊게 하지 않았다…

JavaScript 핵심 개념 정리 - 자료형과 함수

AWS Cloud Practitioner 자격증 시험의 후기에 관해 이야기하고자 한다!

AWS Cloud Practitioner 자격증 후기!

이번 포스팅은 Module 6 : 요금 및 지원을 정리한다.

AWS Cloud Practitioner 자격증 공부 -6

이번 포스팅은 Module 5 : AWS 플랫폼의 기본 보안 및 규정 준수 측면과 공동 보안 모델 설명을 정리한다.

AWS Cloud Practitioner 자격증 공부 -5

이번 포스팅은 Module 4 : AWS 아키텍처를 짧게 정리한다.

AWS Cloud Practitioner 자격증 공부 -4

이번에 정리할 내용은 Module 3으로 AWS 플랫폼의 주요 서비스 및 관련 일반 사용 사례를 설명한다!

AWS Cloud Practitioner 자격증 공부 -3

저번 포스팅에 이어 오늘은 Module 2를 정리한다!

AWS Cloud Practitioner 자격증 공부 -2

AWS에서 제공하는 무료 강의 Cloud Practitioner Essentials를 수강하고 정리한 내용을 포스팅한다!

AWS Cloud Practitioner 자격증 공부 -1

이번 포스팅에서는 Google Search Console, Google Analytics API를 추가하는 방법에 대해 이야기 할 것이다!

포스팅을 구글 검색 결과에 노출 및 방문자 데이터 수집하기!

pm2와 npx에 대해 설명한 후 이를 이용하여 내 블로그를 배포하는 방법을 설명할 것이다

직접 만든 블로그를 배포해보자!

이번 포스팅에서는 REST API의 단점에 간략히 알아보고 본격적으로 GraphQL에 대해서 설명할 것이다

GraphQL이란? - 간단한 Query 작성

GraphQL은 REST API의 대체재 성격으로 2015년 Facebook에서 발표한 통신 API이다…

GraphQL이란? - REST API부터 알아보자

AWS Business Professional Module 3에서는 클라우드 도입에서 파트너 역할, 클라우드 도입 여정 정의, 고객 이의를 처리하는 방법 등을 설명한다…

AWS 비즈니스 전문가 교육 -3

WEB 카테고리에는 NodeJS, React, GatsbyJS 등 여러 가지 내용을 다룰 것이다. Blog를 만들면서 했던 것들을 한번 정리해볼 생각이다. GatsbyJS를 사용했지만, 배포는 내 개인 서버로 해버렸다…

Gatsby로 블로그 만들기!

AWS의 서비스는 Lambda, EC2, ELB(Elastic Load Balancing), RDS, S3 등이 있으며 그 개수는 약 170개이다...

AWS 비즈니스 전문가 교육 -2

AWS의 교육과정은 AWS, APN(AWS Partner Network) AWS Service 등에 관한 기본 이해를 제공한다. 그로 인해 AWS 솔루션을 효과적으로 활용할 수 있도록 하는 것이 목표이다…