본문 바로가기

Programming/Web 개발

(14)
WebML #1 TensorFlow.js Server-side / Node.js benefit 1. Use TensorFlow SavedModel without conversion 2. Run larger models than client-side (GPU memory limits) 3. Code in 1 language 4. Performance - C bindings, JIT boost for pre/post-processing Client-side superpowers 1. privacy 2. low latency 3. lower cost 4. interactivity 5. Reach and Scale (GPU support on 84% of devices via WebGL) 3 ways to use 1. Pre-..
Google tts 음원파일 추출(extract voice) 방법 Text to Speech 음원파일을 추출해야 할 일이 있었는데, Google TTS 서비스가 가장 좋은 퀄리티를 제공해주고 있었다. 하지만 음원파일을 제공받기 위해서는 돈을 내고 api를 이용해야 했는데... 옳지 않은 방법이지만 사이트를 해킹하여 들려주는 음원파일을 추출해보았다. 1. https://cloud.google.com/text-to-speech 방문 2. Text-to-Speech 활용에 원하는 영어 문장 채우기. 3. 개발자모드 (F12) 열고 Network 켜기. 4. Speak It 버튼 클릭하기. 5. 목록 중에 유난히 사이즈가 MB단위로 로 큰 아이의 Name을 클릭해준다. 6. Response에 들어가 해당 audioContent에 있는 LINEAR16으로 인코딩되어있는 오디오파..
AWS 01. 계정 생성, 루트(root)와 아이엠(IAM) 유저. 아마존을 사용하다보니 계정 생성부터 정책(Policy)까지 꽤나 복잡해서 정리용으로 작성. AWS 서비스를 이용하기 위해서는 결국 AWS에서 제공하는 API를 사용하게 됨. 이 때 접근을 위해서는 자격 증명(Credential)을 해야 하며, 이를 위해서 Access Key , Secret Key와 같은 것을 제출하게 됨. 이 때, AWS에서는 서비스이용의 보안에 있어서 Shared Responsibility Model(공동 책임)을 강조하는데, 클라우드에 대해서는 AWS가 보안을 책임지지만, 그 위에 올라가는 데이터 및 어플리케이션은 고객이 담당을 해야한다는 것이다. 그러므로 유저는 각 리소스에 접근을 제어하기 IAM(Identity and Access Management)을 활용하여야 하는 것이다. ..
[울산 코로나맵 재오픈] 울산 확진자 동선만! 편하게 확인하세요 안녕하세요, 저는 3월 초에 울산 지역만을 대상으로 코로나맵을 개발했던 팀원입니다. [아래 글 참조] 2020/03/17 - [Programming/Web 개발] - 울산 코로나 맵 이용 가이드 울산 코로나 맵 이용 가이드 저번주에 후배들과 개발했던 울산 코로나맵이 SNS나 뉴스, 신문 등의 매체를 통해 이용자가 확산됨에 따라 유입자가 계속 발생하여 별도로 이렇게 이용가이드를 작성해보려고 합니다. 코로나 맵 kjwan4435.tistory.com 2020/03/13 - [Daily] - 울산 코로나맵 개발 후기 울산 코로나맵 개발 후기 https://coronamap-ulsan.site 울산 지역만을 대상으로 자세한 정보를 제공하기 위한 코로나맵입니다. 표기된 확진자 경로는 방역소독이 완료되었습니다. 소..
MongoDB 유용한 명령어 정리. Mongo DB 설치 링크 https://www.mongodb.com/download-center/community?jmp=homepage Download Center: Community Server Download MongoDB Community Server, the most popular non-relational database built to address the needs of modern applications. www.mongodb.com 서버 실행 및 접속 mongod: mongo DB 서버 실행 mongo: 클라이언트로 서버에 접속 mongo DB 용어 정리 Document: data element {key:value} 쌍 Collections: Document의 집합 Database: ..
[JS] 유용한 JS팁 정리 (toggle / 백틱/arrow 함수/spread) 1. toggle document.querySelector("#ID").classList.toggle("sampleName"); 위의 코드는 ID라는 id를 가진 html의 요소의 class 중에서 "sampleName"이 없다면 추가하고, 있다면 제거하라는 뜻이다. 이는 만약 toggle을 안 쓴다면 직관적으로 다음의 코드와 동치이다. const hasClass = document.querySelector("#ID").classList.contains("sampleName"); if (hasClass){ document.querySelector("#ID").classList.remove("sampleName"); } else { document.querySelector("#ID").classList.a..
[JS ES6] var/ let /const 차이점 ES6로 업데이트 되면서 javascript에서 변수를 선언할 때 let과 const의 사용이 권장된다. 하지만 여전히 많은 튜토리얼 영상이나 강의에서는 var을 가르치고 있는데 이유는 무엇일까? *단순히 그 영상 게시자가 새로운 업데이트를 반영안한 거라고 생각하면 된다. 고민할 것 없이 여러분은 var대신에 let과 const를 사용하면 된다. var의 문제점이라고 하면 중복 선언을 해도 아무 에러가 없다는 점이었는데 이는 개발자들에게 큰 혼란을 야기하기도 했다. 예를 들면 아래의 코드는 아무런 에러 없이 실행된다. var fruit = "apple" console.log(fruit) >>> "apple" var fruit = "banana" console.log(fruit) >>> "banana" f..
Amazon lightsail 을 활용한 Django 장고 프로젝트 배포하기 (1) 이 포스팅은 https://nerogarret.tistory.com/ 의 Amazon EC2를 활용한 장고 프로젝트 배포를 많이 참조하여 작성되었습니다. 이 포스팅 2020년 3월 27일 기준으로 작성되었으며, 이후에는 변동이 있을수도 있음을 알려드립니다. 추가적으로 그냥 한번 웹을 시험삼아 배포해보려는 목적이시라면 https://tutorial.djangogirls.org/ko/ 를 따라 해보시기를 추천드리며 이 포스팅은 실제 장고를 기반으로 완성된 블로그 및 웹서비스를 아마존 라이트세일을 통해 배포하는 것에 초첨을 두고 있음을 알려드립니다. 아마존 라이트세일을 이용하게 된 가장 큰 이유는 1. 블로그와 같이 간단한 서비스를 배포하는 데 모든 조건을 충족하고 있으며, 2. 가격은 EC2에 비해 상대적으..