✏️ Frontend Development

오늘은 CSS 강의의 두번째 시간 Grid에 대해 알아보겠습니다. 내용이 많아서, grid container properties와 grid item properties를 두개의 글로 나눠야 할것 같습니다. 오늘은 grid container properties에 대해 알

Flex와 Grid는 레이아웃을 다루는데 있어서 주요한 도구로, Flex는 1차원(축이 하나인) 레이아웃을 다루며, Grid는 2차원(축이 두 개인) 레이아웃을 다룹니다.Container (부모 요소):주로 Item(자식 요소)들을 수평으로 정렬하고자 할 때 사용주요

[ Git ] ❝ 버전이란? ❞ "프로젝트 범위에서" 유의미한 변화 ❝ 버전관리시스템의 종류 ❞ 로컬식: 나의 컴퓨터 내에서만 중앙집중식 VCS: 서버에서'만' 버전관리 (백업) ➥ "파일 단위", 번거로움, 위험! 분산식 VCS: 모든 컴퓨터에서 "프로젝트 단

✏️ JavaScript 는 컴퓨터를 제어하거나 브라우저에서 웹사이트를 동작하는 용도로 사용됩니다. Node.js 는 이러한 JavaScript를 서버 사이드에서도 사용할 수 있게 해주는 플랫폼입니다. npm은 Node.js 패키지(모듈)를 손쉽게 관리하는 도구입니다.

오늘은 JavaScript 언어의 가장 기본이자 핵심적인 부분 중 하나인 변수에 대해 알아보겠습니다. 변수는 데이터를 담기 위한 그릇으로, 메모리에 값을 저장하고 참조하는 역할을 합니다. JavaScript에서는 var, let, const 키워드를 사용하여 변수를 선

프로그래밍에서 데이터는 다양한 형태와 종류로 나타낼 수 있습니다. 데이터 타입은 이러한 데이터의 특성과 처리 방법을 정의합니다. 이번 포스팅에서는 데이터 타입을 크게 두 가지로 나눠 설명하겠습니다: 원시 타입과 객체 타입.✏️ 원시 타입은 데이터를 단일 값으로 나타내는

JavaScript에 대해 더 알아가기 전에 표현식 과 문 의 개념을 확실히 알아두는게 좋을 것 같아 정리해보았습니다! 🚀표현식은 값(value)으로 평가되는 코드 구조입니다.하나 이상의 연산자와 피연산자로 이루어져 있으며, 이를 통해 값을 생성하거나 조작합니다.문(

함수 ✏️ 함수는 1급 객체 / 1급 시민 1급 객체(1급 시민): 함수가 다른 객체와 동등하게 취급되는 것. 가능 조건: 런타임에서의 멤버 사용이 가능해야 함. 1. 데이터와 호출 함수 데이터와 호출 후 데이터는 완전히 다른 개념이다. 2. 선언과 표현 함수

스코프는 이전 포스트에서 다른 JavaScript 개념에 대해 설명할 때 간간히 등장했는데요, 그만큼 JavaScript 언어에서 중요하고 기본적인 개념 중 하나입니다. 스코프를 충분히 이해하지 않으면 다른 개념을 이해하는 데 어려움을 겪을 수도 있습니다. 스코프에 대

"클래스는 프로토타입의 문법적 설탕인가?"모던 자바스크립트 책의 '클래스' 파트의 첫 제목은 이렇습니다. 클래스는 사실상 JavaScript에서 함수와 프로토타입 기반 패턴을 사용할 때 생기는 번거로움을 줄이기 위한 편의 문법입니다. 기존의 프로토타입 기반 패턴을 더

프로미스 1. 프로미스란? 프로미스는 비동기 작업의 결과를 나타내는 객체입니다. 비동기 작업은 주로 네트워크 요청이나 파일 읽기와 같이 시간이 걸리는 작업을 의미합니다. 프로미스는 콜백 함수를 대체하고 비동기 코드를 더 효과적으로 다룰 수 있게 해줍니다. 2. 프

컴포넌트의 state 변경 시 자동으로 UI 업데이트React의 핵심 원리: 상태 변화 감지하여 UI 재렌더링Container Component 활용하여 상태와 속성 관리코드 가독성 및 유지보수성 향상상태와 속성 명확히 구분, 데이터 흐름 효율적 관리불변성은 React

React Hooks 는 함수형 컴포넌트에서 상태와 사이드 이펙트를 관리를 쉽게할 수 있도록 도와주는 기능입니다. 나아가 컴포넌트 로직을 더 간결하고 가독성 있게 다룰 수 있도록 해줍니다. 그럼, 주요 Hooks 및 사용법을 알아봅시다! 🚀사용법: 팁:초기 값이 계산

💭 오늘은 이전 포스트 Grid Container Properties에 이어 Grid Item Properties에 대해 알아보겠습니다. 📌 Grid Item Properties ✏️ grid-row-start 및 grid-row-end 그리드 항목이 수직 축

Gitflow 는 Git 기반 버전 관리 시스템에서 널리 사용되는 브랜치 모델 중 하나입니다. 이 모델은 프로젝트에서 브랜치와 릴리스를 잘 정리하고 관리하는 방법을 제공합니다.단일 주요 브랜치 대신, 프로젝트의 이력을 기록하기 위해 두 개의 브랜치를 사용합니다. mai

토이 프로젝트를 진행하면서 FullCalendar 라이브러리를 활용하여 일정을 관리하는 캘린더 페이지를 만들고 있습니다. FullCalendar를 사용하면서 배운 사용법과 코드를 예시로 들어 정리해보려고 합니다. 1. FullCalendar 라이브러리 및 종속성 가