• 개요
  • 포스트
  • 시리즈
  • 소개

라이브러리 없이 Global State 사용하기

Global State 사용자가 로그인이 되었는지 확인하는 상태를 공유할 필요가 있었는데 늘 그렇듯이 props로 전달하려 하였으나 사용중인 Next 상에서 가장 먼저 호출되는 _app.js에선 state를 사용할 수 없었기에(?) 새로운 방법을 찾아야 했다. 진짜 간단한 방법은 쿠키를 사용하는 것이었다. 로그인하면 쿠키에 사용자 이름이라도 새겨놓는 방식이다. 하지만 쿠키는 사용자가 개발자 콘솔로도 생성할 수 있으므로 …

2020년 9월 10일 · 9 min read

오늘 알게된 내용 (React, Django)

요즘은 현재 이 사이트를 SPA로 변경하는 것에 온 신경을 집중하고 있다. 바꾸는 가장 큰 이유는 백엔드를 다른 언어로 전환하고 싶었는데 프론트가 장고에 너무 의존적이라 먼저 프론트엔드를 분리하고자 하였다. SPA를 이렇게 큰 규모로(?) 만져보는 건 처음이라 React를 이렇게 쓰는게 맞는건가 싶기도하고, 백엔드와 관련된 작업을 진행하면서 막히는 부분이 많아 장고에 너무 의존하고 …

2020년 9월 8일 · 4 min read

파이썬으로 비동기 프로그래밍

파이썬으로 비동기 프로그래밍

이 글은 sleep(1)에 관한 의문으로 시작되었다. "sleep(1)은 왜 비효율적이라고 할까?" "setTimeout(1000)과 sleep(1)은 근본적으로 어떤 차이가 있는 걸까?" 위 의문이 단지 동기와 비동기라는 것의 차이라면 정확히 비동기라는 녀석이 어떻게 생겨먹고 굴러가고 있는지 궁금했다. 공부를 지속하고 있지만 아직까지 정확히 '비동기를 이해하고 있다'고 생각하진 않는다. 되려 혼란스러운 상태다. JavaScript 우리는 자바스크립트를 비동기 언어라고 …

2020년 8월 23일 · 13 min read

파이썬 구글 시트 DB처럼 사용하기

파이썬 구글 시트 DB처럼 사용하기

필자가 제작중인 노션 도우미에는 익명 댓글 시스템이 존재한다. 이 데이터들을 최대한 안전하고 간편하게 보관할 수 있는 방법을 모색하고 있었다. 깃헙에 올릴까? S3를 사용할까? 노션 자체에 이 기록을 올리게 할 순 없을까? 등등을 고민하다가 각 방법들이 완벽한 해결방법은 아니어서 적용하긴 어려움이 있었다. 어느날 어떤 프로그램(오렌지3)에서 구글 스프레드시트를 읽어오는 것을 봤는데 설마 …

2020년 8월 21일 · 4 min read

예쁘고 아름다운 리눅스를 찾아서

대학생 시절에는 한동안 리눅스에 폭 빠지게 되었다. 그 계기는 단지 리눅스의 사상에 반해서 좋아했던 거였지만 다양한 배포판과 윈도우에선 느낄 수 없는 자유로움이! 마치 고등학생 시절 안드로이드 폰을 루팅하며 신세계를 만나던 느낌이었다. 여하지간 가장 예쁘고 아름다운 리눅스, 가장 빠르고 가벼운 리눅스 그리고 또 생각난다면 차차 '리눅스를 찾아서' 시리즈를 완성해보고자 한다. 가장 …

2020년 8월 8일 · 4 min read

Nginx 주로 사용하는 기능들 정리

Nginx Nginx는 C언어와 유사한 문법을 통해 웹서버를 유연하게 다룰 수 있다. 필자는 Nginx에 대해 완벽하게 문법을 이해하고 있는 상태는 아니지만, 몇몇의 자주 사용하게 되는 기능들을 정리해 놓고자 한다. 필자가 주로 사용하는 기능이라는 의미이며 Nginx를 처음 다루는 사용자가 보면 도움이 되지 않을까 싶다. 별도의 server 구문이 적혀져 있지 않다면 server 구문 …

2020년 7월 27일 · 8 min read

검색

사실 짱짱 잘만들어진 구글 검색 쓰면되는데 다크모드 때문에 자체 검색으로 바꿔야만 했다. 지금은 '검색이 된다' 수준에 불과하다. 그래서 상단에 구글에서 결과를 얻을 수 있도록 링크를 배치해뒀다. (든든) 여하지간 개선할 점이 상당한데 하지만 언제나 그렇듯 문제는 내 코딩 능력이다. 호호호... 일단 내가 생각한 개선해야 할 점은 이렇다. 1. 'django'를 검색했을 때 …

2020년 7월 7일 · 2 min read

블로그는 어떻게 만들까?

블로그는 어떻게 만들까?

얼마전 위와 같은 메일을 한 통 받았다. 아마 신입 개발자 포트폴리오 준비하기 글을 보시고 연락을 하신거라 생각된다. 그래서 내가 아는 한도 내에서 설명을 드렸는데 내용을 좀 더 가다듬고 상세하게 작성하여 약소하게나마 비슷한 궁금증을 가진 사람들에게 도움이 될 수 있으면 한다. 글을 읽기 전에 첨언하자면 내가 블로그를 하면서 깨달은 건 다수의 …

2020년 6월 21일 · 14 min read

TypeScript로 개발하는 Express

얼마전 장고에서 typescript를 사용하기 시작했는데 상당히 맘에드는 친구라서 본격적으로 typescript를 활용하고 싶어졌다. 일단 가장 만만한 express의 개발 환경을 ts로 구축해보면 다른 것도 대강은 구축이 수월할 것이라 생각된다. 패키지 설치 npm install -g typescript npm init -y npm install --save express npm install --save-dev @types/node @types/express @types가 붙은 패키지는 /뒤에 나열된 …

2020년 6월 18일 · 3 min read

장고에 TypeScript와 SCSS 도입하기

장고에 TypeScript와 SCSS 도입하기

결론부터 말하면 스태틱 파일이 포함된 디렉터리를 순회하며 자동으로 ts는 js로 scss는 css로 트랜스파일을 해주는 코드를 작성하였다. 왜 도입하게 되었나 블렉스에서 프론트엔드 기술은 순도 100% JS와 CSS다. JS의 경우 최대한 하위호환을 유지하기 위해서 ES5 문법으로 코딩하고 있었는데 최근에서야 백틱이 ES6에 추가된 문법이라는 것을 알게 되었다. 🤔 var number = 5; var …

2020년 6월 9일 · 8 min read