Loading...
2024. 3. 17. 22:08

FastAPI에서 return할 때 ValueError: TypeError("'numpy.float32' object is not iterable") 해결하기

print는 잘 되는걸 보면 값이 정상인데 프론트로 return할려면 에러가 난다 FastAPI에서 numpy.* 데이터 타입을 지원하지 않기 때문에 에러가 난다 문제가 되는 numpy value에서 *.item()으로 python value로 가져와서 저장하고 그러면 정상적으로 return할 수 있다

2023. 1. 21. 19:03

리액트 기본 블로그 만들기 실습으로 마무리

1. 미니 블로그 기획 블로그에 필요한 화면을 리액트 컴포넌트로 만들고, 각 컴포넌트를 연결하여 겉모습이 그럴듯한 블로그 만들기 개발을 시작하기 전에, 기획과 필요한 기능, 전체 디자인에 대해 간단하게 정리 기능이나 디자인이 중간에 변경될 수 있지만, 간단하게라도 정리된 내용이 없다면 중간에 헤매는 경우가 자주 발생 1-1) 필요한 기능 글 목록 보기(리스트 형태) 글 보기 댓글 보기 글 작성 댓글 작성 1-2) 전체 화면 디자인 메인 화면은 글 목록을 보여주고, 글 작성 버튼을 누르면 글을 작성할 수 있는 화면으로 이동해서 글을 작성할 수 있도록 메인 화면에서 글을 클릭하면, 전체 글의 내용과 댓글을 볼 수 있는 형태가 되도록 글 보기 화면 하단에는 댓글을 작성할 수 있는 기능이 들어가도록 2. 프로젝..

2023. 1. 9. 22:56

react 기본 익히기 -JSX에 대하여-

1. JSX A syntax extension to JavaScript "자바스크립트의 확장 문법" 자바스크립트의 문법을 확장시킨 것 JavaScript와 XML/HTML을 합친 것 JSX의 X는 extension의 X로 볼 수도 있지만 실제로는 JavaScript and XML의 앞 글자를 따서 JSX라고 부르는 것 1-1) 예시 다음은 간단한 JSX 코드 대입연산자 =의 오른쪽에 특이하게 HTML코드가 나온다 HTML의 태그를 사용해 Hello, world!라는 문자열을 값으로 갖고 있다 const element = Hello, world!; 결과적으로 자바스크립트 코드와 HTML 코드가 결합되어 있는 JSX 코드가 된다. 이 코드가 하는 역할은 태그로 둘러싸인 문자열을 element라는 변수에 저장..

2023. 1. 9. 22:51

react 기초 익히기 -기본 적용법, create-react-app-

1. 정의 react 공식 웹사이트에서는.. A JavaScript library for building user interfaces "사용자 인터페이스를 만들기 위한 자바스크립트 라이브러리" - 라이브러리 = "자주 사용되는 기능을 정리해 모아 놓은 것" 1-1) 사용자 인터페이스(user interface) UI로 줄여서 부른다 사용자와 컴퓨터 프로그램이 서로 상호작용을 하기 위해 중간에서 서로 간에 입력과 출력을 제어해주는 것 웹사이트에서 버튼, 텍스트 입력창 등이 모두 UI 버튼을 눌러 웹사이트에서 반응을 하고, 웹사이트에서 특정 페이지를 보여주어서 사용자들이 반응을 함 1-2) SPA(single page application) 하나의 페이지만 존재하는 웹사이트, 애플리케이션 수백 개의 웹페이지..

2023. 1. 7. 01:21

tensorflow.js 익히기 -cors error, cdn사용-

1. cors error 이미지 분류기 사용할려고 하는데 에 이미지 경로를 쓰면 cors error가 나더라 로컬에서 CORS policy 관련 에러가 발생하는 이유 (velog.io) 로컬에서 CORS policy 관련 에러가 발생하는 이유 🚀 발단 위와 같은 html 파일을 로컬환경에서 크롬 브라우져로 실행시켰더니 >Access to script at 'file:///C:/경로/js/module.js' from origin 'null' has been blocked by CORS policy: Cr velog.io http-server 설치해서 npx http-server 실행시켜서 http://127.0.0.1:8080 서버에서 파일 실행시키면 cors error없어 2. cdn 사용 html파일에..

2023. 1. 6. 01:45

tensorflow.js 기본개념 익히기 -연산그래프-

1. 연산 그래프 텐서플로우와 같은 최신 프레임워크를 사용하여 머신러닝 모델을 구축할 때 일반적으로 사용하는 구성 요소 보통 최신 프레임워크에서는 데이터를 tensor로 표현 tensor는 임의 차원의 배열을 나타내는 데이터 구조 파이썬의 numpy에서 사용하는, 이미지나 오디오 등 다양한 데이터를 나타낼때 데이터가 구조화 되었는지 여부와 상관없이 ndarray를 주로 사용하는데 이와 비슷하다 tensorflow를 포함한 최신 머신러닝 프레임워크는 머신러닝 모델이라는 것이 곧 tensor의 연산 그래프라는 사실을 보여준다. 연산그래프는 tensor의 조작이나 변환에 사용되는 체인으로 정의 2. 시각화 연산 그래프는 tensorflow를 포함한 최신 머신러닝 프레임워크의 핵심이고, 모든 종류의 수학적 구조..