CASSIE'S BLOG

align-items 속성은 부모 요소에서 자식 요소들을 수직으로 정렬하는 데 사용됩니다. 따라서 FilterControl이 부모 요소이며, 그 안에 있는 자식 요소인 CategoryLabel과 FilterSelect을 수직으로 중앙 정렬하는 역할을 합니다. 따라서 align-items 속성은 FilterControl에 적용됩니다. 자세한 내용은 CSS align-items를 참고하시기 바랍니다.

프로젝트를 하던 도중 의문 import React, { useState } from "react"; import ProductCard from "./ProductCard"; import ProductsFilter from "./ProductsFilter"; import styled from "styled-components"; // import page import Nav from "../MainPage/Nav"; // import Footer from "../MainPage/Footer"; const Products = (props) => { const [filtered, setFiltered] = useState(""); const filterChangeHandler = (selected) => { ..

json 정적데이터 불러오다가 똑같은 오류 났던 거 어떤 분이 해결하셨다. React 에서 json 파일 불러오기 (velog.io) React 에서 json 파일 불러오기 설정메뉴에서 언어를 선택하는데 언어 목록을 json 형태의 파일로 만들어 놓고 fetch API를 이용해 json 데이터를 불러와서 사용하는데 오류가 발생했다! velog.io fetch 함수를 통해 가져온 응답(Response)이 JSON 형식이 아니라 HTML 형식으로 반환되어 파싱(Parsing)할 수 없다는 것을 나타냅니다. SyntaxError: Unexpected token '

효과적인 렌더링 관리 (useEffect): useEffect 훅을 사용하여 컴포넌트가 처음 렌더링될 때 한 번만 실행되도록 설정되어 있습니다. 상품 목록을 나타내는 src/component/organisms/ProductGrid.jsx import ProductCard from "../molecules/ProductCard"; import React, { useState, useEffect} from 'react'; import axios from 'axios'; // import fImage from "../../img/images/1.jpg"; import '../../../src/styles/organisms/ProductGrid.css' // import Loding from "../compon..

Java Gradle Task에서 task는 작업을 뜻한다. Test에 종속이 되어 있으면 통합 Task라고 한다. 작업이 그 작업 하나만 진행되게 되면 단일 Task라고 한다. Gradle이라는 창에 더블 클릭해서 쉽게 실행할 수 있다. 실습 목표 MyGradle 로 UI뿐만 아니라 CLI로도 몇 개 실행해본다. Gradle 단일 테스크 실행해보기 Gradle compile 실행해본다. Clean 실행해본다. Gradle 복합 태스크 실행해본다. Javadoc 실행해본다. Jar 생성해본다. Test 진행해본다. (report 확인) Build 실행한다. build라는 명령어만 누르면 build라는 폴더가 없어진다. compile하려면 Gradle창에서 other 폴더 찾고 compile.java를 더..

ERD(Entity-Relationship Diagram) 그래프 정보는 데이터베이스의 구조를 시각적으로 표현한 것입니다. 백엔드에서 이러한 정보를 받으면 프론트엔드 개발자는 주로 다음과 같은 일을 수행할 수 있습니다: 페이지 및 컴포넌트 설계: ERD는 데이터베이스 테이블 간의 관계를 보여주므로, 프론트엔드 개발자는 이를 기반으로 웹 애플리케이션의 페이지 및 컴포넌트 구조를 설계할 수 있습니다. API 요청 및 응답 설계: ERD를 기반으로 어떤 데이터가 필요한지를 파악하고, 이를 요청할 API 엔드포인트를 설계합니다. 또한, 받아온 데이터를 효과적으로 활용하기 위한 응답 형식도 고려해야 합니다. 데이터 바인딩 및 표시: 받아온 데이터를 화면에 표시하기 위한 데이터 바인딩 작업을 수행합니다. 이는 특히..