API
-
*배포된 주소 youjunyong.shop/ Color of time 하루의 timeline을 기록합니다. youjunyong.shop *프로젝트 의도 내가 자주 사용하는 어플중에 공부시간을 체크하는 어플이 있다. 하지만 딴짓하며 낭비하는 시간과 공부하는 시간을 비교해보고 싶다는 생각을 했고, web에서 작동한다면, 테블릿 , pc , 스마트폰에서 실시간으로 작동이 가능하다고 생각이 들어 만들어 보았다. 아마 이것을 나의 첫 프로젝트라고 말할 수 있는데, 계획없이 추상적인 생각만 가지고 즉흥적으로 만들다보니, 변수명도 일관되지 않고 말그대로 스파게티 코드가 된것같다. 특히 데이터베이스를 잘 설계하는게 중요하다는 점을 느꼈다. *사용 Chart.js Flask AWS EC2(배포) 가비아(도메인) Mong..
binaryTime (Flask + mongoDB) flask REST API*배포된 주소 youjunyong.shop/ Color of time 하루의 timeline을 기록합니다. youjunyong.shop *프로젝트 의도 내가 자주 사용하는 어플중에 공부시간을 체크하는 어플이 있다. 하지만 딴짓하며 낭비하는 시간과 공부하는 시간을 비교해보고 싶다는 생각을 했고, web에서 작동한다면, 테블릿 , pc , 스마트폰에서 실시간으로 작동이 가능하다고 생각이 들어 만들어 보았다. 아마 이것을 나의 첫 프로젝트라고 말할 수 있는데, 계획없이 추상적인 생각만 가지고 즉흥적으로 만들다보니, 변수명도 일관되지 않고 말그대로 스파게티 코드가 된것같다. 특히 데이터베이스를 잘 설계하는게 중요하다는 점을 느꼈다. *사용 Chart.js Flask AWS EC2(배포) 가비아(도메인) Mong..
2020.07.22 -
*Fetch 란? Ajax를 구현할 수 있는 비교적 최근에 나온 기술. jQuery.ajax()와 다른점은 (1) fetch로부터 반환되는 객체는 HTTP error상태를 reject하지 않는다. (2) 쿠키를 보내거나 받지 않는다는점. 웹페이지 전체를 리로딩(re-loading)하지 않고, 일부분만 다른 데이터로 교체(갱신)하는 기능을 한다. Promise 객체를 반환하는 비동기 통신을 한다. *비동기 처리 : 일반적으로 어떠한 특정 명령어가 있으면, 그것이 완료된 후에 다음 명령어를 수행하지만, 비동기처리는 특정코드를 실행하고, 그 코드가 완료되기 전에 다음코드를 이어서 수행하는것을 말한다. *Promise(프로미스) : 자바스크립트에서 비동기 처리에 활용되는 객체를 말한다. *Fetch 간단한 예제..
Fetch API 의 사용 및 간단한 예제 ( 개념 , 비동기 처리 , ajax )*Fetch 란? Ajax를 구현할 수 있는 비교적 최근에 나온 기술. jQuery.ajax()와 다른점은 (1) fetch로부터 반환되는 객체는 HTTP error상태를 reject하지 않는다. (2) 쿠키를 보내거나 받지 않는다는점. 웹페이지 전체를 리로딩(re-loading)하지 않고, 일부분만 다른 데이터로 교체(갱신)하는 기능을 한다. Promise 객체를 반환하는 비동기 통신을 한다. *비동기 처리 : 일반적으로 어떠한 특정 명령어가 있으면, 그것이 완료된 후에 다음 명령어를 수행하지만, 비동기처리는 특정코드를 실행하고, 그 코드가 완료되기 전에 다음코드를 이어서 수행하는것을 말한다. *Promise(프로미스) : 자바스크립트에서 비동기 처리에 활용되는 객체를 말한다. *Fetch 간단한 예제..
2020.05.03