본문 바로가기
  • Seizure But Okay Developer

분류 전체보기249

호모데우스를 읽으며 호모데우스를 읽으면서 초입부에 전염병과 관련된 구절이 나와서 생각난 바를 적고자 한다. 저자는 역사적으로 전염병은 인류가 정복하기 어려운 신의 재앙과 같이 여겨졌으나 현대에 들어서 의사들과 연구진들의 노력 덕에 규명과 진단이 가능하여 결국 해결할 수 있는 장애물로 변했다. 그러면서 오늘날에는 전염병은 의료진들의 노력 덕분에 거의 원인 규명이 가능한 상태이며 더 이상 위협 받을 일이 드물 것이라 얘기한다. 오직 인류에게 위협될 것은 이러한 생명공학 기술의 진보를 악용하려는 인류의 본성이라는 것이다. 지금 일어난 COVID-19 바이러스 사태를 보건대, 하라리가 전염병의 위험성과 인류 스스로 미칠 위험성에 대해서 약간은 간과한 듯한 느낌이 없지 않다. 유럽을 보면 '우린 젋으니까 바이러스 안 걸려', '바이.. 2020. 4. 3.
마스크 재고 관리 프로젝트 - 3 개요 바이러스가 만연한 현재에 개발자로써 주변사람들을 도울 수 있는 방법이 없을까 고민을 하다가, 마스크 재고를 알려주는 사이트를 만들어야 겠다 결심하였고 프로젝트에 대해 정리하는 글을 작성하였습니다. 프로젝트 글은 총 5편으로 나뉘어 작성될 예정이며 이번 글은 초기 서버세팅에 대한 내용을 담습니다. 서버세팅은 크게 2가지로 다룰 예정입니다. AWS로만 세팅하는 방법 하나와 일부분은 AWS로 세팅하고 나머지는 다른 tool 을 이용해 세팅하는 방법입니다. 후자의 경우 과금을 피하기 위한 절충안으로 전자의 방법보다 좀 더 많은 과정을 거칩니다. 그래서 이번 글은 AWS 위주로 세팅하는 방법을 먼저 설명합니다. 글을 읽으시면서 필요한 부분만 참고하시길 바랍니다. 목차 서버세팅 작업 목록 EC2 인스턴스 구동.. 2020. 4. 1.
사피엔스를 읽고 많은 깨달음을 준 책이다. 과연 기술의 진보만이 우리에게 행복을 줄 것인지, 그리고 과학이 우리 삶의 정답이 되는 것인지에 대한 성찰을 주었다. 그리고 현대인들에게 자각의 브레이크를 넣게 하고 잠시 돌아보게끔 하여 현명한 선택이 무엇인지 다 같이 고민해보자 라고 말하는 것 같았다. 많은 인상깊은 구절이 있었지만 그 중 우리가 당연하다고 생각하는 '나 자신은 소중한 존재', '노력한 만큼 성취한다' 는 등의 의식은 전부 자유주의, 자본주의로 부터 세습되어온 의식이라는게 상당히 깨달음을 주었다. 한번 씩 공부가 하기 싫고 일이 하기 싫을 때는 '한 만큼 성취한다' 는 게 기본적인 철학으로 잡힌 이 사회가 싫어질 때가 있었다. 그러면서 생각하길 '그러면 자본주의가 아닌 다른 어떤 이데올로기 또는 사상 또는 종.. 2020. 4. 1.
마스크 재고 관리 프로젝트 - 2 개요 바이러스가 만연한 현재에 개발자로써 주변사람들을 도울 수 있는 방법이 없을까 고민을 하다가, 마스크 재고를 알려주는 사이트를 만들어야 겠다 결심하였고 프로젝트에 대해 정리하는 글을 작성하였습니다. 프로젝트 글은 총 5편으로 나뉘어 작성될 예정이며 이번 글은 프론트엔드에 대한 내용을 담습니다. 목차 사용자 위치 Data 유의사항 프론트엔드 작업 작업 순서 데이터 확인 퍼블리싱 재고상태 화면 구성 요소 배치 반응형으로 만들기 JS 로 요소 렌더링 하기 요소 추가하기 요소 삭제하기 상태관리 결과물 추가사항 출처 사용자 위치 Data 유의사항 Google Doc에서 Geolocation API 를 사용할 때 유의할 점에 대해 설명해준 글을 찾아서 정리했다. 핵심 내용 사용자에게 거부감이 들지 않도록 하기 .. 2020. 3. 30.
마스크 재고 관리 프로젝트 - 1 개요 바이러스가 만연한 현재에 개발자로써 주변사람들을 도울 수 있는 방법이 없을까 고민을 하다가, 마스크 재고를 알려주는 사이트를 만들어야 겠다 결심하고 시작한 끝에 완성을 하였습니다. 완성해가는 과정에서 생각보다 많은 것을 얻을 수 있었고 배운 점을 잘 정리하면 사이드 프로젝트를 시작하는 분들께도 도움이 되고 저 나름 정리하는것 또한 학습차원에서 좋을 것 같아 글을 작성하였습니다. 점점 더 사회에 도움을 주는 개발자분들의 능력이 발휘되길 기원합니다. 프로젝트 글은 총 5편으로 나뉘어 작성될 예정이며 각 글은 자료조사, 프론트엔드, 서버세팅에 대한 내용을 담습니다. 목차 들어가기 앞서 자료조사 공공 데이터 포털(마스크 판매 정보) Geolocation API Permission API 들어가기 앞서 어느.. 2020. 3. 27.
연결리스트(Linked-list) 개념 정리 및 문제 풀이 개요 연결리스트 문제를 풀면서 모르는 점들이 많다고 느껴 해당 개념을 정리하고 관련 문제를 푸는 방법에 대해서 글을 작성하였습니다. 개념 연결리스트란? 배열 원소들의 순서를 유지하면서 임의의 위치에 원소를 삽입하거나, 임의의 위치에서 원소를 삭제하는 것은 시간이 오래 걸리는 작업입니다. 해당 위치 뒤에 있는 원소들을 하나씩 뒤칸 혹은 앞칸으로 옮겨야 하기 때문입니다. 평균적인 경우 이 작업들에는 원소의 개수에 선형 비례하는 시간이 걸립니다. 이와 같은 문제를 해결하기 위해 고안된 자료 구조가 연결 리스트(linked list)로, 특정 위치에서의 삽입과 삭제를 상수 시간에 할 수 있게 해줍니다. 연결 리스트는 배열과 아주 다른 형태를 가지고 있습니다. 배열에서는 메모리의 연속된 위치에 각 원소들이 저장되.. 2020. 2. 18.
width, max-width 의 차이 개요 모던 웹 디자인 실습을 하는 도중 원래 알고 있던 max-width 의 개념에 반하는 현상이 나타난 듯 하여 궁금증이 생겼고 이를 정리하기 위해 글을 작성합니다. 개념 width : 속성을 100%로 설정할 경우 요소를 감싸고 있는 부모 요소의 크기에 맞춰 100%를 유지 max-width : 속성을 100%로 설정할 경우 요소의 기본 크기 이상으로는 조절되지 않음 예제 위 그림에서 이미지 리소스의 크기는 1500 * 375 크기이다. 여기에 max-width 또는 width를 100% 적용해보면 다음과 같다. 조금 의아했던게 max-width 로 속성을 100% 기본 요소 크기로 잡힌다고 알고 있었다. `그러면 1500*375 크기로 잡혀야 되지 않나? 근데 오히려 화면에 맞춰서 더 작게 영역이 .. 2020. 2. 6.
Leetcode 17번 문제 풀이 개요 Leetcode 에서 알고리즘 문제를 풀고 배운 내용을 정리하기 위해 작성하였습니다. 문제 : 17. Letter Combinations of a Phone Number 주어진 번호에 해당하는 문자들을 조합해서 나올 수 있는 모든 문자들을 출력하기 https://leetcode.com/problems/letter-combinations-of-a-phone-number/ 풀이 이 문제는 생각보다 간단한 풀이로 풀 수 있다. 문자열이 두개 주어지는 다음 경우를 보자. 위 그림처럼 abc, def 2개의 문자열을 조합해 결과를 출력하면 ad, ae, af ... cf 까지 총 9개가 나온다. 이는 두 문자열을 이중 for loop 로 조합해서 만들 수 있는데 이를 응용하여 다른 문자열들도 조합하는 것이 .. 2020. 2. 5.
Leetcode 15번 문제 풀이 개요 Leetcode 에서 알고리즘 문제를 풀고 배운 내용을 정리하기 위해 작성하였습니다. 문제 : 15. 3Sum 주어진 배열에서 요소 3개를 골라 합했을 때 0이 되는 것들만 배열로 추려내서 반환하기. 단 중복되는 것은 피하기(not allowed duplicate triplets) 풀이 문제 풀이를 위해서 먼저 주어진 배열을 오름차순으로 정렬해야 한다. 정렬을 하면 합했을 때 0이 되는 요소를 찾기 쉬워지기 때문이다. 그래서 만약 다음과 같이 정렬을 했다고 하자. 현재 배열 요소가 -2 라면, 그 다음 요소와 배열 마지막 요소로부터 인덱스를 줄여나가면서 적합한 요소를 추려낸다. 이 때 현재 배열 요소의 다음 값 인덱스를 low, 배열 마지막 요소 인덱스를 high 라고 하자. 현재 배열 요소가 -2.. 2020. 2. 3.