Scikit Web

mlflow 와 tensorflow 개발 환경을 m1 mac 아나콘다를 이용하여 설정 하는 방법이다 https://www.anaconda.com 사이트에서 m1 패키지 다운로드 후 설치 현재까지 삽질한 결과로는 파이썬 3.9 에서는 현재 방법은 되지 않는다. 시간 더 지나면 문제없이 될것 으로 예상 아나콘다를 설치 했으면 mlflow tensor flow m1 개발을 위한 가상 환경 생성한다 conda create -n [가상환경명] python=3.8 생성한 가상환경으로 활성화 한다 conda activate [가상환경명] tensorflow 관련 라이브러리를 설치한다 conda install -c apple tensorflow-deps pip install tensorflow-macos MLFlow ..

fetch 문 자체를 배열에 넣고 Promise all을 이용하여 한번에 실행 시키는 방법입니다. response.json() 데이터를 맵에 넣고 response.json 데이터를 넣은 맵을 await 로 한번더 해야 정상적으로 원하는 데이터를 얻을 수 있습니다. async () => { let requestFetchAll = [] as any; requestFetchAll.push( fetch('https://google.com', { method: 'POST', headers: { 'Content-Type': 'application/json', }, body: JSON.stringify({ test: 'test' }), }), ); const preRequesetFetchAll = await Prom..

Express + NextJS + Typescript 의 조합을 사용하는 이유는 무엇일까?.. 개인적인 결론은 NextJS안에서 Request 와 Response 의 자유로운 설정이 아닐까 싶다 마치 스프링 부트 처럼 요즘은 대부분 Backend Frontend 가 구분되어 있어 하나의 프로젝트에서 개발하는 경우가 매우 드물지만.. 하나의 소스코드에서 Backend Frontend 를 개발해야 한다면 아래와 같이 설정하여 사용하면 된다. 기본적으로 next app을 typescript 버전으로 생성한다 yarn create next-app --typescript Express 를 설치한다 yarn add express yarn add @types/express 서버 실행파일을 생성한다 inext.ts i..

import { useRouter } from "next/router"; type ObjType = { [key: string]: string; }; const LANGUAGES_KO: ObjType = { hello: "안녕하세요", }; const LANGUAGES_EN: ObjType = { hello: "Hello", }; const Translate = () => { const router = useRouter(); return (text: string) => { let getText = text; if (router.locale?.toLocaleLowerCase() === "ko") { getText = LANGUAGES_KO[text]; } else if (router.locale?.toLo..

https://mattboldt.github.io/typed.js/ Typed.js - Type your heart out mattboldt.github.io html5의 data 속성을 사용하여 설정해 놓은 문장을 자동으로 쓰고 지우는 라이브러리인 Typedjs를 사용한 예제입니다. Typedjs에서 사용가능한 애니메이션 효과는 공식 깃허브에서 확인해보실 수 있습니다. HTML 삽입 미리보기할 수 없는 소스

https://ko.reactjs.org/docs/hooks-custom.html 자신만의 Hook 만들기 – React A JavaScript library for building user interfaces ko.reactjs.org 위의 예제를 바탕으로 실제로 사용하는 예제를 만들어 보았다 useCustomHook.tsx 파일을 생성한다, 여러개의 리턴을 주고 싶다면 {} 안에 선언해주면 된다 import { useCallback, useEffect, useState } from 'react'; const useCustomHook = () => { const [isOnline, setIsOnline] = useState(null); const onCallBack = useCallback(); ret..

데이터를 받는 쪽 Parent(부모)에서는 Child(자식)쪽에서 부터 보내지는 데이터를 받기 위해 이벤트 리스너를 등록해 놓고 있어야 한다 window.addEventListener('message', function (event) { console.log(event.data); }); 데이터를 보내는 쪽 Child(자식)에서는 window.parent.postMessage('Hello pop up post message', '*'); 개발을 하다보면 팝업을 띄워놓고 다른 사이트로 이동했다가 되돌아오거나 팝업을 띄운 사이트의 다른 페이지로 이동시키는 경우가 있는데 그 경우에는 window.opener 를 사용하면 된다 window.opener.parent.postMessage("Hello post me..

html5 글자 효과 라이브러리 중 lettering js 사용 예제 이다. Text를 span 단위로 글자를 나눠주는 게 특징이다. 그래서 소스코드를 보면 html5 영역에는 span이 없지만 class에 등록해 놓은 span class의 영향을 받는 것을 확인할 수 있다. HTML 삽입 미리보기할 수 없는 소스