전체 글

서론 Image 컴포넌트의 에러 Next.js를 사용하다 보면 위의 사진처럼, <Image> 컴포넌트를 사용할 때 width와 height 속성을 반드시 지정하라는 에러를 자주 보게 된다. ?잠깐!!? Image 태그를 써야 하는 이유에 대해서는 아…

서론 npm run build 후 발생한 에러 내용 Next.js 기반 프로젝트에서 'npm run dev' 명령어를 사용하여 로컬에서 개발을 진행했을 때에는 문제가 없었지만, 'npm run build' 명령어를 사용하여 빌드하다가 위의 사진에 있…

서론 Tailwind CSS를 사용하다 보면 hover:bg-blue-500이나 md:flex 같은 클래스명을 자주 볼 수 있다. 이때 hover:나 md:처럼 콜론 앞에 붙는 부분을 바로 수식어(Prefix Modifier) 라고 부른다. 수식어는…

서론 React를 처음 배웠을 때, useState를 쓸 때마다 나오는 []와 ()의 조합이 도대체 무슨 의미인지 헷갈렸던 기억이 있다. 그냥 외워서 쓰긴 했지만, 코드의 의도를 정확히 이해하긴 어려웠다. 그러다 구조 분해 할당이라는 개념을 알게 되…

서론 React에서는 상태를 관리할 때 useState라는 훅을 자주 사용한다. 그런데 코드를 보다 보면 React.useState(...)처럼 쓰는 경우도 있고, 그냥 useState(...)만 사용하는 경우도 있다. 이 둘은 어떤 차이가 있을까?…

서론 최근 app 라우팅 기반에서 프로젝트를 진행하면서, 핸들러에 의해 페이지 이동을 구현해야 했었다. 페이지 간 이동은 사용자 경험에서 중요한 요소로, 어떤 방법을 선택하느냐에 따라 애플리케이션의 성능과 사용성이 크게 달라질 수 있기에 더욱 어떤 …

? 서론 Next.js에서 Tailwind CSS를 사용할 때, 커스텀 폰트를 적용하는 방법은 여러 가지가 있다. 웹사이트의 타이포그래피는 사용자 경험을 좌우하는 중요한 요소 중 하나이며, 올바른 폰트 적용 방식은 성능 최적화와 가독성 개선에 기여한…

수업 내용 리더의 다양한 스타일에 대해서 전체를 복습했다. - Direct set - Relational set - Instrumental set 공지 Thesis statment outline을 작성해야 함 3개의 paragraph를 작성해야 함.…

Data Definition Language (데이터 정의 언어) SQL 데이터 정의 언어(DDL)는 관계에 대한 정보를 지정할 수 있도록 하며, 포함 내용은 다음과 같다 각 관계의 스키마 각 속성에 대한 값의 유형 무결성 제약 조건 각 관계에 대해…

DB05 - More SQL 중첩 서브쿼리 의미 : 다른 서브쿼리의 결과를 사용하는 쿼리로, 주 쿼리 안에 포함된 서브쿼리이다. 가능한 절의 종류 SELECT A1, A2, ..., An FROM r1, r2, ..., rm WHERE P (1) F…

Requirements engineering 고객이 시스템에서 요구하는 서비스와 시스템이 작동하고 개발되는 제약 조건을 설정하는 과정. 시스템 요구 사항은 요구 사항 공학 프로세스 중에 생성된 시스템 서비스 및 제약에 대한 설명이다. What is …

신속한 소프트웨어 개발 (Rapid software development) 신속한 개발과 배포는 이제 소프트웨어 시스템에서 가장 중요한 요구 사항 중 하나이다. 기업은 빠르게 변화하는 환경에서 운영되며, 안정적인 소프트웨어 요구 사항을 설정하는 것이…