오늘의 키워드📌

• codelion 강의
  • 세렝게티 MBTI
  • D-day 계산기
  • lotto 랜덤 번호
  • 미니 게임
  • 글자수 체크

1. codelion 강의

1-1. 세렝게티 MBTI

1-2. D-day 계산기

1-3. lotto 랜덤 번호

1-4. 미니 게임

1-4. 글자수 체크

몰랐던 점 ✏️

• DRY

  • Don’t Repeat Yourself

• for문 ⇒ 특정 횟수까지 반복
  while문 ⇒ 특정 조건까지 반복

• indexOf((a,b) ⇒ a - b));

• 템플릿 리터럴 사용

// innerHTML = '(' + content.length + '/200)';
	innerHTML = `(${content.length}/200)`

• 이벤트 : 키보드를 누를 때(마다)
  이벤트 핸들링 : 글자 수를 세주어라
  <태그 이벤트=이벤트핸들링"> </태그>

• 텍스트가 더 이상 안써지도록 하려면? ⇒ .substring()
  예를 들어, .substring(0 ,5) 는 index 0이상 5미만을 뜻한다.

• jQuery 사용 $(선택자).행위;

document.getElementById('content').value;
$('#content').value());

• jQuery 장점

  • 간결한 문법
  • 편리한 API
  • 크로스 브라우징

• jQuery 익명함수 사용

$('#click).click(function() {
  console.log('hello');
})

• 익명함수

• 콜백(callback)

• SNS 공유 - AddThis

• 광고 붙이는 방법

  • 애드 네트워크
  • 직접 광고 계약
    • KaKao AdFit
    • Google Adsense

• 네이버 검색에 내 사이트가 나오려면?

  • 네이버 웹마스터 도구에 내 사이트 등록
    • robots.txt sitemap.xml
    • Naver Search Advisor
  • 검색 관련 문서 제출

• SEO(Search Engine Optimization)

  • 검색엔진 최적화
    • 내부 요소 최적화(HTML, 콘텐츠, 메타태그 등)
    • 외부 요소 최적화(백링크 개수 등)
    • Naver Search Advisor로 검색친화적 진단하기

  
  
  
  
  
  

오늘 하루를 정리하며.. 🌃

4월 마지막 주에 자바스크립트를 시작하기 전, 선행학습으로 codelion 자바스크립트 강의를 수강했다. jQuery를 사용해보는 것도 신선했고 확실히 HTML, CSS를 배울 때랑 체감이 달랐다. HTML, CSS는 시각화의 대장들인데 JS는 뭔가.. 뭔가 복잡하다..

JS를 잘 다뤄야 React도 수월하게 배울 수 있다고 들었다.
JS... 부수자!!!!!!!!!!