또치의 삽질 보관함 또치의 삽질 보관함

react

• [Javascript] React 웹 앱 Firebase에 호스팅하기

  Javascript & TypeScript 2021. 2. 4. 23:17

  firebase + React를 이용해 스트리밍 음악 웹앱 개발 가능여부를 체크하기위한 프로젝트가 어느덧 막바지 단계에 들어왔다. 이전 포스트를 통해 진행했던 React 테스트 웹 페이지를 firebase에 호스팅 해 볼 차례이다. 지난시간 글은 아래 링크로 확인가능하다. https://ddochea.tistory.com/87 [javascript] blob으로 저장된 미디어파일 재생처리 지난 시간에 firebase storage에 저장된 음악파일을 blob 형식으로 받아 indexdDB에 저장하는 기능을 구현했었다. 해당내용은 아래 포스트를 통해 확인할 수 있다. https://ddochea.tistory.com/86 [javascript].. ddochea.tistory.com 이번시간엔 호스팅을 통..

  Read More
• [VueJS] Gridsome을 이용한 정적페이지 생성

  Javascript & TypeScript 2020. 8. 16. 18:26

  Gridsome(길그리섬이 아니다.)은 VueJS 기반의 정적페이지 생성 도구이다. React의 Gatsby와 유사한 점이 많지만 gatsby와 달리 언급은 적은편이다. Vue 개발 커뮤니티에서 만든 vuepress도 존재하지만 문서작성에 최적화된 생성도구이다 보니 블로그 쪽은 그닥 이쁘지 않다. 반면 Gridsome은 Getsby처럼 Starter와 Plugin의 조합으로 여러 유형의 사이트 제작에 도움을 준다. Gridsome을 Cli 툴이다. 따라서 npm이나 yarn으로 grobal 설치를 해야한다. npm install --global @gridsome/cli 설치후엔 아래와 같은 명령어로 프로젝트를 생성할 수 있다. gridsome create {생성할 프로젝트명} 생성한 프로젝트 디렉토리로 ..

  Read More
• [VSCode] .NET Core 에서 SPA(React/Angular) 개발시 Server와 Client 양쪽 디버깅하기

  ETC 2020. 1. 5. 23:58

  .NET Core로 리액트기반 SPA(Single Page Application)를 개발해보고자 dotnet 명령어로 react 프로젝트를 생성하였다.생성 후 VS Code로 연 뒤, 아무 .cs 파일이나 열어주고 디버깅하면 알아서 디버그 관련 파일(launch.json, tasks.json)이 자동생성되니 서버 사이드 쪽 디버깅은 쉬웠다. 문제는 클라이언트 부분이었다. 별의별 방법으로 검색하던 중 Github에서 근접한 해결방법을 찾게 되었다. https://github.com/wavejs/javascript-style-guide/wiki/VSCode%EC%97%90%EC%84%9C-React-app-%EB%94%94%EB%B2%84%EA%B9%85%ED%95%98%EA%B8%B0 wavejs/java..

  Read More