매일 조금씩

기술 스택 : Kafka, Spring, JPA, QueryDSL, Mysql, NodeJS, AWS EC2 jpa buddy조회 속도를 위해 fk를 반드시 필요한 곳에만 최소화함.

https://www.youtube.com/watch?v=a6iqsz7qMsc

HTML 태그 사용! 태그의 http-equiv 속성은 content 속성에 명시된 값에 대한 HTTP 헤더를 제공한다. http-equiv 속성은 HTTP 응답 헤더를 시뮬레이션할 때 사용할 수 있다. 만약 http-equiv 속성이 명시되어 있다면, 반드시 content 속성도 함께 명시되어야만 한다. 속성 값 설명 content-type 해당 문서의 문자 인코딩 방식을 명시함. ex) default-type 우선적으로 적용할 스타일시트를 명시함. content 속성값은 동일한 문서에 존재하는 link 요소의 title 속성값과 일치하거나, 동일한 문서에 존재하는 style 요소의 title 속성값과 일치해야만 합니다. ex) refresh 해당 문서를 새로고침(refresh)할 시간 간격을 명시함...

스크롤을 계속 내려도 상단에 고정되어 있는 navbar를 만들어 보자. 사실 아주 간단 하게 navbar-fixed-top만 추가하면 된다. header.html을 따로 두었고 nav의 class에 다음과 같이 navbar-fixed-top를 추가 했다. 이런 메뉴가 상단에 만들어진다. 까맣고 투명하게 만들었다. navbar를 쓰려면 html파일의 맨위에 다음과 코드만 추가하면 된다. ng-include로 header.html을 호출하고 있다. 테스트를 해보기 위해 스크롤이 필요한 페이지를 들어가본다. 다음은 Intro 페이지이다. 잘되는 것을 확인 가능!

fitbit 서버가 websocket을 사용하기 위해선 websocket서버가 필요하다. websocket서버는 Nodejs로 개발하였다. 원래라면 fitbit 서버에서 데이터를 websocket서버로 보내야 하는것이 맞지만 지금은 테스트이므로 예제를 활용하여 websocket서버에서 fitbit서버로 보내는 것을 테스트 중이다. ws.html를 열어 콘솔창으로 연결이 됐는지 확인이 가능하다. 다음은 server.js 파일이다. Express라는 Nodejs의 프레임 워크를 사용한 것을 확인 가능하다. http만을 사용하여 서버를 구성할 때는 많은 것들을 직접 만들어야 하기 때문에 시간과 노력이 많이 든다. 이를 보완가능한것이 바로 Express라는 모듈이다. Express에 관한 더 많은 것은 따로 포..

웹 또는 앱을 처음 실행 시켰을 때 나오는 로딩 페이지를 다음페이지로 넘어가는것을 특정시간 delay시켜 원하는 로딩 페이지를 띄우도록 구현했다. 위와 같이 chachacha폴더의 chachacha-master라는 프로젝트는bars, maps,users의 총 3개의 앱을 가진다. 그중 users 앱의 templates 폴더에 loading.html을 만든다. 앱을 열었을 때 3초 정도 delay를 주기 위해 setTimeout()을 사용한다.{% load staticfiles %} if (window.location == 'http://127.0.0.1:8000/users/loading' ) { window.location.href='http://127.0.0.1:8000/users';}}, 30000)..