[React]useEffect에서 async 함수 사용
webVeloper본 포스팅은 React Hook에서 제공하는 useEffect() 함수에서 async 함수를 사용하는 방법을 소개합니다. 개요 일반적으로 React에서 useEffect() 함수는 컴포넌트에서 부수 효과(side effect)를 다루기 위해 사용된다. 부수 효과(side effect)란 외부와 상호작용하거나 state를…
[JS]const를 사용하는 경우
본 포스팅은 JavaScript에서 const 키워드를 사용하는 경우를 소개합니다. 개요 JavaScript에서 변수를 선언할 때, var, const, let 중 어떠한 키워드를 사용해야할지 고민이 될 경우가 있다. 과거 웹 브라우저에서는 const, let 키워드를…
[Vue]Mac에서 Vue.js 프로젝트 생성하기
본 포스팅은 Mac에서 Vue.js 프로젝트를 생성하는 방법을 소개합니다. Visual Studio Code Vue를 사용하여 웹 애플리케이션을 개발하고 구동하려면 통합 개발 환경(IDE)이 반드시 필요한 것은 아니지만 디버깅, Git, 터미널, 자동완성 기능 등…
WordPress에서 Uncategorized 카테고리 제거
본 포스팅은 WordPress에서 Uncategorized 카테고리 제거하는 방법을 소개합니다. 개요 WordPress를 처음 시작하면 기본적으로 하나 이상의 카테고리가 있어야하므로 "Uncategorized"라는 카테고리를 할당받는다. 특정 카테고리를 삭제하면 해당 카테고리의 게시글들이 "Uncategorized" 카테고리로 이동하거나 카테고리가…
WordPress에 다크 모드 적용 – Droit Dark Mode
본 포스팅은 WordPress에 Droit Dark Mode 플러그인을 설치하고 적용하는 방법을 소개합니다. 개요 다크 모드는 콘텐츠를 어두운 배경과 밝은 텍스트를 표시하는 기능이다. 눈의 피로를 줄이고 텍스트를 뚜렷하게 만들어 준다는 장점이 있어서…
[JS]배열에서 특정 요소를 제거하는 방법
본 포스팅은 JavaScript의 배열에서 특정 요소를 제거할 수 있는 몇 가지 방법을 소개합니다. 개요 배열의 요소를 제거하기 위해 delete 연산자 혹은 shift(), pop() 메서드를 사용할 수 있지만, 몇 가지 문제점이…
[JS]배열에서 중복값 찾는 방법
본 포스팅은 JavaScript의 배열에서 중복값을 찾을 수 있는 몇 가지 방법을 소개합니다. 개요 어플리케이션을 개발하다보면 중복값을 찾아야하는 경우가 빈번하게 발생한다. 예를 들어, 통계를 내야하거나 건수를 구해야하거나 유일한 값이 배열에 두…
[JS]물음표 연산자를 사용하는 방법
본 포스팅은 JavaScript에서 물음표 연산자 사용 방법을 소개합니다. 개요 JavaScipt에서 물음표 연산자는 주로 if...else문을 간결하게 만들어주는 삼항 연산자로 사용된다. 그러나 물음표 연산자는 삼항 연산자 이외에도 두 가지 용도(Nullish 병합 연산자,…
[React]컴포넌트에 스타일 적용하는 방법
본 포스팅은 React 컴포넌트에 스타일을 적용할 수 있는 몇 가지 방법을 소개합니다. 개요 React 컴포넌트에 스타일을 적용할 수 있는 방법은 다양하다. 가장 간단한 방식은 Inline Styling이지만, 프로젝트의 요구사항과 규모가 커질수록…
[React]API를 호출하는 세 가지 방법
본 포스팅은 React에서 API를 호출하는 세 가지 방법을 소개합니다. 개요 React는 싱글 페이지 어플리케이션을 구축하는 JavaScript 라이브러리로, 다른 서비스나 데이터에 접근하기 위해 API 호출이 빈번하게 발생할 수 있다. 본 포스팅은…