개발 블로그

오늘은 CDN 에 대해서 정리를 해본다. CDN 은 Content Delivery Network 의 약자이다. 번역을 그대로 하면 콘텐츠를 전달하는 네트워크 이다. 네이밍을 정말 잘한 것 같다. 이름에 모든 것이 담겨 있다. 조금 더 자세히 설명해보겠다. CDN은 콘텐츠( 예를 들면 html 파일, js 파일, 이미지 파일, 동영상 파일 등등)를 전달해주는 캐싱 서버이다. 예를 들어 내 블로그 주소인 https://program-note.tistory.com/ 이 CDN 이 적용되어 있지 않다면, 아래와 같은 그림으로 사용자의 브라우저가 요청을 하고 응답 값을 받게 될 것이다. 그리고 받은 응답 값으로 잘 꾸며진 나의 블로그를 렌더링되고 사용자는 렌더링된 화면을 보게 될 것이다. 이게 CDN 이 적용되지..

프록시 서버는 클라이언트와 서버가 통신할 때, 중간에 위치한 서버이다. 그림으로 그려보았다. 그림과 같이 클라이언트가 바로 서버로 요청을 가지 않고, 프록시 서버를 통해서 서버에게 요청을 하게된다. 서버측 또한 마찬가지로 응답 값을 클라이언트에게 바로 주지 않고 프록시 서버로 응답 값을 전해주면, 프록시 서버가 각 클라이언트들에게 응답 값을 주게 된다. 그렇다면 왜 프록시 서버를 사용하는 걸까? - 프록시 서버는 서버로 부터 받은 응답값을 기억, 즉 캐싱해서 같은 요청이 왔을 때, 서버에게 요청 없이 응답값을 바로 반환해 줄 수 있다. 예를 들어, 클라이언트 측에서 커피 아이콘을 요청하면, 첫 요청이 들어왔을때, 서버에게 직접적인 요청을 프록시서버가 하고, 두번째 부터는 아래 이미지와 같이 프록시 서버가..

우선 나는 프론트엔드 개발자이다 보니, 자바스크립트가 비동기 논블로킹 언어이다 라는 말을 정말 많이 들어왔다. 근데 항상 동기와 비동기나 블로킹과 논블로킹 개념이 나올때, 동기가 결국 블로킹이고, 비동기가 논블로킹이지 않냐는 생각이 항상 들었다. 그래서 이번에 작정하고 찾아봤다..! 정말 많은 블로그와 유튜브에서 정리를 해주고 있었다. 근데 막 엄청 와닿게 이해를 하지 못하고 있다가 정말 많은 곳을 찾아보고 깊게 생각을 해서 결국 이해를 해냈다! 그래서 정말 쉽게 누구나 이해할 수 있게 정리를 하기 위해 이 글을 작성하게 되었다. 1. 동기 (Synchronous) vs 비동기 (Asynchronous) 동기는 요청한 작업이 완료가 되고 나서, 그 다음 작업을 순차적으로 진행하는 것이다. 반면, 비동기는..

나는 항상 자고있는 동안에도 돈이 자동으로 벌리게끔 자동 수익을 세팅하는 것이 목표이다. 해당 목표를 위해 여러가지 웹 사이트, 앱 등을 개발하여서 광고를 붙여보았지만, 마케팅 방법도 모르고 웹과 앱의 조회수와 다운로드수가 많지 않았기 때문에 현재 유의미한 수익은 창출하지 못하고 있다. 웹과 앱이 실제 구글이나 네이버 검색시 노출이 안되는 건 아니였는데, 트래픽이 작은 이유는 단순히 수요가 적기 때문이라는 생각이 들었다. 최근 개발한 나락퀴즈나 디지몬상 테스트와 같은 웹 서비스는 그냥 내 머릿속에 나온 서비스들이다. 지금 살펴보니 검색량 자체가 아주 미미해서 대박이 나기는 어려운 주제였다. 그렇게 생각하다보니 문득 지금 티스토리 블로그에도 구글 애드 센스가 적용이 되어 있고, 꾸준하게 포스팅만 한다면 내..

벌써 2년차 프론트 개발자로 일하고 있다. 최근 git 명령어가 익숙하지 않은 분에게 실제로 실무에서 매일 쓰고 있는 git 명령어를 정리해서 참고용으로 드렸는데, 너무 유용하다고 해주셔서 더 많은 분들이 도움받을 수 있게 포스팅을 작성해본다. 나는 그냥 지금 내가 적는 명령어들로만 모든 작업을 처리하고 있으며, 딱히 명령어를 검색해서 찾아본 적이 없다. git-post 라는 폴더를 만든 뒤 깃허브에 올려서, 브랜치를 여러개 만들고 깃허브에 올리는 과정을 담아 포스팅해보겠다. git init 깃 을 세팅하는 명령어이다. 해당 명령어를 치면 .git 이라는 파일이 생긴다. 해당 파일에는 깃에 관한 모든 설정이 담겨있다. .git 파일은 숨겨진 파일이라서 실제로는 안보이는데, 숨겨진 파일 보기를 하면 보일 ..

최근 직장동료가 추천해준 책인 역행자를 열심히 읽고 있다. 이 책은 자청이라는 유튜버가 쓴 자기계발서인데, 돈,시간,운명으로부터 완전한 자유를 얻는 7단계 인생 공략집이라는 주제로 이야기한다. 본인이 겪고, 직접 만든 인생 공략집을 공유하는 책이다. 되게 인상깊게 읽고 있다. 지금 이 글을 쓰게 된 것도 책에서 오늘 글을 한번 써봐라고 해서 이렇게.. 컴퓨터를 켰다. 성공한 (특히 자수성가한) 사람들은 공통적으로 책읽기, 글쓰기에 시간투자를 많이 했다. 그리고 뇌를 복리로 성장시키게 해줄 유일한 방법은 하루 두시간 책읽기 또는 글쓰기이다. 라고 책이 이야기를 하며 지금 당장 글을 써라고 해서 시키는대로 글을 쓰고 있다. 나도 항상 생각해왔던 것인데, 내가 보는 모든 성공한 사람들은 전부 말을 잘해서 멋진..

최근 유튜브 피식대학에서 진행중인 콘텐츠인 나락퀴즈쇼를 너무 재밌게봐서 웹 서비스로 만들어 보았다! https://stalwart-palmier-4f6d8a.netlify.app/ 나락 퀴즈 나락 퀴즈쇼 웹 서비스. 본 퀴즈를 누군가 앞에서 풀게되면 공격을 받고 지위나 직업을 박탈당할 수 있습니다. 즉, 나락에 가실 수 있습니다. stalwart-palmier-4f6d8a.netlify.app 총 7 문제이고, 결과를 카카오톡으로 공유할 수 있다.

요즘 동물상테스트, 닮은 연예인 테스트, 포켓몬 테스트 등 오만가지 테스트가 있는데 디지몬상 테스트가 없는 것 같아서 만들어보았습니다! https://snazzy-stardust-69c0a0.netlify.app/ 디지몬상 테스트 얼굴 사진을 업로드하여 나와 닮은 디지몬을 찾아보세요. snazzy-stardust-69c0a0.netlify.app 디지몬상 테스트입니다. 얼굴 사진을 올리면 총 13가지의 디지몬중 자기와 닮은 디지몬이 AI 가 판단하여 나오게됩니다 :) 댓글은 결과 공유 및 소통느낌으로 써주세요. 감사합니다~!!