madori4 madori4

회사에서 업무 중 stt 기술 적용 시켜야 할 일이 있었다. 텍스트 뿐 아니라 타임스탬프까지 기록하고 싶었는데, google cloud platform에서 지원하고 있었고, 이를 적용시키는 와중 동영상에서 raw 음원 파일 추출해주는 라이브러리가 있어 소개 ​ 내가 해결해야 하는 이슈는 ​ - 동영상(.mp4) 파일에서 음원파일을 추출해야 하는 것 (google에서는 wav, flac 등 음원파일만을 파라미터로 허용) ​ 이었고, 이를 JAVE 라이브러리를 통해 해결했다. ​ 자바 버전 1.7에서 동작 확인 ​ http://www.sauronsoftware.it/projects/jave/ 홈페이지 접속해서 바이너리 파일 받으면, jar 파일이 있다. 이를 외부 라이브러리로 등록하면 it.sauronsof..

데이터베이스를 따로 두지 않고 서버에 직접 두고 제어하는 방법이 있다. 이를 메모리 DB라 칭한다. 속도가 빠르지만 서버가 꺼지면 데이터도 모두 초기화된다. 따라서 DB만 관리하는 서버와 백업 서버를 두어 정규 시스템 서버에 장애가 발생해(죽는 경우) 이용할 수 없을 경우 대체 시스템을 작동시키는 Failover 방식을 사용한다. 전역변수로 배열 객체 items를 생성한다. 글 제목과 내용 가지고 있는 배열 생성 ES6 문법 사용. var 대신 const와 let을 사용한다. ES6부터 객체는 상수(const) 키워드를, 미들웨어 내부 변수에 let 키워드를 사용한다. 기존 자바스크립트가 가지고 있는 문제점 해결된다(Scope 이해가 필요) 처음 메모 목록 페이지. items 초기 생성한 2개만 존재한다..

노드js도 스프링과 마찬가지로 여러가지 내외부 모듈을 사용할 수 있다. 이러한 모듈들의 집합을 NPM(Node Package Manager)라 한다. 스프링에서 Maven과 비슷한 역할을 하는 녀석이라고 이해하면 될 것 같다. 또한 노드js의 개발을 편하게 제공하는 프레임워크로 Express가 있다. Node js만으로 웹 개발을 하기는 굉장히 어려워 Express를 사용해야만 개발이 가능하다고 보면 된다. 메이븐에서 pom.xml에 Dependencies를 등록해 사용했듯이 Node.js에서는 package.json 파일에 설정하고 등록한다. Scriptlet을 사용할 수 있도록 돕는 ejs를 등록하는 과정 포스팅 새 프로젝트 생성위 Terminal 클릭해 npm 초기화 진행한다. 명령어는 npm in..

컴파일 언어, 인터프리터 언어 차이점 : 컴파일 언어는 타입을 가지고 있다. 인터프리트 언어의 경우 개발할 때 타입체킹(Type Checking) 없기 때문에 코드 작성 후 에러나면 디버깅이 굉장히 어렵다. SPA의 경우 한 페이지에서 서비스를 수행한다. 따라서 코드 작성 후 루틴 중 에러가 난다면 처음부터 다시 해야 하는 경우가 빈번하다. 따라서 코드 작성시 에러를 줄이도록 하는 노력이 필요했고, 이를 충족시키기 위한 언어가 타입스크립트(TypeScript)이다. 자바스크립트를 발전시킨 언어로 자바스크립트에서 타입을 구분할 수 있도록 되었다는 점이 가장 큰 차이점중 하나다. 코드 작성시 에러를 파악하고 디버깅이 용이하다는 점이 자바스크립트와 비교할 때 두드러지는 강점이다. 자바스크립트에서 파생된 언어이..

지금까지 프로그램은 서버에서 요청 후 결과 페이지까지 지정해줬다. 하지만 AJAX 요청을 이용해 요청의 결과에 따른 페이지 제어를 클라이언트에서도 할 수 있다. 이때 location.href를 사용한다. $("#deleteBtn").click(function(){ $.ajax({ url: '/memo/', method: "DELETE", }).done(function(response){ location.href = "/"; }); }); deleteBtn 을 id로 가지고 있는 태그 클릭시 .ajax 명령어 통해 요청을 보낸다. method를 DELETE로 정하면 Express에서는 delete에 해당하는 메소드 중 일치하는 url 패턴을 찾아 수행한다. 중요한건 done 메소드의 위치. ajax 메소드..

Express에서 jQuery 사용할 수 있는 방법은 두가지이다 1) Static 폴더에 jquery 넣고 사용한다. 스프링과 같은 방법으로 static 등 폴더에 넣고 경로 지정해 사용한다. 2) npm으로 설치한다. 따로 jQuery 파일 가지고 있을 필요 없이 명령어만으로 설치 가능해 편리한 장점이 있다.npm 명령어 통해 jquery 설치 path 모듈 추가해 static 경로 지정할 때 추가한다. path 모듈의 join 메소드를 사용해야 하기 때문.node_modules 폴더에 모듈들이 설치되어 있음 확인할 수 있다.다음과 같이 경로 지정해주면jQuery 사용할 수 있다.

* 예제는 하나의 프로젝트에 내용을 추가하는 방식으로 진행되고 있습니다. MEAN STACK - express 카테고리의 이전 글들을 참고하면 이해에 무리가 없을 것입니다. Express 세션(session) 사용 방법 외부 모듈이므로 터미널에서 설치한다. 명령어 : npm install --save express-session세션 모듈 가져와 등록어플리케이션 파일에 페이지 라우팅 처리readFile 메소드의 경로에 맞도록 html 파일 생성 후 코드 작성login url로 가 로그인. 아이디, 비밀번호는 따로 조건 없기 때문에 모든 값 입력 가능. 인덱스 페이지로 이동하면 정상 동작한 것이다. 이후 다른 탭 열어 같은 url 요청 수행하면이미 로그인되었다는 콘솔 메시지가 출력되며 로그인페이지로 이동을 ..

html 문서의 값을 받아오기 위해 서블릿과 스프링에서 getParameter, 커맨드 객체등을 사용했다. Express에서는 바디 파서를 통해 html 문서의 name 속성 값들을 읽어 올 수 있다. 외부 묘듈이므로 npm 설치가 필요하다. npm install --save body-parser 터미널에 입력해 모듈 설치모듈 등록 후 get, post에 대한 처리 코드 작성 request.body.subject와 같은 형태로 값을 가져올 수 있다. 요청정보변수.바디파서변수.name속성명; 과 같은 방식으로 접근 가능하다는 말이다.readFile의 경로에 맞춰 write.html 파일 작성. name 속성 값을 잘 맞춰준다.결과가 잘 나온다.