데브캠프 3기

하루죙일 노트북 앞에 앉아있음 거북이가 되.🐢

CSS 선택자의 종류와 스타일 상속에 대해서 알아보자CSS 선택자의 종류에는 기본, 복합, 가상 클래스, 가상 요소, 속성이 있다\* - 전체 선택자, 모든 요소를 선택한다ABC - 태그 선택자, 태그 이름이 ABC에 해당하는 요소들을 선택한다.ABC - 클래스 선택자

지난시간에 이어 CSS 속성에 대해 더 알아보자! 넘침제어 넘침제어는 말 그대로, 요소가 크기 이상으로 넘쳤을 때, 넘쳐진 부분의 보여짐을 어떻게 제어할 것인가를 말한다 넘침제어의 속성값은 다음과 같다 visible: 기본으로 갖는 값으로 넘친 내용을 그대로 보여준

이번에는 스코프가 무엇인지 알아보고 이를 문제에 적용하여 이해하며 풀어보자!모든 식별자(변수 이름, 함수 이름, 클래스 이름 등)가 자신이 선언된 위치에 의해 다른 코드가 식별자 자신을 참조할 수 있는 유효 범위를 말한다.위 예제로 더 자세히 살펴보자add라는 함수 내

웹 페이지에서 동적으로 이미지를 추가하려고 했지만, 몇 시간을 붙들고 있어도 이미지가 불러와지지 않는 문제가 발생했다이 글을 통해 innerHTML을 활용한 이미지 추가 과정에서 발생할 수 있는 문제와 그 해결법, 그리고 innerHTML의 특징에 대해서 알아보자HTM

오늘은 JavaScript의 Class의 개념에 대해서 알아보고, 코드를 보며 Class에 대한 이해를 키워보려고 한다!클래스는 "비슷한 물건을 찍어내는 공장"과 같은 것이다.예를 들어, 자동차 공장은 동일한 설계도를 기반으로 색깔이나 옵션만 살짝 다른 여러 자동차를

React Hook 마스터하기!

PMF는 제품이 시장의 수요와 잘 맞아떨어지는 상태를 의미한다.✅ PMF를 찾는 과정1\. 문제 정의 – 사용자가 겪고 있는 문제를 명확하게 파악2\. MVP(Minimum Viable Product) 출시 – 최소 기능을 갖춘 제품을 빠르게 개발3\. 사용자 피드백

Redux는 JavaScript 애플리케이션에서 상태(state) 관리를 효율적으로 할 수 있도록 도와주는 라이브러리이다. 특히 React와 함께 많이 사용되며, 대규모 애플리케이션에서 상태를 일관성 있게 관리하는 데 유용하다. Redux는 Flux 아키텍처에서 영감을

이번 프로젝트에서 Firebase Firestore를 사용하면서 이미지 업로드를 Firebase Storage로 진행하려 했으나, 유료 요금제 이슈로 인해 LocalStorage를 활용하는 방식으로 변경하게 되었다.기존에는 Base64 방식으로 이미지를 Firestor

React에서 일반적으로 컴포넌트를 렌더링하면, 그 컴포넌트는 부모 컴포넌트의 DOM 계층 구조 안에 포함된다.예를 들어 App.tsx의 루트 컴포넌트는 보통 public/index.html 파일 안의 \`하지만 어떤 UI는 이와 같은 구조에서 벗어나 "다른 DOM 위

유튜브 링크로 영상 정보를 가져오자 (React + TypeScript + YouTube Data API)

E2E 테스트 자동화 경험기

컴포넌트 문서화로 협업 마스터 할래말래할래말래

useReducer로 상태 관리 깔끔하게 정리해보자!

MSW와 Faker.js로 백엔드 없이 프론트 개발하기!