BLEX 2021 10월 개발노트2021. 11. 01.2분⭐ 추가된 항목 💬 검색 유입 분석 [설정] > [분석]에서 포털 사이트 유입 경로를 분석하여 사용자가 어떤 검색어를 입력하여 들어왔는지 분석하여 표시하는 부분이 추가됩니다. 💬 광고가 포함된 포스트 포스트 작성시 광고가 포함된 것으로 체크할 경우 리스트에서 AD뱃지가 하단에 표기되며, 본문의 커버 타이틀에서 [유료 광고 포함] 메세지가 추가됩니다. 🔨 개선된 항목 …
Heroku에서 Docker 배포2021. 11. 01.3분Heroku를 이용한 토이 프로젝트 배포 방법에 대해 설명하고, Heroku CLI 설치 및 사전 설정, heroku.yml 파일 작성 방법, 포트 설정 등에 대해 다루고 있다.
사이트 보안점검을 해봅시다2021. 09. 28.5분https://observatory.mozilla.org/ 모질라에서 제공하는 사이트 보안 점검을 받아보았다. 무심코 그냥저냥 보통 점수가 나오리라 생각했지만 충격적이게도 15점, F 등급을 받았다. 두둥 🥳 사실 보통 점수가 나왔으면 안하고 넘어가려 그랬는데 F는 또 못참지. 어떠한 보안상의 문제가 있는지 각 항목이 의미하는 것은 무엇이며 어떻게 적용하는지 알아보도록 하자. 여기서는 NginX를 활용한다. X-Frame-Options다른 사이트 내의 iframe에 …
NginX를 활용한 Docker 무중단 배포2021. 09. 26.4분도커를 이용해 서비스를 운영 중인 서버에서 프론트엔드 컨테이너가 재실행 시 텀이 길어져 배포 후 일정 시간 502 에러가 발생하는 문제를 NginX를 이용해 해결하는 방법에 대해 설명하고 있다. NginX의 upstream을 활용해 백업 컨테이너를 띄우고 번갈아 가며 운영하는 방식으로 무중단 배포를 구현하는 방법을 소개하고 있다.
라즈베리파이 셋팅 A to Z2021. 09. 10.4분라즈베리파이를 간만에 상자에서 꺼내었다. 문제는 셋팅하던 기억들도 그 위에 덮여진 먼지처럼 희미했다. 나중에 다시 셋팅하는 순간을 대비해 이 기회에 메뉴얼을 작성해 두고자 한다. 모니터를 일체 연결하지 않고 설정할 것이며 오직 원격으로민 사용할 예정이다. 1. 설치 Raspberry Pi OS # 위 홈페이지에 접속하여 라즈비안 이미지 파일을 다운로드 하자. 3가지로 분류되어 있는데 …
BLEX 2021 8월 개발노트2021. 08. 29.1분⭐ 추가된 항목 💬 상단 네비게이션 원 버튼 네비게이션이 불편하고 난해하다는 의견을 받아 변경하였습니다. 사용 빈도가 높은 항목들은 네비게이션 위에 배치했으며 빈도가 낮은 항목들은 자신의 프로필 이미지 클릭시 나타납니다. 💬 포스트 커버 리디자인 예전에 만들어 사용하던 커버를 좀 더 가다듬어 적용하였습니다. 💬 모바일 포스트 네비게이션 모바일에서는 포스트를 추천하거나 댓글로 바로 …
기회를 만드려면2021. 08. 19.2분위 영상을 보고 느낀점을 적어보려고 한다. 모든 영상을 보면서 느낀점을 작성하진 않지만, 위 영상을 보는데 뭔가 잊혀졌던 기억이 되살아나 좀 더 강렬하게 각인하기 위해서 작성해본다. 기회는 인간으로부터 위 영상에서는 기회는 사람으로부터 온다라는 말을 한다. 사실 생각해보면 정말 옳은 말이다. 그럼에도 나는 그 사실을 간과하고 있었다. 기회는 나 혼자 노력한다고 생기지 …
인생조언2021. 08. 02.9분세상에는 많은 종류의 조언이 있다. 그리고 아래 Kevin Kelly의 말처럼 조언은 법률이 아닌 단지 모자일 뿐이다. 자신과 맞지 않는 모자는 버리고 다른 모자를 쓰자. 이곳은 근래에 찾은 나의 모자 진열대다. 지난번에 올렸던 동기부여 글은 목표를 달성하기 위해 어떻게 독해질 수 있을지에 관한 것이었는데 이번에는 어떻게 좀 더 바람직한 삶을 살아갈 …
BLEX 2021 7월 개발노트2021. 07. 31.3분⭐ 추가된 항목 💬 자체 검색 추가 기존 덕덕고를 이용하여 사이트 검색을 진행하고 있었으나 검색 결과의 만족도가 너무나 떨어져 자체 검색으로 전환하였습니다. 성능은 차차 개선할 예정... 💬 검색 내역 조회 추가 사용자가 최근 검색한 내용을 볼 수 있도록 하였습니다. 💬 포스트 모음 페이지 네비게이션 추가 포스트 정렬을 바꾸거나 태그 클라우드에 …
풀사이클을 개발을 해봐야 하는 이유2021. 06. 20.7분풀사이클 개발을 하지 말라는 조언에 대한 비판적 시각을 제시하는 글입니다. 개발자를 지망하는 사람이나 신입 개발자는 풀사이클 개발을 경험해보는 것이 좋다는 주장을 하며, 풀사이클 개발의 장점에 대해 설명합니다. 자신이 진심으로 하고 싶은 프로젝트에서 문제에 봉착하면 동기부여가 지속적으로 유지되며, 모든 분야의 문제를 해결해나가는 과정은 매우 재미있습니다. 또한, 풀사이클 개발을 하면 자신이 원하는 대로 개발을 진행할 수 있고, 자신의 역량을 더욱 향상시킬 수 있습니다.
채용공고 작성할때2021. 06. 12.0분채용팁으로 알려진 정보 잡코리아, 사람인 채용 정보는 개인적으로는 추천하지 않습니다. 추가로 채용 정보에 복사 & 붙여넣기 한 듯한 양식이나 글이 있다면 거르셔도 됩니다. 그만큼 채용에 관심이 없는 회사라면 개발자에 대한 인식도 부족하다고 보셔야 합니다. 아래는 제가 정기적으로 방문하는 잡플래닛/원티드 검색 조건입니다. 참고하시면 좋을 것 같습니다. 주니어 개발자 채용 정보 · …
BLEX 2021 5월 개발노트2021. 05. 30.5분🔨 개선된 항목 💬 다크모드 시스템 테마로 변경되던 사이트 테마를 직접 변경할 수 있도록 다크모드 토글 재추가 추후 다양한 테마를 추가하려고 봤더니 현재 구조로는 어려움이 많아서 변경중에 있습니다. 처음 방문한 유저인 경우에는 이전과 동일하게 시스템 설정을 따라가도록 하였습니다. 💬 사이트 디자인 상당수 수정 뒤로가기시 스크롤이 유지되지 않던 버그 수정 💬 …
자바스크립트 한글 음절 분리 / 음소 병합2021. 04. 28.13분회사의 랜딩 홈페이지 제작 중, 한 글자씩 나타나는 애니메이션을 구현하려고 했으나 음소 단위로 변경되어야 했다. 이를 위해 자바스크립트 오픈소스 라이브러리를 찾아 사용하였고, 해당 라이브러리를 사용하는 코드를 발견하여 이를 이해하고 활용하였다. 코드는 글자를 분리하는 함수와 분리된 글자를 병합하는 함수로 구성되어 있으며, 초성, 중성, 종성 등의 인덱스를 계산하여 정확한 값을 반환하도록 구현되어 있다. 이후 초성과 종성이 없는 경우를 처리하는 조건문을 추가하여 정확한 결과를 얻을 수 있었다.
GitHub Action으로 Next.js 정적 배포하는 방법2021. 04. 27.3분Next.js를 이용해 정적 페이지를 개발하고 깃허브 페이지에 호스팅하는 방법을 소개한 글입니다. out 디렉터리에 빌드된 페이지를 생성하기 위해 next build와 next export 명령어를 사용하며, 호스팅을 위해 git subtree push와 같은 일련의 작업을 수행해야 합니다. 이 작업을 자동화하기 위해 GitHub Action을 이용할 수 있으며, 해당 방법을 소개하고 있습니다.
BLEX 2021 4월 개발노트2021. 04. 18.3분⭐ 추가된 항목 💬 댓글 댓글 추천 기능 추가 💬 포스트 새탭에서 링크를 여세요 기능 추가 일부 링크가 많은 페이지와 이미지 레이지 로딩으로 이전 위치가 망가지는 포스트를 위해 추가하였음. 추후 쿠키를 통해 설정을 유지할 수 있도록 개선할 예정 💬 서식 서식 기능 추가 자신이 주로 사용하는 고정적인 멘트, 정기적으로 작성하는 …
마인크래프트 서버 + 디스코드 봇(JS)2021. 04. 12.7분Lightsail을 이용하여 2GB Ram, 1vCPU, 60GB Storage로 마인크래프트 서버를 구축해보았다. 서버의 성능은 그럭저럭 괜찮았지만, 24시간 구동은 불가능한 것으로 판단되었다. 따라서 Discord 봇을 이용하여 서버를 켜고 끄는 방식을 사용하였고, 이를 통해 누구에게나 다운타임 없이 게임을 즐길 수 있도록 제공할 수 있었다.
우리의 개인정보 이대로 괜찮을까?2021. 03. 25.4분사이트에 접속한 순간, 우리는 개인정보를 흘린다. 아이피 운영체제 휴대전화 기기명 사용중인 브라우저 브라우저 안에 삽입된 쿠키 그리고 페이지 내에 존재하는 또 다른 리소스와 스크립트를 통해 우리의 개인정보는 재귀함수처럼 끝없이 퍼져나간다. 우리가 오랫동안 사용해왔던 이메일은 안전한가? 이메일 내부에 삽입된 트레커는 우리가 메일을 언제, 어디서, 무엇으로, 몇 번 열었는지 감시한다. 언제가부터 난 …
독해지자2021. 02. 21.5분한동안 인생을 어영부영 살았다. 퇴근하면 친구들과 게임을 했고, 마냥 그 시간이 재밌다고 느껴졌고 그냥 이 정도의 삶이면 충분할 것 같다는 생각이 들었다. 그러다 문득 2년전에 작성했던 블로그에 쓴 일기를 발견했는데 왜 이때 가지고 있었던 의지와 투지를 상실하게 된건지 모르겠다. 작성한 일기의 대략적인 내용은 지방대에 다니는 내가 서울대에 방문해서 상당한 심리적 …
파이썬으로 구현한 정렬2021. 01. 17.28분버블 정렬(Bubble Sort) 인접한 원소를 비교하여 자리를 교환하는 방식이다. 처음부터 마지막까지 원소를 비교하여 마지막에는 가장 큰 또는 작은 원소가 배치된다. 이를 정렬이 끝날때까지 수행하며 시간 복잡도는 O(n^2)이며 구현이 압도적으로 간단하다. def bubble_sort(items: list): for i in range(len(items) - 1): for j in range((len(items) - 1) - i): if items[j] < …
BLEX 2021 (~4월) 개발노트2021. 01. 08.2분April 2021. 04. 08. 포스트 모바일에서 포스트 목차 네비게이션을 추가했습니다. 2021. 04. 04. 설정 카테고리 네비게이션의 안정성을 향상하였습니다. 2021. 04. 02. 설정 포스트를 카테고리 별로 살펴볼 수 있도록 카테고리 네비게이션이 추가했습니다. March 2021. 03. 30. 포스트 인기 포스트 및 최신 포스트의 카드 하단에 설명이 추가했습니다. 시리즈 시리즈를 최근/과거 순으로 정렬할 …
C++ Qt :: Https Request2021. 01. 07.5분간만에 C++ Qt를 다시 잡았다. 학부생때 대강(당시엔 열심히 했다고 느꼈지만) 만들었던 프로그램에 누군가가 스타를 눌러주었는데, 코드가 매우 부끄러운 수준이었고 이를 개선함과 동시에 몇가지 기능을 추가하고 싶었기 때문이다. 추가하는 기능에 네트워크를 사용할 필요가 있었다. Qt5에서는 QFtp 등등이 사라지고 QNetworkAccessManager로 모든 네트워크 통신을 사용하도록 변경되었다. 학부생인 당시 FTP를 이용하기 위해서 슬쩍 다뤄본 …
나의 아저씨2020. 12. 02.4분나의 아저씨라는 드라마를 좋아한다. 아이유가 나와서 그렇기도 하지만 인물들이 주고받는 대화들을 듣다보면 정말 많은 생각을 하게 해준다. 여기 나열된 대사들은 나에게 많은 생각을 하게 만들었던 대사들이다. 현실이 지옥이야 이선균 "나쁜 놈 잡아 족치면 속 시원할 것 같지? 살아봐라 그런가. 어쩔 수 없이 나도 그 오물 뒤집어 써 그놈만 뒤집어 쓰지 …
이번주에 본 개발관련 자료들 #42020. 11. 22.6분BLOG 테스트 주도 개발(TDD)란? # TDD에 대해서 잘 몰랐는데 이 글이 뭔가 TDD의 핵심을 잘 알려주는 것 같다. TDD란 무엇이며, 어떻게 하는 것이며, 언제 쓰면 좋은지, 안쓰면 좋은지, 왜 필요한지 잘 알려준다. 나의 경우엔 TDD를 해보고 싶었고 어떻게 하는지 대략적으로 알고 있었는데 정말 필요한건지 약간의 의구심이 있었다. 그런 나에게 아래 …
Django : SQLite to PostgreSQL2020. 11. 03.3분나중에 DB 전환할때 해메지 않으려고 기록... Install Postgres in Docker docker-compose에 아래와 같이 postgresql 도커를 선언하자. db: image: postgres restart: always volumes: - ./db/data:/var/lib/postgresql/data ports: - 5432:5432 environment: POSTGRES_USER: "username" POSTGRES_PASSWORD: "password" POSTGRES_DB: "dbname" TZ: "Asia/Seoul" Django Settings django의 settings.py에서 DATABASES 부분 찾기 DATABASES = { 'default': { 'ENGINE': 'django.db.backends.sqlite3', …
