yuyudev yuyudev

window.navigator.language는 웹브라우저상의 언어가 나오는 반면, safari에서는 다음과 같이 나온다. 아무래도 macOS언어 설정을 영어로 해놓아서 이렇게 나오는 것 같다. 흥미롭다!

1. react-cookie란? react cookie는 react에서 쿠키를 설정하고 가져올 수 있게 하는 라이브러리이다. https://www.npmjs.com/package/react-cookie 2. 설치 npm i react-cookie 3. 사용하기 먼저 _app.tsx나 상위파일에다가 provider을 설정해준다. import { CookiesProvider } from 'react-cookie'; function MyApp({ Component, pageProps }: AppProps) { return( ) } 두가지 방법으로 사용할 수 있다. const cookies = new Cookies(); const setCookie = ()=>{ cookies.set("videoCookie", ..

요즘 프론트엔드에서 뜨고 있는 svelt 굉장히 프로덕트를 만드는데 드는 시간이 짧다고 한다. npm create svelte@latest myapp node scripts/setupTypeScript.js 다음과 같이 나온다. npm i @types/svelt incrementCount()}> Clicked {count} {count === 0? 'time':'times'} {count} doubled is {doubled}

1. 하위 주소 만들기 AWS Route53에 가서 하위 주소를 만들고, A로 설정해 놓은 다음 아무 인스턴스 주소를 입력한다. 예)3.111.111.111 여기서 중요한 것은 열리는 주소를 입력해야 한다는 것이다. 방화벽 문제가 있거나 문제가 있다면 나중에 인증서를 받을 수 없다. 2. ACM에서 인증서 받기 이 경우는 2가지가 필요하다. '주소'와 ' '인증서'이다. 먼저 만든 하위 주소를 통해서 ACM(Amazon Certificate Manager)을 받아보자. '요청하기'를 눌러서 주소를 입력하면 다음과 같이 나온다. 이 상태에서 파란 글자의 인증서 ID를 누르면 다음과 같이 나온다. 여기서 'Route 53에서 레코드 생성'을 누른다. 그럼 아래와 같으 화면이 나오는데 1번에서 만들었던 주소가..

회사 홈페이지에서 모바일 페이지를 따로 만들고, pc용 페이지를 따로 만들었다. 그래서 이걸 적용을 어떻게 할까 했는데 생각보다 간단했다. react-device-detect 라이브러리를 사용하면 간단했다. ... import { isMobile } from 'react-device-detect'; ... useEffect(()=>{ if(isMobile) { window.location.replace(`${process.env.NEXT_PUBLIC_MOBILE_URI}`) } }) .. 이렇게하면 내가 원하는 페이지로 자동으로 이동이 된다.

typescript의 장점은 타입 오류나 에러를 미리 잡아낼 수 있다는 것이다. 그런데 여기서 우리가 주의해야 할 점이 typescript언어로 곧장 실행되는 것이 아닌 tsc(타입스크립트 컴파일러)를 통하여서 타입스크립트로 이루어진 파일을 javascript로 변환하여서 실행해준다는 것이다.ㅣ 굳이 왜 그렇게 쓰냐?하면 자바스크립트에는 다른 언어에는 없는 자유도가 너무 엄청나서 막상 실행시켜봐야지만 에러가 뜨는 경우가 많기 때문이다. 타입스크립트를 사용하면 미리 굳이 실행시켜보지 않아도 타입을 정해놓기 때문에 타입으로 인한 에러의 가능성을 알 수 있기 때문에 유용하게 사용이 된다. 설치하기 npm i express npm i -D typescript @types/express @types/nodenpx..

canvas 설치하려는데 이러한 오류가 났다. npm ERR! code 1 npm ERR! path /Users/yuyu/workspace/hashlips/hashlips\_art\_engine/node\_modules/canvas npm ERR! command failed npm ERR! command sh -c node-pre-gyp install --fallback-to-build --update-binary npm ERR! Failed to execute '/usr/local/bin/node /usr/local/lib/node\_modules/npm/node\_modules/node-gyp/bin/node-gyp.js configure --fallback-to-build --update-binar..

설치하기 npm i -g @nestjs/cli nest new [project-name]위의 project-name에는 프로젝트 이름을 입력해준다. 실행하기 개발모드 npm run start:dev 프로덕트 모드 npm run start