김영한님의 모든 개발자를 위한 HTTP 웹 기본 지식 강의를 듣고 정리한 내용입니다. https://www.inflearn.com/course/http-%EC%9B%B9-%EB%84%A4%ED%8A%B8%EC%9B%8C%ED%81%AC 모든 개발자를 위한 HTTP 웹 기본 지식 - 인프런 | 강의 실무에 꼭 필요한 HTTP 핵심 기능과 올바른 HTTP API 설계 방법을 학습합니다., - 강의 소개 | 인프런... www.inflearn.com HTTP 기본 모든것이 HTTP HTTP: HyperText Transfer Protocol 거의 모든 형태의 데이터를 전송 가능하다. 서버 간에 데이터를 주고 받을 때도 대부분 http를 사용한다. HTTP 역사 HTTP/0.9: GET 메서드만 지원. http..

NHN Forward에 갔다가 인프런 부스에서 받은 쿠폰으로 http 강의를 듣기 시작했다. 학부 때 배우긴 했지만 잊어버린 내용도 있어서 강의를 들으며 다시 정리해보려 한다 :-) 김영한님의 모든 개발자를 위한 HTTP 웹 기본 지식 강의를 듣고 정리한 내용입니다. https://www.inflearn.com/course/http-%EC%9B%B9-%EB%84%A4%ED%8A%B8%EC%9B%8C%ED%81%AC 모든 개발자를 위한 HTTP 웹 기본 지식 - 인프런 | 강의 실무에 꼭 필요한 HTTP 핵심 기능과 올바른 HTTP API 설계 방법을 학습합니다., - 강의 소개 | 인프런... www.inflearn.com 인터넷 네트워크 IP(Internet Protocol) 인터넷을 통해 데이터를 송..

저번에 과제를 진행하면서 캐러셀을 직접 구현해보았다. 생각보다 고려할 부분도 많았지만 재밌었다 :) 일단 좌, 우 버튼을 클릭해 양쪽으로 이동할 수 있고, 옆으로 넘기는 방식의 터치 이벤트로도 이동할 수 있도록 구현했다. React 무한 캐러셀 구현 Home/index.tsx import Carousel from 'components/Carousel' const CAROUSEL_IMAGES = [ 'https://img.freepik.com/free-photo/vivid-blurred-colorful-background_58702-2545.jpg', 'https://img.freepik.com/premium-vector/abstract-pastel-color-background-with-pink-purp..

SEO 기본 가이드 https://developers.google.com/search/docs/fundamentals/seo-starter-guide?hl=ko#mobile SEO 기본 가이드: 기본사항 | Google 검색 센터 | 문서 | Google Developers 검색엔진 최적화의 기본사항에 관한 지식만으로도 눈에 띄는 효과를 얻을 수 있습니다. Google SEO 기본 가이드에서 기본적인 검색엔진 최적화에 관해 간략히 알아보세요. developers.google.com 사이트를 모바일 친화적으로 만들기 오늘날의 세상은 모바일 중심으로 돌아가기 때문에 모바일 기능을 지원하는 사이트가 있어야 온라인 인지도를 유지할 수 있다. 2016년 말부터 구글에서는 사이트 콘텐츠의 모바일 버전을 주로 사용해..

검색엔진 최적화(SEO) 기본 가이드 https://developers.google.com/search/docs/fundamentals/seo-starter-guide?hl=ko#appearance SEO 기본 가이드: 기본사항 | Google 검색 센터 | 문서 | Google Developers 검색엔진 최적화의 기본사항에 관한 지식만으로도 눈에 띄는 효과를 얻을 수 있습니다. Google SEO 기본 가이드에서 기본적인 검색엔진 최적화에 관해 간략히 알아보세요. developers.google.com 콘텐츠 최적화하기 독자가 무엇을 원하는지 이해하고 제공하기 사용자가 내 콘텐츠를 찾을 때 어떤 검색어를 사용할지 생각해보자. 어떤 주제에 대해 잘 아는 사용자는 해당 주제를 잘 모르는 사용자와 다른 검..

스톱워치를 구현해야하는 과제가 있어서 직접 구현해보았다. StopWatch.tsx import { useState, useEffect } from 'react' const StopWatch = () => { const [time, setTime] = useState(0) const [isRunning, setIsRunning] = useState(false) useEffect(() => { let interval: NodeJS.Timer | undefined if (isRunning) { interval = setInterval(() => { setTime((prevTime) => prevTime + 10) }, 10) } else { clearInterval(interval) } return () =>..

검색엔진 최적화(SEO) 기본 가이드 https://developers.google.com/search/docs/fundamentals/seo-starter-guide?hl=ko#appearance SEO 기본 가이드: 기본사항 | Google 검색 센터 | 문서 | Google Developers 검색엔진 최적화의 기본사항에 관한 지식만으로도 눈에 띄는 효과를 얻을 수 있습니다. Google SEO 기본 가이드에서 기본적인 검색엔진 최적화에 관해 간략히 알아보세요. developers.google.com 사이트 계층 구조 구성하기 검색엔진의 URL 사용 방식 이해 검색엔진에서는 콘텐츠를 크롤링한 후, 색인을 생성하고 사용자에게 해당 콘텐츠를 안내하기 위해 콘텐츠별로 고유한 url이 필요하다. proto..