라몽(●'◡'●)디자이너
Home
  • 분류 전체보기 (61)
    • 디자인 (1)
      • 실무 (0)
      • 공부 (0)
    • UIUX분석 (0)
    • 코딩스터디 (60)
      • Markup (0)
      • CSS (12)
      • Javascript (28)
      • jQuery (11)
      • .etc (7)
      • wordpress (2)
      • PHP (0)
Home
  • 분류 전체보기 (61)
    • 디자인 (1)
      • 실무 (0)
      • 공부 (0)
    • UIUX분석 (0)
    • 코딩스터디 (60)
      • Markup (0)
      • CSS (12)
      • Javascript (28)
      • jQuery (11)
      • .etc (7)
      • wordpress (2)
      • PHP (0)
블로그 내 검색

라몽(●'◡'●)디자이너

코딩/웹디자인에 대한 정보를 다룹니다.

  • 코딩스터디/Javascript

    자바스크립트 기초문법

    2021. 5. 12.

    by. 라몽(●'◡'●)디자이너

     

     

    자바스크립트 연결

     

    1. head에 스크립트 넣고 defer 입력

     

    - script를 defer방식으로 연결하면 좋은 점

    : 브라우저가 스크립트 파일과 body의 내용을 거의 동시에

    읽기 시작하므로 웹 페이지의 로딩 속도 개선에 좋음

     

     

    2. 스크립트를 html에 연결할 때는 body 최하단에 넣기

    - body내용을 일고 스크립트를 읽는다.

    : 페이지가 지저분해지고, 용량이 커지는 단점

     

     

     

     

    바닐라 스크립트란,

    -> 제이쿼리를 안쓰고 순수 자바스크립트만 쓰는 것

     

     

     

    변수

    - 특정 데이터 값을 임시로 저장하는 공간

     

     

    [변수를 쓰는 이유]

    1. 특정값을 자주 사용해야 될 때 (사용상의 편의)

    2. 자주 활용해야 되는 값을 또 찾지 않고 계속해서 재활용해야 될 때 (성능상의 이점)

     

    let 변수명 = 저장할 값(대입할 값);

     

     

    console.log(확인할 값);

    특정 값을 콘솔탭에 확인하기 위한 디버깅을 위한 구문

     

    반응형

    '코딩스터디 > Javascript' 카테고리의 다른 글

    자바스크립트 조건문  (0) 2021.05.14
    자바스크립트 함수 - 매개변수, 인수, 리턴  (0) 2021.05.14
    자바스크립트 자료형  (0) 2021.05.13
    자바스크립트 연산자  (0) 2021.05.13
    자바스크립트 변수  (0) 2021.05.13

    댓글

    관련글

    • 자바스크립트 함수 - 매개변수, 인수, 리턴 2021.05.14
    • 자바스크립트 자료형 2021.05.13
    • 자바스크립트 연산자 2021.05.13
    • 자바스크립트 변수 2021.05.13
    맨 위로
전체 글 보기
  • GitHub
Tistory 로그인
Tistory 로그아웃
로그아웃 글쓰기 관리

Today

Total

Powered by ⓒ Kakao Corp.

블로그 이미지
라몽(●'◡'●)디자이너

티스토리툴바