쬬는 개발중27 [Err] Error message "error:0308010C:digital envelope routines::unsupported" 해결하기 [Err] Error message "error:0308010C:digital envelope routines::unsupported" 해결하기 Error message "error:0308010C:digital envelope routines::unsupported" 라는 에러는 노드 모듈이 적합하지 않아서 (지원되지 않는 기능들이 존재하기 때문에) 뜨는 문제이기 때문에 노드 버전을 낮춰주면 간단하게 해결된다. node 18로 설치되어있는 버전은 16으로 다운그레이드 시켜주니 간단하게 해결되었다. Unix 계열 (Linux, masOS, Git bash) export NODE_OPTIONS=--openssl-legacy-provider Windows set NODE_OPTIONS=--openssl-le.. 2023. 8. 3. open API : MusicList 무료 api , last.fm api 사용하기 open API : MusicList 무료 api , last.fm api 사용하기 last.fm open API 사용하기 https://www.last.fm/api 👉 Get an API account 선택 👉 계정 생성 및 로그인 👉 해당 계정 메일에가면 확인메일을 볼 수 있다! 👉 계정 확인 후, 한번 더 이동 https://www.last.fm/api 동일하게 진행하면 계정을 생성할 수 있어진다! 애플리케이션 이름이랑 설명 등등을 적어넣고 신청 홈페이지는 내가 api를 사용할 부분에 넣어준다! 콜백 URL은 따로 적지 않아도 된다 혹시라도 신청 홈페이지/ 사용할 페이지에 대한 url에 대한 설정에 어려움을 느낀다면 https://velog.io/@whdms3368/React-git-push-%EB.. 2023. 8. 3. Vue : npm run serve 오류 vue-cli-service: command not found Vue : npm run serve 오류 vue-cli-service: command not found git clone을 받고 실행했는데 아래와 같은 오류가 났다. npm run serve sh: vue-cli-service: command not found npm ERR! code ELIFECYCLE npm ERR! syscall spawn npm ERR! file sh npm ERR! errno ENOENT npm ERR! chart@0.1.0 serve: `vue-cli-service serve` npm ERR! spawn ENOENT npm ERR! npm ERR! Failed at the chart@0.1.0 serve script. npm ERR! This is probably not a p.. 2023. 8. 3. [ERR 오류해결] @eslint/eslintrc@1.2.2: The engine "node" is incompatible with this module. Expected version "^12.22.0 || ^14.17.0 || >=16.0.0". Got "14.15.5" 1. 버전오류 발견 전에 없던 오류인데 갑자기 떠서 검색해보니 구선생님도 모른다는 소식에 좌절하고 있었다 ㅠㅠ 심지어 설치파일에는 next 에 당연히 들어있어야하는 pages폴더도 없고.. 아무것도 존재하지 않은 상태..! 분명 버전문제같아 찾아봤는데 도무지 모르겠어서 이것저것 검색하던 중 해결점을 찾았다! Installing devDependencies: - eslint - eslint-config-next yarn add v1.22.18 [1/4] 🔍 Resolving packages... [2/4] 🚚 Fetching packages... error @eslint/eslintrc@1.2.2: The engine "node" is incompatible with this module. Expected.. 2023. 7. 31. [tradingView] 차트 그리기 도구 로컬에 저장해서 불러오기 / save() / load() 이번에 리액트 / 트레이딩뷰를 활용해서 차트 그리기를 시도해봤다. 사실 트레이딩뷰 세팅까지는 원리만 익히면 예제 코드도 많아서 그리는작업는 수월했는데, 차트에 그려진 값들을 로컬에 저장하려고 하니, 문서를 제대로 읽기 힘들어서 계속 실패를 거듭했다. ㅠ_ㅠ onChartReady 안에서 활용하기 우선 트레이딩뷰는 추가 옵션을 입력할때 기본적으로 onChartReady 안에 넣어주어야 정상작동한다. 그래야 차트가 준비가 된 상태에서 다른 정보들을 세팅해줄 수 있다. widget.onChartReady(() => {}) drawing_event 그리고 구독 이벤트(subscribe) 를 활용해서 drawing_event 를 감지해준다. 해당 이벤트를 구독하기 시작하면, 커서가 이벤트를 발생했을때마다 save.. 2023. 7. 24. [chart] trading view 차트 활용하기 / 예제 / next / 권한 trading view 는 가상거래소에서 자주 사용하는 차트이다. 이번에 좋은 기회가 있어서 해당 차트를 사용하게 되었는데, 생각보다 소스가 이리저리 흩어져있어서 한번에 모아서 보고싶어서 정리해보려고 한다. 트레이딩뷰 활용하기 예제 아래 github 에는 각각의 환경에서 설정한 트레이딩뷰의 세팅환경 예시를 볼 수 있다. nextjs, angular, android 등등 각각의 개발 환경에서 세팅된 페이지를 볼 수 있고, 주기적인 업데이트가 이루어지기 때문에 틈틈히 확인하면서 개발하면 매우 도움이 된다. github 에 올려진 그대로 참고해서 만들어도 된다. GitHub - tradingview/charting-library-examples: Examples of Charting Library integr.. 2023. 7. 19. [Mantine] client.js:1 Warning: Each child in a list should have a unique "key" prop Mantine 요즘 자주쓰는 프레임워크 Mantine 을 사용하는 중이다. 해당 프레임워크를 사용하다가 테이블 요소에 기능적인 부분들을 추가해 줄 패키지를 찾았는데 그게 바로 mantine datatable 이였다. 해당 소스는 mantine 기반으로 sort 및 toggle 형식의 여러가지 테이블 기능들을 제공해줘서 아주 유익하게 사용하고 있는 라이브러리 중 하나인데, 작업을 하던 중 이런 에러에 부딧히게 되었다. Mantine DataTable A fully-featured data-table/data-grid React component for building data-rich applications with Mantine UI icflorescu.github.io Mantine You've sub.. 2023. 7. 12. 눈이 즐거운 UI Design 오픈소스 라이브러리 추천 1. Ant Design 깔끔하고 단정한 느낌의 UI Design 프레임워크 워낙 유명해서 대부분의 개발자분들은 알 거라 생각합니다. 최근 1년동안 굉장이 애정했던 디자인 오픈소스로 업데이트도 빠르고, 호환성에서도 우수해서 사용하기 좋습니다. 다만 빌드 시, 너무 무거운게 단점(대부분의 프레임워크가 그렇듯..) vue2는 버전2를 끝으로 지원이 끝났다는것이 단점...(혹시 되나요?) Ant Design - The world's second most popular React UI framework An enterprise-class UI design language and React UI library with a set of high-quality React components, one of best R.. 2023. 6. 24. Uncaught SyntaxError: Unexpected token '<' 해결하기 Uncaught SyntaxError: Unexpected token ' 2023. 6. 24. 요즘 인기있는 npm 패키지/라이브러리를 비교할 수 있는 사이트, npm trends npm trends: Compare NPM package downloads Which NPM package should you use? Compare packages download stats, bundle sizes, github stars and more. Spot trends, pick the winner. npmtrends.com 개발자의 길로 접어들면서 사수에게 가장 많이 들었던 말이, 트렌드를 알아야된다는 말이였다. 개발의 세계는 무궁무진하고 업데이트속도가 빨라서 고작 1년만 지났음에도 불구하고 신기한 라이브러리,,AI 등등 신기술들이 등장하게 된다. 그 몇년의 세월을 견디고도 살아남은 라이브러리나 프레임워크도 많지만, 결국 JQuery 가 옛날 언어가 되어버린 것처럼..(최근 부트캠프 학생들.. 2023. 6. 24. 이전 1 2 3 다음 반응형
