위클리페이퍼
1.[Week 1] CSS의 Cascading에 대하여
이번 스프린트 1주차 위클리페이퍼는 CSS의 Cascading에 대한 주제인데요,CSS(Cascading Style Sheets)는 웹 페이지의 스타일을 정의하는 언어입니다. 여기서 "Cascading"이라는 개념이 중요한 역할을 합니다. Cascading은 여러 CS
2.[Week 2-1] 시맨틱 태그를 사용하면 좋은 점
웹 개발의 세계에서는 코드의 가독성과 유지보수성을 높이기 위한 다양한 방법이 존재합니다. 그 중에서도 HTML5에서 도입된 시맨틱 태그는 개발자와 사용자 모두에게 큰 이점을 제공합니다. 이번 글에서는 시맨틱 태그의 중요성과 그로 인해 얻을 수 있는 다양한 이점을 자세히
3.[Week 2-2] CSS Position 속성의 종류와 특징
CSS에서 position 속성은 요소의 위치를 설정하는 데 사용됩니다. 이 속성은 레이아웃을 구성하는 데 중요한 역할을 하며, 다양한 값들을 통해 요소의 위치를 제어할 수 있습니다. position 속성의 주요 값과 그 특징을 하나씩 살펴보겠습니다.static은 요소
4.[Week 3-1] Git에서 Branch Merge 방법들과 각 방법의 특징
Git은 소스 코드 버전 관리를 위한 강력한 도구로, 여러 개발자가 동시에 작업할 수 있도록 브랜치(Branch) 기능을 제공합니다. 브랜치를 병합(Merge)하는 방법은 여러 가지가 있으며, 각 방법마다 특징과 용도가 다릅니다. 이번 글에서는 Git에서 브랜치를 병합
5.[Week 3-2] Git Flow 브랜치 전략에 대하여
소프트웨어 개발 프로젝트에서는 효율적인 브랜치 전략이 중요합니다. Git Flow는 이러한 필요를 충족하기 위해 만들어진 브랜치 전략으로, 복잡한 프로젝트에서도 체계적으로 소스 코드를 관리할 수 있도록 돕습니다. 이번 글에서는 Git Flow 브랜치 전략의 개념과 주요
6.[Week 4-1] 이벤트 버블링, 캡쳐링, 위임
이번에 공부한 이벤트 처리에 대해 정리해봤습니다. 특히 이벤트 버블링(Bubbling), 캡쳐링(Capturing), 그리고 이벤트 위임(Delegation)에 대해 자세히 알아보았습니다.이벤트 버블링은 특정 HTML 요소에서 발생한 이벤트가 그 요소의 부모 요소로 전
7.[Week 4-2] JavaScript `this` 이해하기
자바스크립트를 공부하면서 가장 헷갈리는 개념 중 하나가 바로 this입니다. this는 함수가 호출될 때 그 함수가 속한 객체를 가리키는데, 상황에 따라 가리키는 대상이 달라질 수 있습니다. 이번 글에서는 자바스크립트에서 this가 어떻게 동작하는지 여러 가지 예제를
8.[Week 5-1] Lexical Scope에 대한 이해
프로그래밍을 하다 보면 "스코프"라는 개념을 자주 접하게 됩니다. 스코프란 변수가 유효한 범위를 의미합니다. 그 중에서도 렉시컬 스코프(Lexical Scope)는 함수가 선언된 위치에 따라 스코프가 결정되는 방식을 말합니다. 이 글에서는 렉시컬 스코프가 무엇인지, 어
9.[Week 5-2] HTTP 메소드에 대한 이해
HTTP(HyperText Transfer Protocol)는 웹에서 데이터를 주고받기 위한 프로토콜입니다. HTTP는 클라이언트와 서버 간의 요청과 응답을 통해 작동합니다. 이 과정에서 사용되는 HTTP 메소드는 클라이언트가 서버에 어떤 작업을 요청하는지 명시합니다.
10.[Week 6-1] Virtual DOM은 무엇이고, 이를 사용하는 이유는 무엇인가?
리액트(React)는 페이스북에서 개발한 자바스크립트 라이브러리로, 사용자 인터페이스를 만들기 위해 사용됩니다. 리액트의 핵심 개념 중 하나는 Virtual DOM입니다. 이 글에서는 Virtual DOM이 무엇인지, 그리고 리액트가 이를 사용하는 이유에 대해 자세히
11.[Week 6-2] 리액트에서 배열을 랜더링할 때 key를 써야하는 이유
리액트(React)는 사용자 인터페이스를 구축하기 위한 자바스크립트 라이브러리로, 컴포넌트 기반 아키텍처를 통해 재사용성과 유지보수성을 높입니다. 리액트에서 배열을 렌더링할 때는 각 항목에 고유한 key 속성을 부여해야 한다는 점이 매우 중요합니다. 이 글에서는 key
12.[Week 7-1] 리액트 생명주기(Life Cycle)에 대하여
리액트(React)는 컴포넌트 기반의 자바스크립트 라이브러리로, 각 컴포넌트는 특정한 생명주기(life cycle)를 가집니다. 생명주기는 컴포넌트가 생성되고, 업데이트되며, 소멸되는 과정을 설명하는데, 이는 개발자가 특정 시점에 원하는 작업을 수행할 수 있도록 도와줍
13.[Week 7-2] 웹 페이지 렌더링 방식: CSR, SSR, SSG
웹 페이지를 렌더링하는 방식에는 여러 가지가 있으며, 각각의 방법은 장단점이 있습니다. 여기서는 CSR(Client-Side Rendering), SSR(Server-Side Rendering), SSG(Static Site Generation)의 특징과 각각의 방식을
14.[Week 8-1] CSS-in-JS의 장점과 단점
웹 개발의 발전과 함께 스타일링 방법도 점점 다양해지고 있습니다. 그 중 하나가 CSS-in-JS입니다. 이 글에서는 CSS-in-JS의 장점과 단점을 살펴보겠습니다.CSS-in-JS는 JavaScript 코드 안에서 CSS를 작성하는 방법입니다. React, Vue,
15.[Week 8-2] Presentational & Container 디자인 패턴
React 애플리케이션을 개발할 때, 코드의 유지보수성과 재사용성을 높이기 위해 다양한 디자인 패턴을 활용합니다. 그 중에서도 Presentational & Container 패턴은 컴포넌트를 역할에 따라 분리하는 데 효과적입니다. 이 글에서는 Presentationa