분류 전체보기237 Carousel Slider 제작 과정 개요 Carousel Slider 를 vanila JS로 제작한 과정을 소개합니다. 이 프로젝트는 Nomad Coder 강의에 영감을 받아 시작하게 되었습니다. (출처 : youtu.be/ODa9mY2bEEc) 강의에선 vanila JS를 어느정도 했다고 느낀다면 Carousel Slider 를 직접 만들어보라고 소개합니다. 여기에 느낀 점이 있어 제작을 하였고 배운 것들이 많아 글로도 정리하게 되었습니다. Slider 를 만드시는 다른 분들께도 도움이 되었으면 합니다. 기능 소개 자동 슬라이드 기능 왼쪽 화살표 클릭시 왼쪽으로 그림 이동 오른쪽 화살표 클릭시 오른쪽으로 그림 이동 동작 방식 HTML 상의 이미지는 총 7개로 이루어져 있습니다. 이때 실제로 사용되는 이미지는 5개입니다. 각 이미지들을 t.. 2020. 7. 11. React가 좋은 점(갑자기 생각난 거) 상태관리 하나의 데이터를 여러 파일에서 사용해야 되는 경우가 있는데 React를 사용하면 컴포넌트 간에 상태를 공유할 수 있기 때문에 이런 점을 편하게 해결 코드분리 화면의 구성요소 마다 컴포넌트로 분리하여 관리할 수 있음. JS로만 구현할 때는 영역을 잡아 따로 개발하는 것은 가능하지만 각 영역별로 나눈 파일을 간편하게 관리 하기는 쉽지 않음. React는 체계가 있기 때문에 보다 간편함. 또한 코드를 분리할 수 있기 때문에 유지보수 하기에 매우 편함 컴포넌트 생성 및 삭제될 때 원하는 이벤트를 줄 수 있는 거 JS로 구현할 때는 컴포넌트 상태를 감지하여 이벤트를 주는 것이 까다로움 React는 각 상태에 접근할 수 있는 Context API를 제공하여 개발할 때 유연하게 할 수 있게 됨 2020. 7. 9. 기록을 남긴다 기록 남기는 것의 중요성을 느끼고 글을 씁니다. 몇일 간 학습 방법에 대한 고찰을 해본 끝에 공부를 할 때 기록을 남기는 것이 중요하다는 결론을 내렸다. 두 가지 방법으로 실험을 했다. 블로그에 글을 쓰는 등의 자료를 남기지 않고 학습만 하는 것 블로그에 글을 쓰면서 학습을 하는 것 두 방법은 시간, 학습 효과 면에서 차이를 드러냈다. 들이는 시간 : 1번 방법 > 2번 방법 효과 : 1번 방법 > 2번 방법 결국 시간을 많이 들일수록 학습 효과도 높다는 결과가 나왔다. 이와 관련한 경험을 기술하고자 한다. 1번 방법으로 시간을 많이 들여서 학습을 했을 때, 결과적으로 머리에 남는가? 에 대한 의문이 생겼다. 사람의 머리가 DB가 아니라서 한번 읽고 바로 저장하는게 가능하지 않지만, 학습을 할 때 들인 .. 2020. 7. 8. 마스크 재고 관리 프로젝트 - 5 (AWS + 다른 서비스) 개요 바이러스가 만연한 현재에 개발자로써 주변사람들을 도울 수 있는 방법이 없을까 고민을 하다가, 마스크 재고를 알려주는 사이트를 만들어야 겠다 결심하였고 프로젝트에 대해 정리하는 글을 작성하였습니다. 프로젝트 글은 총 5편으로 나뉘어 작성될 예정이며 이번 글은 Let's encrypt + 서버추가 세팅 + Git 서버에 올리기에 대한 내용을 담습니다. 목차 작업 목록 Let's encrypt 로 인증서 만들기 Nginx 서버 추가세팅하기 Git 서버에 올리기 CS (Customer Service) 작업 목록 마스크 재고 서비스를 위해 필요한 작업은 아래와 같다. Let's encrypt 로 인증서 만들기 Nginx 서버 추가세팅하기 Let's encrypt로 인증서 만들기 Let's encrypt를 설.. 2020. 4. 14. 동적 계획법 개념정리 개요 동적 계획법을 공부한 내용을 정리하기 위해 작성하였습니다. 공부하신 분들께 도움이 되면 좋겠습니다. 개념 정의 : 두 번 이상 반복 계산되는 부분 문제들의 답을 미리 저장함으로써 속도의 향상을 꾀하는 알고리즘 설계 기법 큰 의미에서 보면 분할 정복과 같은 접근 방식을 의미합니다. 처음 주어진 문제를 더 작은 문제들로 나눈 뒤 각 조각의 답을 계산하고, 이 답들로부터 원래 문제에 대한 답을 계산해냅니다. 동적 계획법은 답을 여러 번 계산하지 않고 한 번만 계산하는데 이 계산 결과를 재활용함으로써 속도 향상을 꾀할 수 있습니다. 여기서 답을 메모리에 저장하는데 이 메모리의 장소를 캐시(cache)라고 부릅니다. 메모이제이션 앞서 캐시를 이용한 것처럼 결과를 저장하는 장소를 마련해두고, 한 번 계산한 값.. 2020. 4. 6. 마스크 재고 관리 프로젝트 - 4 (Full AWS) 개요 바이러스가 만연한 현재에 개발자로써 주변사람들을 도울 수 있는 방법이 없을까 고민을 하다가, 마스크 재고를 알려주는 사이트를 만들어야 겠다 결심하였고 프로젝트에 대해 정리하는 글을 작성하였습니다. 프로젝트 글은 총 5편으로 나뉘어 작성될 예정이며 이번 글은 Full AWS 서버세팅에 대한 내용을 담습니다. 목차 Full AWS로만 세팅하기 작업 목록 Route 53 으로 도메인 연결하기 ACM 으로 SSL 인증서 만들기 로드밸런서 생성하여 인스턴스와 연결하기 Full AWS로만 세팅하기 서버 세팅은 AWS로만 구성해서 할 수도 있고 일부는 직접 작업할 수도 있다. 이번 글에는 AWS로만 구성하여 작업하는 것에 대해 설명한다. 작업 목록 마스크 재고 서비스를 위해 AWS에서 작업해야할 목록은 다음과 .. 2020. 4. 3. 호모데우스를 읽으며 호모데우스를 읽으면서 초입부에 전염병과 관련된 구절이 나와서 생각난 바를 적고자 한다. 저자는 역사적으로 전염병은 인류가 정복하기 어려운 신의 재앙과 같이 여겨졌으나 현대에 들어서 의사들과 연구진들의 노력 덕에 규명과 진단이 가능하여 결국 해결할 수 있는 장애물로 변했다. 그러면서 오늘날에는 전염병은 의료진들의 노력 덕분에 거의 원인 규명이 가능한 상태이며 더 이상 위협 받을 일이 드물 것이라 얘기한다. 오직 인류에게 위협될 것은 이러한 생명공학 기술의 진보를 악용하려는 인류의 본성이라는 것이다. 지금 일어난 COVID-19 바이러스 사태를 보건대, 하라리가 전염병의 위험성과 인류 스스로 미칠 위험성에 대해서 약간은 간과한 듯한 느낌이 없지 않다. 유럽을 보면 '우린 젋으니까 바이러스 안 걸려', '바이.. 2020. 4. 3. 마스크 재고 관리 프로젝트 - 3 개요 바이러스가 만연한 현재에 개발자로써 주변사람들을 도울 수 있는 방법이 없을까 고민을 하다가, 마스크 재고를 알려주는 사이트를 만들어야 겠다 결심하였고 프로젝트에 대해 정리하는 글을 작성하였습니다. 프로젝트 글은 총 5편으로 나뉘어 작성될 예정이며 이번 글은 초기 서버세팅에 대한 내용을 담습니다. 서버세팅은 크게 2가지로 다룰 예정입니다. AWS로만 세팅하는 방법 하나와 일부분은 AWS로 세팅하고 나머지는 다른 tool 을 이용해 세팅하는 방법입니다. 후자의 경우 과금을 피하기 위한 절충안으로 전자의 방법보다 좀 더 많은 과정을 거칩니다. 그래서 이번 글은 AWS 위주로 세팅하는 방법을 먼저 설명합니다. 글을 읽으시면서 필요한 부분만 참고하시길 바랍니다. 목차 서버세팅 작업 목록 EC2 인스턴스 구동.. 2020. 4. 1. 사피엔스를 읽고 많은 깨달음을 준 책이다. 과연 기술의 진보만이 우리에게 행복을 줄 것인지, 그리고 과학이 우리 삶의 정답이 되는 것인지에 대한 성찰을 주었다. 그리고 현대인들에게 자각의 브레이크를 넣게 하고 잠시 돌아보게끔 하여 현명한 선택이 무엇인지 다 같이 고민해보자 라고 말하는 것 같았다. 많은 인상깊은 구절이 있었지만 그 중 우리가 당연하다고 생각하는 '나 자신은 소중한 존재', '노력한 만큼 성취한다' 는 등의 의식은 전부 자유주의, 자본주의로 부터 세습되어온 의식이라는게 상당히 깨달음을 주었다. 한번 씩 공부가 하기 싫고 일이 하기 싫을 때는 '한 만큼 성취한다' 는 게 기본적인 철학으로 잡힌 이 사회가 싫어질 때가 있었다. 그러면서 생각하길 '그러면 자본주의가 아닌 다른 어떤 이데올로기 또는 사상 또는 종.. 2020. 4. 1. 이전 1 ··· 14 15 16 17 18 19 20 ··· 27 다음
