SEO는 웹사이트나 웹페이지가 검색 엔진에서 높은 순위를 가질 수 있도록 최적화하는 작업이며, 크롤링, 인덱싱, 랭킹이 포함된다. SEO를 효과적으로 보여주기 위해서는 검색 엔진의 크롤러가 콘텐츠를 이해하고 인덱싱할 수 있도록 웹페이지를 구성하고, 사용자에게 유용하고

firebase 사이트를 접속하면 아래와 같은 페이지를 확인 할 수 있다. 회원가입이나 로그인을 한 후에, 시작하기 버튼을 클릭한다.

참고자료 https://codepen.io/yuhomyan/pen/OJMejWJ

HTML의 <canvas> 태그와 Javascript를 사용하면 다양한 그래픽 요소를 만들 수 있다. 단순한 도형 그리기, 데이터 시각화, 애니메이션, 웹 게임 등을 만들 수 있다고 한다.html에 캔버스 태그 작성하기캔버스는 canvas 엘리먼트를 DOM으로 조

CSS 애니메이션은 여러 개의 CSS 스타일을 부드럽게 전환시켜주며 @keyframes를 활용하면 시간 순서대로 조절할 수 있는 애니메이션을 만들 수 있다@keyframes 옆에 애니메이션 이름을 적어주고 시간 진행에 따른 상태를 작성해주면 된다. 시간 진행에 따른 상

여러 제품이나 코드, 프로그램을 묶어서 패키지로 제공하는 행위를 의미하며 프론트엔드 개발자는 사용자에게 웹 애플리케이션을 제공하기 위한 파일 묶음이라고 볼 수 있다. 사용자가 브라우저를 열고 주소를 입력하면, 해당 주소에서 프론트엔드 개발자가 번들링한 여러 파일을 받게

반응형 웹 디자인이란 여러 장치의 다양한 특성에 대응하는 하나의 웹 문서 또는 사이트로써 브라우저의 크기(스크린의 크기, 디바이스의 종류)에 실시간으로 반응하여 크기에 따라 레이아웃이 변하는 웹 사이트를 의미한다. 사이트를 이루는 소스 코드는 하나지만 접속하는 스크린

브라우저는 웹 서버에서 양방향으로 통신하며 HTML 문서 및 그림, 멀티미디어 등의 컨텐츠를 열람할 수 있게 해주는 GUI 기반의 소프트웨어 프로그램이다. 웹 브라우저 또는 웹 탐색기라고도 하며 브라우저는 페이지를 다운로드 하기 위해 응용 계층의 프로토콜인 HTTP를

그래프의 여러 구조 중 단방향 그래프의 한 구조로, 하나의 뿌리로부터 가지가 사방으로 뻗은 형태이다. 트리 구조는 데이터가 하나 이상의 데이터에 한 개의 경로와 하나의 방향으로만 연결된 계층적 자료구조이며 하나의 데이터 아래에 여러 개의 데이터가 존재할 수 있는 비선형

자료구조는 여러 데이터의 묶음을 저장하고, 사용하는 방법을 정의한 것이다.데이터의 정해진 규칙 없이 저장하거나, 하나의 구조로만 정리하고 활용하는 것보다 필요에 따라 데이터의 특징을 잘 파악하여 정리하고 활용해야 한다. 데이터를 체계적으로 정리하여 저정하게 되면, 데이

토큰 기반 인증은 기존의 세션 기반 인증이 가지고 있던 한계를 보안하기 위해서 나왔으며, 서버에서 유저의 상태를 관리하던 세션 기반 인증과 다르게 유저의 인증 상태를 클라이언트에 저장 할 수 있어서 서버의 부하나 메모리 부족 문제를 줄일 수 있다.사용자가 인증 정보를

쿠키는 서버에서 클라이언트에 영속성있는 데이터를 저장하는 방법이다.어떤 웹사이트에 들어갔을 때, 서버가 일방적으로 클라이언트에 전달하는 작은 데이터라고 할 수 있다서버는 클라이언트의 쿠키를 이용하여 데이터를 가져올 수 있다.서버에서 클라이언트에 쿠키를 전송하는 것과 클

일반적으로 웹 접근성은 장애인, 고령자 등이 웹 사이트에서 제공하는 정보를 비장애인과 동등하게 접근하고 이해할 수 있도록 보장하는 것을 뜻한다. 웹 접근성을 갖추면 웹에 접근했을 때 어떤 상황에서도 항상 동등한 수준의 정보를 제공받을 수 있도록 보장받을 수 있다.우리나

웹은 문서, 이미지, 영상 등 다양한 정보를 여러 사람들과 공유할 수 있는 공간을 말한다. 웹 표준은 W3C에서 권고하는 웹에서 표준적으로 사용되는 기술이나 규칙으로 사용자가 사용하는 어떤 운영체제나 브라우저에 상관없이 웹페이지가 동일하게 보이고 정상적으로 작동할 수

CMARKET-REDUXREADME.md ▶ public ▽ src장바구니 구현을 위해 필요한 액션들을 정의해 놓은 객체이다. Action에서 type은 필수로 지정해야하며, payload를 작성하여 구체적인 값을 전달할 수 있다. Action 객체는 Dis

Redux는 상태 관리 라이브러리이며 전역 상태를 관리할 수 있는 Store라는 저장소를 제공하며 데이터 흐름을 더욱 깔끔하게 만들어줄 수 있다. Redux는 자바스크립트 상태 관리 라이브러리로 React 없이도 사용가능하다.▷ 상태가 변경되어야 하는 이벤트가 발생하면

프론트엔드 개발에서 상태는 변하는 데이터이며 UI에 동적으로 표현될 데이터를 상태라고 할 수 있다. 상태를 다룰 때에는 함수 또는 컴포넌트의 입력 외에도 함수의 결과에 영향을 미치는 요인으로 Side Effect를 고려해야하며 네트워크 요청, API 호출이 대표적이 예

화면이 복잡하고 다양해도 기본적인 레이아웃 구성 내부에서 반복적으로 사용되는 UI들이 있으며 UI 컴포넌트를 도입함으로써 코드량을 줄일 수 있으며 개발 기간 단축에도 기여할 수 있다는 장점이 있다.디자인 시스템??▷ UI 컴포넌트들의 모음을 구조화하는 방법으로 서비스를

useRef는 React 애플리케이션을 만들 때 DOM을 직접 조작하는 것은 지양해야하지만 개발을 하면서 직접 조작해야할 발생할 때 사용할 수 있는 Hook함수이다. React는 아래와 같은 예외적인 상황에서 useRef로 DOM 노드, 엘리먼트, React 컴포넌트

컴포넌트 UI 개발을 위한 Storybook 사용법 > Storybook은 Component Driven Development를 하기 위한 도구로 각각의 컴포넌트들을 따로 볼 수 있게 구성해주며 한번에 하나의 컴포넌트에서 작업할 수 있다. Storybook은 컴포넌트