본문 바로가기
반응형

Develop/Web19

Netlify를 이용하여 웹 사이트 배포하기 지난 포스팅에서는 html 템플릿을 이용하여 웹사이트를 만드는 방법에 대해 다루었습니다. 이번에는 netlify를 이용하여, 웹 사이트를 배포하는 방법에 대해 알아보겠습니다. 🧐 지난 글이 궁금하다면? 약간의 프로그래밍으로 웹 사이트를 만드는 가장 빠른 방법 기획, 디자인, 개발 등 고려해야 할 사항들을 최대한 없애고 웹 사이트를 만들 수 있는 방법은 무엇일까요? 이 글에서는 웹 빌더가 아닌, 약간의 프로그래밍으로 웹 사이트를 만드는 방법에 대해 chjune0205.tistory.com ❓ Netlify란? Netlity는 GitHub 계정 연동 및 쉬운 호스팅을 제공하며, 지속적 배포, One-Click HTTPS 제공 등 고성능 사이트 / 웹 응용 프로그램을 제작하는데 필요한 쉽고 빠른 다양한 서비스.. 2021. 5. 28.
약간의 프로그래밍으로 웹 사이트를 만드는 가장 빠른 방법 기획, 디자인, 개발 등 고려해야 할 사항들을 최대한 없애고 웹 사이트를 만들 수 있는 방법은 무엇일까요? 이 글에서는 웹 빌더가 아닌, 약간의 프로그래밍으로 웹 사이트를 만드는 방법에 대해 소개합니다. 누구나 일주일 만에 자신만의 홈페이지를 만들 수 있습니다. 아래는 제가 일주일만에 제작한 웹 사이트입니다. https://oncreate.netlify.app/ 온크리에이트 - 수백시간을 아끼는 안드로이드 앱 개발 가이드북 - 당신은 "클라이언트"다. - 서버 라는것이 존재하는 이유 - 만국 공통어 JSON이라는 녀석 - 커피 주문을 통해 알아보는 동기와 비동기 - 카카오 기술 갖다 쓰기! Retrofit - 맥락기억에 바로 꽂히는 Par oncreate.netlify.app 시간이 들어가는 일은 주로 .. 2021. 5. 28.
크롬 개발자 도구로 HTTP 통신 확인하기 이 글에서는 크롬 개발자 도구를 활용하여 현재 웹 페이지가 어떤 HTTP 통신을 주고받는지 확인하는 방법에 대해 알아보겠습니다. 크롬 개발자 도구로 HTTP 통신 확인 방법? * 웹 브라우저는 크롬 브라우저를 이용해야 합니다. 구글 검색창에 '크롬'을 검색하는 경우를 예로 들어보겠습니다. 여기서 크롬 개발자 도구를 켜야하는데요, 크롬 개발자 도구를 켜는 방법은 다음 세 가지 방법 중 하나로 가능합니다. - F12를 누른다. - Ctrl + Shift + I를 누른다. (Mac OS의 경우, command + option + i) - 마우스 우클릭 -> 검사를 누른다. 개발자 도구 상단의 Network 탭을 클릭하시고, 새로고침 (F5)를 해주세요. Name 부분을 클릭하면 상세한 Request, Resp.. 2021. 5. 14.
MERN (MongoDB Express React NodeJS) - 구글 로그인과 토큰 관리에 대하여 MERN 프로젝트를 진행하며 구글 소셜 로그인에 대해 다루어보았다. 소셜 로그인에 대해 어떻게 토큰을 관리해야 하는건지에 대해 알아보는데에 많은 시간이 들었는데, 큰 그림이 머릿속에 그려져 있었다면, 보다 빠르게 문제를 해결할 수 있지 않았을까 생각이 들었다. 이 포스팅에서는 큰 그림에 해당하는 부분을 기록해두고자 한다. 0. 역할 소셜로그인을 구현하며, 다양한 방법들을 접했다. 웹에서 소셜로그인을 하고, 해당 결과를 서버에 보내주는 방식, 웹에서는 서버에 요청을 하고, 서버에서 소셜로그인을 인지하여 구글과 데이터를 주고받는 방식 크게 위와 같이 두 가지 방법이 존재 했으나, 필자는 전자의 방식대로 진행하였다. 이 과정에서 자연스레 '토큰'이라는 녀석에 대해 궁금증이 생겼다. 1. 토큰이란 무엇인가? 애.. 2021. 4. 30.
반응형