57개의 포스트

페이지네이션, 커서 기반? 페이지 기반?
feat. 트위터

이 글은 Velog 에서도 보실 수 있습니다. 들어가며 페이지네이션(Pagination) 이란 한정된 네트워크 자원을 효율적으로 활용하기 위해 쿼리의 결과값으로 리턴된 리소스를 `분할하여 전달`하는 것을 의미한다.즉, 데이터베이스에 만 개의 투두(todo) 아이템이 있을 때, 한 번에 만 개를 돌려주는 대신 0번부터 49...

VSCODE TIP) 터미널 안에서 마우스 커서 움직이기
vscode tip

만약 Mac OS를 사용 중이라면 Vscode의 터미널을 사용하면서 한 번쯤 이런 생각을 했을 수 있다. 아.. 왜 터미널 안에서 클릭을 하면 커서가 움직이지 않을까.. 나 또한 방향키로만 움직이면서 버텨왔다. 그러나 꿀팁을 알게 되었으니 Option키를 누르면서 좌클릭을 하면 커서가 십자표시가 되면서 커서를 터미널 안에...

AWS를 위한 네트워크 용어 정리
CIDR와 서브넷

들어가며 AWS를 사용하다보면 수많은 기본 용어를 이해해야한다. 그 중에서도 처음 AWS를 이용하는 사람에게 가장 부담스러운 것은 네트워크 관련 용어가 아닐까한다. 어디선가 들어는 봤지만 그 용어가 실제로 무엇을 의미하는지 모르기 때문에 잘은 모르지만 어떻게(?) 따라하다보니 작동하는 경우도 많다. 문제는 언제 어디서 오...

Flask + SQLAlchemy on Serverless framework
Flask + SQLAlchemy로 간단한 서버 띄우기

이번에 파이썬으로 간단하게 서버를 띄울 일이 생겨서 Serverless framework를 사용해서 한 번 세팅을 해봤는데요, 정말 간단하게 서버를 시작할 수 있습니다. 저도 Flask를 사용한 것은 이번이 처음이었지만 1시간 안에 세팅을 끝마칠 수 있었습니다. 람다를 직접 설정하는 것보다 훨씬 수고를 덜 수 있기 때문에...

직접 설정해보는 Webpack4 / Babel7
node.js 애플리케이션 개발환경 설정하기

Intro 이 글은 Babel7 과 Webpack4를 이용해서 간단한 개발 환경을 설정하는 방법을 다룹니다. 개별적인 주제에 대한 설명보다는 최대한 코드 위주로 진행할 생각입니다. 그렇기 때문에 개별 주제에 관심이 있으시다면 중간 중간에 나오는 링크의 글을 먼저 읽어주세요. 아래 튜토리얼의 코드는 https://githu...

(번역)(Fullstack React) What are babel "plugins" and "presets"? (And how to use th...

한 달전쯤에 Fullstack React 커뮤니티에 번역 가능여부를 물어봤는데, 어제 답장이 와서 부랴부랴 작업을 했습니다. 아래에서 소개하는 내용은 약간 시간이 경과되어 잘 맞지 않는 내용도 있습니다. ex) babel-presets-es2015는 babel-presets-env로 교체되었습니다. 이런 점 감안하고 봐주...

프로젝트 완성 후기
올유머 프로젝트

개발을 배운 지 1년 2개월 가량이 지나 드디어 첫 결실을 맺게 되었다. 그 동안 사이먼 게임 앱, 위키피디아 검색 앱 등 몇 가지 앱을 만든 적은 있지만 이 정도로 본격적인 사이즈로 만들어본 경험은 처음이다. 기분이 홀가분하기도 하고 더 나은 앱을 만들기 위해 노력해야 되겠다는 생각도 든다. 중간중간 지저분하게 쓴 코드...

새로운 알림이 없습니다.