3DAY

---

30만 유투바 조코딩's 1day class!

유투바 조코딩님이 특강을 하러 오셨다!
이이러언 행운이 ⭐️ #멋사특권

1. Code

-쿨찐 테스트 page 만들기-

• 2개의 section의 height를 각각 70vh ,30vh 로 나누면 한번에 높이를 정할 수 있어서 편리하다!

• rem 으로 font 조정하는게 유용 (반응형 만들어야 하니까) 하다!

• 하나씩 선택되는(중복 선택이 되지 않도록) button :radio;

• bootstrap 자간 사이 바로 변경하는 법

  class에서 바로 mt-2 (margintop-2px) 을 입력하면, margin-top이 2px 넓어진다!
  

<p *class*="mt-3">솔직히 별 것도 아닌 일에 과몰입하는 진지충들이 너무 많다.</p> 

• radio button은 id name과 label for의 name이 같아야한다!

• 1줄씩 같은 name이어야 밑 줄과 겹치지 않는 다는 것 꼭 확인할 것!

• device가 줄어들어도 늘어나도 일정하게 설정하는 법!

.result img {
    max-width: 500px;
    width: 80%;
}

2. Deploy

Deploy 하는 법은 두 가지가 있다.

1) 내 컴퓨터를 server로 만들거나

2) 외부 server를 이용하거나

→ 그 중 netlify 이용해서 deploy를 했다!

why netlify? web hosting 에 최적화, drag & drop만 하면되기 때문에 아주 쉽다.

3. Domain

가비아로 도메인을 산다. 550원쫘리~

4. SNS 연결하기

https://www.addthis.com/

위 사이트에서 원하는 sns link를 연결하는 코드를 받아서 내 코드에 삽입!

+kakao로 수익내기

https://adfit.kakao.com/

또는 adsens

를 통해서 인증을 한다.

5. 검색엔진에 띄워보자

naver search-advisor에서

https://searchadvisor.naver.com/

1) 웹마스터 도구

2) HTML파일 업로드

3) naver 확인용 파일을 다운받아서 인덱스 파일과 같은 폴더에 넣어주기
4) 소유확인

5) 검증

6) robots.txt 간단생성

7) 모든 검색 로봇, 수집을 허용합니다. 로 바꿔주기

8) 다운로드 받은 robots.txt file 과

7) sitemaps.com 에 생성된 도메인 주소 올려두기

https://www.xml-sitemaps.com/

sitemap.xml file 을 내가 만든 프로젝트에 추가해두면, 검색이 더 최적화!

6. SEO 최적화

수 많은 사이트 중에서 어떤 것을 먼저 보여줄까?

점수가 높아지는 방법! 아래의 요인들을 충족 시킬 수록 점수가 높아지고 검색이 최적화 되겠지?

1) 외부요인: 역링크(타 site에서 언급된 수), 방문자 수, 연식 등

2) 내부요인: semantic mark-up, meta-tag 등
검사하는 방법 사이트! https://seositecheckup.com/

---

MEMOIR

---

심리(?) test 제작, 광고, 배포의 A to Z !

정말 많은 정보를 얻게되어서 아주 정신이 없었다. ^^;

하지만,

궁금했던 페이지의 도메인 생성, 검색엔진 최적화, 광고 붙이기, sns연동하는 법 을 알게되어서 굉장히 재미난 시간이었다!

맛보기로 JavaScript가 사알짝 스쳐지나갔는데,

JS와 React가 아주 기대가 된다! ^^

그럼 youtube에서 영상으로 다시 공부하러 !

쿨찐 좋은건지 알았더니
쿨한찐따^^