분류 전체보기

Leetcode를 Github에 자동 업로드하기

7월 목표 중 하나가 바로 꾸준히 기록하기를 실천하고 있는 요즘 작심 5일 성공 중 요새는 티스토리를 열심히 쓰느라 깃허브에 소홀하고 있었습니다 1일 1커밋 하려고 하는데 프로젝트를 진행하고 있는게 없어서 .. 막상 올릴게 없더라고요 (변명 맞음) 그래서 뭘 올릴까 생각하다가 스터디에서 꾸준히 풀고 있는 leetcode를 올려야겠다고 생각했습니다 잔디밭을 메꾸기 위해 매일 풀고 있는 leetcode를 깃허브에 연동할 수 있는 방법이 없을까 살펴보다가 leethub를 이용해서 간단히 연동할 수 있어서 소개해드립니다! 1. 구글 확장프로그램 LeetHub 설치 아래 링크로 들어가서 LeetHub를 설치해주세요 https://chrome.google.com/webstore/detail/leethub/aciom..

[Leetcode][JS] 1630. Arithmetic Subarrays

1630. Arithmetic Subarrays 문제 최소 두 개의 원소로 구성되어있는 경우, 연속적인 두개의 원소의 차이가 동일하면 arithmetic하다고 한다 s[i + 1] - s[i] == s[1] - s[0] 인 경우, artimetic하다 더보기 A sequence of numbers is called arithmetic if it consists of at least two elements, and the difference between every two consecutive elements is the same. More formally, a sequence s is arithmetic if and only if s[i+1] - s[i] == s[1] - s[0] for all vali..

Django Channels로 실시간 알람 기능 만들기 (2)

2022.07.04 - [프로젝트/capstone] - Django Channels로 실시간 알람 기능 만들기 (1) Django Channels로 실시간 알람 기능 만들기 (1) 배경 실시간 아동학대 알림 웹 서비스에서 가장 중요한 부분인 실시간 알림 기능을 구현해야합니다 우선 예상 시나리오를 보면 폭력행위 발생 -> DB에 해당 내용 저장 -> 해당 DB 내용을 클라이언 min-kyung.tistory.com 위 글에서는 websocket을 이용해 Vue.js와 Django를 연결했습니다. DB에 데이터가 저장되면 프론트로 알림 전송하기 오늘 만들 기능은 DB에 데이터가 저장되면 프론트로 알림을 전송하는 기능입니다. 폭력행위가 발생하면 DB에 데이터가 저장되고 해당 데이터가 프론트로 전송되어야합니다...

Django Channels로 실시간 알람 기능 만들기 (1)

배경 실시간 아동학대 알림 웹 서비스에서 가장 중요한 부분인 실시간 알림 기능을 구현해야합니다 우선 예상 시나리오를 보면 폭력행위 발생 -> DB에 해당 내용 저장 -> 해당 DB 내용을 클라이언트에게 전송 DB에 내용이 저장되면 해당 데이터를 바로 프론트로 날려줘야하는 실시간 기능이 필요했습니다 이를 위해 Websocket을 사용하기로 했습니다! 🤷 왜 Websocket? 클라이언트가 DB에 내용이 저장되었다는 것을 알려면 클라이언트와 서버가 양방향 통신을 해야하는건 알겠는데 왜 하필 웹소켓을 사용했을까요? 양방향 통신에는 총 2가지가 있습니다. 1. polling 양방향 통신 중 하나로 n초마다 request를 날려서 response를 전달 받는 방식입니다. 이 방식은 n이 작아질 수록 서버의 부담이..

[Javascript] var, let, const

var , let , const 자바스크립트에서 변수를 선언하는 방법은 총 3가지가 있다. var a = 10; let b = 100; const c = 1000; ES6 이전에는 var를 사용해서 변수를 선언하였다. ES6 이후에 let, const가 도입되었다는 것은 기존의 var에 문제점이 있고 이를 개선하기 위해 새로운 문법이 등장했다고 생각할 수 있다. var의 문제점 1. 중복 선언이 가능하다 중복 선언이란, 동일한 스코프 내에 동일한 식별자가 2개 이상 존재하는 것을 뜻한다. var 키워드로 선언된 변수는 같은 스코프 내에 중복 선언하여도 에러가 발생하지 않는다. var x = 1; var x = 100; console.log(x); // 100 위 코드가 제대로 동작하는 이유 초기화문이 있..

[Javascript] 페이지네이션 구현하기

To do list 페이지네이션 구현 json-server를 활용해서 페이지네이션 구현하겠습니다 json-server: https://github.com/typicode/json-server 페이지네이션을 구현하기 위한 설정값은 총 4개가 필요합니다 currentPage: 현재 페이지 totalCount: 총 데이터의 갯수 pageCount: 화면에 나타날 페이지 갯수 limit: 한 페이지 당 나타낼 데이터의 갯수 따라서 currentPage: 1 totalCount: 53 (totalCount는 임의 설정) pageCount: 5 limit: 5 총 페이지 갯수 계산하기 총 데이터의 개수를 한 페이지당 나타낼 데이터의 개수로 나눠줍니다. 이 때, 올림을 하는 이유는 마지막 페이지에 데이터의 개수가 l..