Error: Image with src "..." is missing required "width" property. 기존 Next.js 프로젝트에서는 Stitches를 사용하고 있었다. 그런데, Stitches는 더 이상 적극적으로 유지보수 되지 않는다고 하여 사용성이 비슷하면서 제로 런타임의 이점을 갖는 PandaCSS로의 마이그레이션을 진행 중이다. PandaCSS 공식 홈페이지에서 안내된 대로 마이그레이션을 완료했는데, dev로 실행했을 때 제목과 같은 오류가 발생했다. 물론 next/image 패키지의 Image 컴포넌트를 사용할 적에 나는 width, height 속성을 잘 전달했다. 기존에도 잘 동작하고 있었다. 관련하여 검색해도 비슷한 사례는 찾아볼 수 없었다. styled 함수를 이용하여 Image 컴포넌트를 감싸서 사용하고 있었는데, import { styled } from "@/styled-syste.. useState는 initial value를 구독하지 않는다. function Textfield({ initialText }: { initialText: string}) { const [text, setText] = useState(initialText) console.log("(re)rendered with props: ", {initialText}) return setText(value)}/> } function App() { const [text, setText] = useState("Hello") const handleClick = () => { console.log("Button is clicked") setText("Bye") } return ( Hello ); } 위와 같은 리액트 앱이 있습니다. 위에서 Hello 버튼을 클릭하면 어떻게 될까요? 아마도.. NextJS 빌드 오류 EPERM, MODULE_NOT_FOUND pnpm + Turborepo + NextJS 조합으로 구성된 프로젝트를 윈도우에서 빌드할 때 아래와 같은 오류가 발생한다. $ pnpm build > @rsv/main@0.0.0 build C:\Users\*****\Documents\***********-********-*****\apps\main > relay-compiler --validate && next build [INFO] [default] compiling... [INFO] [default] compiled documents: 1 reader, 1 normalization, 1 operation text [INFO] Compilation completed. [INFO] Done. warn - You have enabled experimen.. Logistic Regression OpenAI Chat에서 인용 Regression 회귀 분석은 종속 변수와 하나 이상의 독립 변수 사이의 관계를 모형화하는 데 사용되는 통계적 방법입니다. 독립 변수의 값을 기반으로 종속 변수의 값을 예측하는 데 사용됩니다. 회귀 분석에서 선 또는 곡선은 종속 변수의 관측된 값과 모형에서 예측한 값 사이의 차이를 최소화하는 방식으로 데이터에 적합됩니다. 데이터에 적합한 선 또는 원곡선을 회귀선 또는 회귀 곡선이라고 합니다. 회귀 분석의 목표는 독립 변수의 값을 기반으로 종속 변수를 예측하는 데 사용할 수 있는 가장 적합한 선 또는 곡선을 찾는 것입니다. Logistic Regression 로지스틱 회귀 분석은 하나 이상의 독립 변수를 기반으로 이항 종속 변수(즉, 두 값만 가질 수 있는 변수)의 결과를 .. Bayesian DecisionTheroy Naïve Bayes Assumption 조건부 독립인 관계에 있는 두 확률 변수는 해당 조건 아래선 서로에게 영향을 끼치지 않는다. 이러한 가정을 함으로써 계산량을 줄일 수 있다. 예를 들어, 이미 스팸 메일로 분류된 메일의 본문에서 Drug와 Buy는 하나의 등장이 다른 하나의 등장에 영향을 끼치지 않는다고 가정한다. Bayes Rule Conditional Probability에서 사용되는 중요한 공식이다. Posterior는 우리가 구하고자 하는 목표 대상이다. 주어진 조건(X)에서 분류 결과(C)일 확률을 의미한다. Likelihood는 어떠한 분류(C)에서 주어진 조건(X)을 만족할 확률이다. 이는 Naïve Bayes Assumption에 따라 계산된다. Prior는 어떠한 분류(C)의 확률.. 한컴오피스 자동 업데이트 오류 장기간 한컴오피스를 업데이트 하지 않은 상태에서 한컴오피스 자동 업데이트 프로그램을 업데이트하는 과정에서 문제가 발생했었다. 한컴오피스 자동 업데이트 최신 보안패치를 설치하여 문제를 해결하고자 했지만 설치조차 불가능했다. 한컴오피스를 재설치해도 문제는 여전했다. 구글 검색 끝에 한컴오피스 홈페이지에 나와 있는 해결방법을 찾았다. C:\Temp\Hncdownload 폴더를 삭제하면 된다. 간단하게 해결되었다. https://www.hancom.com/cs_center/csFaqDetail.do?faq_seq=2585 글로벌 소프트웨어의 리더, 한글과컴퓨터 상세검색 검색분류 선택 검색분야 검색분야 1 검색분야 2 www.hancom.com 노션 수식에서 \buildrel 매크로 대체하기 https://www.math.brown.edu/johsilve/ReferenceCards/TeXRefCard.v1.5.pdf 노션에서 사용하는 수식 블럭에서는 위의 문서에서 소개하는 기호들을 지원합니다. 하지만 위에서 소개된 \buildrel 매크로는 노션 수식 블럭에서 적용되지 않습니다. \over를 사용하면 분수의 형태를 나타내기 때문에 가운데 선이 생기고, \atop을 사용하면 분수의 형태에서 가운데 선만 빠져 위, 아래의 수식이 크기가 동일합니다. 하지만 우리는 수식 아래에 다른 수식을 작게 넣고자 하기에 이는 적합한 기호가 아닙니다. 그래서 구글링을 하여 대안을 찾았습니다. \underset을 사용하면 됩니다. 사용 방법은 \underset{수식}{아래에 첨가할 수식} 입니다. https://.. Windows 업데이트 오류 해결 과정 일부 업데이트를 다운로드 하는 동안 문제가 발생했지만 나중에 다시 시도하겠습니다. 오류 메시지가 계속 표시되면 웹을 검색하거나 고객 지원에 문의하여 도움을 요청해 보세요. 다음 오류 코드가 도움이 될 수 있습니다. (0x800f0805) 오류 2149842967 "" 때문에 Windows 업데이트 을(를) 설치할 수 없습니다(명령줄: "C:\Windows\system32\wusa.exe"). 0xC1900101 - 0x20017 BOOT 작업 중 오류가 발생하여 SAFE_OS 단계에서 설치가 실패했습니다. 이외에도 다양한 오류를 맞딱트렸다. 0x8024200D, 0xC1900101 등 교내 전산 근로 업무를 하면서 도서관에 있는 많은 컴퓨터의 윈도우 업데이트를 진행하다 보면 어렵지 않게 윈도우 업데이트 .. IntelliJ + Spring Boot Profile 적용하기 실행 환경에 따라 런타임에 다른 값을 적용하고자 할 때, 각기 다른 프로파일을 불러와 값을 적용할 수 있다. IntelliJ Ultimate 버전에선 다이얼로그 창에 옵션을 넣어주는 것으로 간단하게 적용할 수 있지만, Community 버전에선 그런 기능이 제공되지 않는다. 구글 검색으로 나오는 방법은 Gradle > bootRun 실행/디버그 구성 편집에서 VM 옵션에 -Dspring.profiles.active=local 를 추가하는 것이다. 하지만 이 옵션을 넣어도 실행을 하면 default 프로파일이 적용되어 옵션이 반영되지 않음을 알 수 있다. Spring 공식 문서에 Profile에 관한 설명을 읽어보면, profile을 추가하려면 application.properties 파일에 다음과 같은 .. IntelliJ + Spring Boot 개발환경 준비 어쩌다가 Spring을 공부하게 됐다. 백엔드에 대해서 아는 것이 아무것도 없어서 막막할 따름이다. 일단, 도서관에서 책이라도 빌렸다. 책에서는 이클립스에 STS 플러그인을 설치하여 사용하는데, 현재는 해당 플러그인이 검색되지 않을 뿐더러 비슷해보이는 플러그인은 버전 문제로 설치조차 안 된다. 이클립스 최신 버전에서 다시 시도를 해볼까 생각을 해봤지만, IntelliJ에서 다시 시도해보기로 했다. 다행히, IntelliJ 공식 문서에 Spring 프로젝트 생성에 관한 가이드가 잘 작성돼 있었다. Spring | IntelliJ IDEA www.jetbrains.com 하지만, 위 문서에도 나와 있듯이 Spring 및 이와 관련된 플러그인에 대한 지원은 Ultimate 버전에서만 기본 제공된다. 난 Com.. 리액트 공부 #1 그저께부터 리액트 공식 홈페이지 자습서를 통해 리액트를 공부 중이다. 가볍게 읽으며 공부하기엔 제대로 이해되지 않기 때문에 메모를 하면서 공부를 해야겠다는 생각이 들었다. 그래서 블로그에 조금씩 메모를 남기며 공부할 것이다. 리액트를 공부하는 목적은 건우와 함께 만들 서비스의 웹 페이지를 구현하기 위해서다. 자습서: React 시작하기 – React A JavaScript library for building user interfaces ko.reactjs.org 개요 React.Component를 상속하는 클래스를 정의한다. 이 클래스는 HTML 태그처럼 사용될 수 있다. 이를 React 컴포넌트 클래스라고 부른다. 이러한 개별 컴포넌트는 props라는 멤버를 통해 매개변수를 받아온다. properti.. macOS에서 파이썬 개발환경 새로 준비하기 설치된 파이썬 버전이 한 둘이 아닌지라, 무턱대고 라이브러리를 설치하면 어떤 버전에 설치되는건지 여간 번거롭다. 그래서 homebrew로 하나의 버전만 유지하려고 기존에 있던 여러 파이썬 버전을 삭제하고 재설치를 했다. 환경변수는 당최 어떻게 수정하는건지 알 수 없어서 찝찝함이 남는다. 1. 기존 버전 삭제 rm -rf /usr/local/bin/python* rm -rf /usr/local/bin/pip* 2. 환경변수 삭제 brew doctor brew cleanup 3. 새로운 버전 설치 brew install python3 4. 환경변수 설정 vim ~./zshrc alias python=/usr/local/bin/python3 alias pip=/usr/local/bin/pip3 5. 번외 위와.. 이전 1 2 3 4 ··· 10 다음