멋쟁이 사자처럼 FE 스쿨 2기 - 4월 15일

오늘의 키워드📌


  • 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... 부수자!!!!!!!!!!

좋은 웹페이지 즐겨찾기