파이썬 구글 시트 DB처럼 사용하기2020. 08. 21.4분노션 도우미에서 익명 댓글 시스템을 구현하기 위해 구글 스프레드시트 API를 활용해 데이터를 안전하고 간편하게 보관하는 방법을 모색하고, gspread 라이브러리를 사용하여 원하는 키가 있는 행의 데이터를 가져오고, 새로운 행을 만드는 방법을 설명한다.
예쁘고 아름다운 리눅스를 찾아서2020. 08. 08.4분리눅스 중에서도 가장 아름다운 배포판을 찾아보았다. Elementary OS와 Deepin 중에서 선택할 수 있는데, Deepin은 아름다운 UI와 블러처리 된 레이아웃이 특징이다. 하지만 중국에서 만들어졌다는 점과 패키지 다운로드 속도가 느리다는 단점이 있다. Elementry OS는 Mac과 유사한 디자인이나 설정이 까다롭고 최신 버전에서는 감동이 없다는 평가를 받고 있다. 두 가지를 섞어서 사용할 수 있으며, Deepin을 위에 설치하면서 Elementry OS의 문제들을 완전히 해결할 수 있다.
Nginx 주로 사용하는 기능들 정리2020. 07. 27.8분Nginx는 유연하게 웹서버를 다룰 수 있는 C언어와 유사한 문법을 제공합니다. 이에 대해 몇 가지 자주 사용하는 기능에 대해 정리된 글입니다. 예를 들어, 도메인 리디렉션, 특정 URL 리디렉션, HTTPS 리디렉션, 커스텀 에러 페이지, 스태틱 파일 캐시, 핫링크 차단, CORS, 프록시 패스, 프록시 캐시 등이 소개되어 있습니다.
블로그는 어떻게 만들까?2020. 06. 21.12분이 글은 블로그를 만들기 위해 필요한 프론트엔드와 백엔드 기술에 대해 설명하고 있다. HTML, CSS, JavaScript는 프론트엔드에서 사용되는 기술이며, LAMP 스택이나 리눅스, Nginx, PostgreSQL 등은 백엔드에서 사용되는 기술이다. 이외에도 서버 사이드 언어 등 다양한 기술을 사용할 수 있으며, 언어 및 프레임워크 선택은 개발자나 서비스의 목적에 따라 다를 수 있다.
TypeScript로 개발하는 Express2020. 06. 18.3분얼마전 장고에서 typescript를 사용하기 시작했는데 상당히 맘에드는 친구라서 본격적으로 typescript를 활용하고 싶어졌다. 일단 가장 만만한 express의 개발 환경을 ts로 구축해보면 다른 것도 대강은 구축이 수월할 것이라 생각된다. 패키지 설치 npm install -g typescript npm init -y npm install --save express npm install --save-dev @types/node @types/express @types가 붙은 패키지는 /뒤에 나열된 …
장고에 TypeScript와 SCSS 도입하기2020. 06. 09.8분프론트엔드 개발에서 ES6 문법과 TypeScript, SCSS를 도입하면서 코드의 가독성과 유지보수성이 높아졌다. 이를 위해 Node.js를 사용하여 자동으로 트랜스파일링하는 코드를 작성하였다. Python으로도 시도하였지만 Node.js가 더 효율적이었다.
파워쉘에서 C언어 컴파일2020. 06. 02.2분우선 윈도우에서 터미널을 활용하여 컴파일을 진행하기 위해선 Visual Studio의 설치가 선행되어야 한다. 이 글은 Visual Studio 2019를 기준으로 작성된다. 우선 Visual Studio를 설치하면 VS 명령 프롬프트가 함께 설치되는데 해당 프롬프트가 존재함에도 굳이 파워쉘을 사용하려는 이유는 VS 명령 프롬프트의 실행 속도(동작 가능한 상태가 되기까지의 시간)가 매우 느리기 때문이었다. 또한 Powershell을 주로 …
이번주에 본 개발관련 자료들 #32020. 05. 24.3분BLOG 디시인사이드의 문제점 # 요즘 밸로그에 인기있는 블로거다. 작성한 대부분의 글들이 밸로그 트랜드에 줄서있다. 욕설이 다수 포함되어 있지만 솔직하고 공감이 느껴지는 매력적인 글을 쓰시는 것 같다. 여하지간 그런 분께서 한국의 대형 커뮤니티 사이트인 디시인사이드의 문제점이라는 주제로 글을 쓰셨는데 대부분은 이미지와 관련된 문제점이다. 지적한 문제점은 다음과 같다. 🤭 실제로는 서버에서 삭제 …
CMD에서 리눅스 명령어 사용2020. 05. 15.2분윈도우에서 리눅스 명령어를 사용하는 방법에 대해 설명하고, 레지스트리를 이용하여 CMD에서도 리눅스 명령어를 사용할 수 있도록 하는 방법을 제시하고 있다. 필자는 PowerShell이나 GitBash를 사용하는 것보다 CMD에서도 리눅스 명령어를 사용할 수 있도록 설정하는 것이 더 효율적이라고 말하고 있다.
Linux Debian 개발환경 설정 가이드2020. 05. 15.8분IDE Visual Studio Code deb 패키지 C++ build-essentialsudo apt-get install -y gcc libc6-dev build-essential libglu1-mesa-dev Qt Creator QtCreator 다운로드 ./qt...online.run C# .Net Core https://docs.microsoft.com/ko-kr/dotnet/core/linux-prerequisites?tabs=netcore2x Unity 3D deb 패키지 Mono Kit Python pyenvsudo apt-get install -y build-essential libssl-dev zlib1g-dev libbz2-dev libreadline-dev libsqlite3-dev wget curl llvm libncurses5-dev libncursesw5-dev xz-utils tk-dev libffi-dev liblzma-dev …
React Native Flexbox와 친해지기2020. 05. 07.8분React Native에선 Flexbox라는 형식으로 레이아웃 개발을 진행한다. 최신 웹 브라우저에서도 이 레이아웃이 작동하여 CSS 최신 방법론으로 알려져 있다. Flexbox는 다양한 화면 크기에서 일관된 레이아웃을 적용할 수 있다. 아래 내용은 대부분 공식문서인 "Layout with Flexbox #"을 인용하였다. Flex flex will define how your items are going to “fill” over the available …
React Native 개발환경 구축2020. 05. 07.4분들어가며 난 무언가를 시작하기전에 이게 왜 필요한지 어디에 활용되는지 반드시 파악하고 진행하는 편이다. 몇몇 자료를 찾아봤지만 아래의 글에서 무엇인가 깊고 진한 전문가의 향기가 났다. 여하지간 아래 글을 참고하여 RN의 특성을 파악하였다. [RN] React-Native의 장단점은? Expo Web(React Native for web) 튜토리얼 내용을 정리해보면 RN의 장점은 다음과 같이 추려진다. React를 알고 있다면 …
이번주에 본 개발관련 자료들 #22020. 05. 03.6분BLOG await의 함정, 숨은 병목을 찾자 # 나는 요즘 자바스크립트를 쓴다. 그리고 자연스럽게 async, await을 남발하는 나를 발견한다. 마음속에선 이걸 '차라리' 파이썬으로 짯다면 더 훌륭한 가독성으로 짤텐데라는 생각이 든다. 그리고 비동기를 처리할 일이 생기면? 스레드를 사용하겠지. 노드를 쓰면서도 노드의 장점을 하나도 활용하지 못한체 아직도 파이썬을 코딩하던 사고방식에 갖혀있는 것 같다. …
Electron 시작하기 (With React)2020. 04. 24.17분일렉트론은 Web Stack을 이용하여 데스크톱 어플리케이션을 개발할 수 있는 도구이다. GitHub에서 Atom을 제작하기 위해서 만들었으며 일렉트론을 사용하여 만들어진 어플리케이션은 Slack, VS Code, Discord가 있다. 기본적으로 크로미움을 내장하고 있는 것으로 보인다. 프레임워크 구성 main.js 메인 프로세스 데스크톱 앱의 백엔드 역할을 수행 앱 자체의 총괄적인 부분(Node.js와 거의 동일) 업데이트 제어 OS GUI …
스레드 리뉴얼2020. 04. 23.2분간만에 작성하는 업데이트 일지. 오늘은 스레드의 리뉴얼에 관한 내용이다. 최초에 스레드는 임시 메모장 혹은 동적으로 채워가는 포스트 정도로 생각하고 기능을 구현하였다. 가령 업데이트 노트처럼 내용이 별로 없는 글을 최신순으로 나열해서 보여주는 방식이다. 하지만 문제점이 몇가지 보이기 시작했다. 스토리를 한 눈에 파악하기 힘들다. 스레드엔 목차라는 개념이 없었기에 특정한 스토리를 찾아보기가 매우 …
이번주에 본 개발관련 자료들 #12020. 04. 22.6분BLOG 알고리즘 공부, 어떻게 해야하나요? # 알고리즘을 해결하는 실력을 키우려면 1.구현력 2.문제해결능력 3. 배경지식에 대한 능력을 향상시켜야 한다. 또한 글의 저자는 컴퓨팅적 사고력을 기르기 위한 문제로 BOJ 모든 '별찍기'와 'n과 m' 시리즈를 풀어보길 권하고 있다. 구현력 : '대충 어떻게 짜라는지 알겠는데 코드로 못 만들겠다' 이런 생각이 든다면 이 능력이 부족한 …
R 프로그래밍 기본 문법 정리2020. 04. 20.12분잠시동안 배운 R 어쩌다 R 프로그래밍 언어를 배울 기회가 있었는데, 새로운 언어를 익히는 건 재미있었지만 너무 수학적인 언어라 다시 쓸일이 있을까 싶은 생각이 든다. 여하간 이번에 배운 R 프로그래밍 기본 문법을 블로그에 정리해 둘 생각이다. 1. 변수의 이름 변수의 이름에는 . _ 등이 올 수 있다. .은 먼저 사용할 수 …
깃허브 커밋 히스토리 초기화 방법2020. 04. 19.5분깃허브를 사용하면서 깔끔한 커밋 히스토리를 만들고 싶은 사람들을 위한 글이다. 커밋 규칙과 ReadMe 작성 방법 등을 다루며, 중요한 내용을 간추려 예쁘게 만드는 것이 중요하다는 견해를 밝힌다.
Rust-Lang의 웹 프레임워크 🚀Rocket2020. 04. 12.6분러스트 웹 개발을 위한 프레임워크 선택을 고민하는 글로, ACTIX, Rocket, Nickel, Yew 등의 프레임워크를 비교하며 Rocket을 선택한 이유와 사용 방법을 소개하고 있다. Template 기능도 포함되어 있으며, tera라는 템플릿 엔진과 함께 사용하는 방법도 설명하고 있다.
앞으로 만들고 싶은 기능들2020. 04. 04.3분앞으로 더 추가하고 싶은 기능이 생길지도 모르겠지만 현재까진 아래에 있는게 전부다. 아래에 있는 기능들을 완성하면 서버 관리나 트레픽 관리하는 정도만 진행하고 다른 프로젝트를 시작해야겠다. 설정 리뉴얼 티스토리처럼 진행중인 항목이다. 앞으로 추가해야 할 항목은 설정의 메인에서 자신의 모든 글에 대한 오늘의 방문자 어제 방문자 총 방문자를 출력해 줄 예정이다. 또한 인기글과 …
PHP에서 AJAX 사용하는 방법2020. 04. 04.9분이 글은 AJAX 개념과 PHP에서의 활용 방법을 다루고 있다. AJAX는 비동기 통신 기술로, 백엔드에서 필요한 부분만 제공하고 프론트에서 필요한 부분만 가져와 붙힐 수 있다. 예제를 통해 AJAX의 구현 방법과 JSON을 이용한 통신도 소개하고 있다.
티스토리처럼2020. 03. 31.2분블렉스는 지금까지 방문자 입장에서의 개발을 위주로 진행하였다. 웹사이트에 방문하는 사용자들에게 되도록이면 '괜찮아 보이는 사이트'로 보이기 위한 작업을 주로 해왔었다. 최근 서비스에 가입해 주시는 분들이 종종 계신데 실 사용자 입장에서의 디자인이 전혀 개선되지않고 있었기에 굉장히 부끄러웠다. 어떻게 개선할 수 있을까 (메인 페이지 이런 느낌으로 바꿔야지 헤헿) 설정창을 어떻게 개선할 수 있을까 …
조회수 개선2020. 03. 27.1분개선 방안 기존에는 매일 0시에 CRON 방식을 이용하여 포스트의 속성값을 변경하며 유지하였다. 처음 이 기능을 만들때는 그저 어제, 오늘, 총 조회수만을 간단하게 보여주는 것을 목표로했으나 포스트의 날자별 조회수를 보여주기 위한 방안을 다시금 생각해보게 되었고 부득이하게 데이터의 구조를 변경하게 되었다. 조회 측정 방식 리뉴얼 구조를 변경하면서 기존에 가지고 있었던 몇 가지 …
포스트 임시 저장2020. 03. 23.3분이 블로그는 정말 짜증나는게 포스트가 임시 저장이 안된다는 점이 매우 불편하다. 솔직히 지금까진 큰 무리없이 비공개 기능을 활용해서 어찌저찌 여차저차 써왔지만 임시 포스트 저장이라는 기능을 만들어 달라는 요청을 받아들여 해당 기능에 대한 구상과 DB작업은 끝냈음에도 불구하고 일하고 오면 피곤하다는 핑계로 계속해서 미루고 있다. 이번 주말에 만들어버릴 생각으로 계획 좀 해놓으려고 …
