1. 백엔드, 프론트엔드에서 모두 사용

  2. 과정 기초 : 변수, 자료형, 연산, 함수, 제어문, 배열, 돔셀럭터, 이벤트리스너, 조건제어문

중간 : 돔셀렉터 + 이벤트리스너 + css를 활용한 효과

심화 : 알고리즘문제, setTimeout, setInterval, calss(oop)-객체지향, promise, async, await, jquery

배포 : 네스티파이, 깃허브 페이지스, 닷홈 (무료 호스팅)

  1. 프론트엔드에서 자바스크립트가 왜 필요할까? ⇒ 기초,심화과정이 프엔에서 필요한 과정, 중간과정은 퍼블리싱에 쓰이는 과정

    ⇒ 백엔드한테 형식에 맞게 요청 메시지 보내고(알고리즘,자료구조- 단,웹/앱 한정) 응답 메시지 뿌리고

    [구조]

    =======================================================

                    - 프론트엔드 서버

    웹브라우저 서버 - 백엔드 서버 - DB(데이터 저장소)

    =======================================================

    예)

    프론트엔드 서버는 Html.css.js 웹브라우저에서 그려짐? 회원가입할 수 있는 주소에서 데이터(아이디.패스워드)

    회원가입 버튼을 누르면 백엔드로 전달

    백엔드 서버는 웹브라우저에서 http request 받은 데이터를 주거나 db에 저장/조회/갱신/삭제

    프론트로 http response 메시지를 화면에 보여지게 로직을 짜야함

    웹브라우저 파싱과정 ???

    http request 요청 메시지로 프론트엔드 서버로 전달 (원래는 바로 백엔드 서버로 감)

  2. 자바스크립트란?

    1. 웹의 동작, 동적을 구현하기 위한 언어이기도 하지만 백엔드와의 데이터 통신을 위해 사용하는 언어
    2. 웹 브라우저에 자바스크립트에 내장되어 있기때문에 자바스크립트 언어를 해석할 수 있음
    3. 크롬에 v8엔진
    4. 객체 기반의 스크립트 언어
    5. 대소문자를 구별
    6. html 내에서는 <script></script> 태그 안에 작성 / 외부 Js도 사용할 수 있음

  3. 역할?

    웹표준 (html, css, js)을 이용하여 코드가 결합되어 작성되는 것이 웹페이지

    js는 사용자의 입력을 처리하거나, 어플리케이션을 저장하는 등 동적제어에 사용

    1. 사용자의 입력 및 계산 htmldms 틀만 제공 ex) <input/> 여기 요소들의 value(값)을 계산, Key, mouse 이벤트를 통한 계산은 오직 js만이 처리할 수 있음
    2. 서버와의 통신 웹 브라우저가 웹서버와 데이터를 주고 받을때 활용 (ajax, axios, fetch)
    3. 웹브라우저 내용 및 모양 (레이아웃) 동적 제어문 자바스크립트는 돔셀레터를 활용하여 DOM(요소,태그)에 접근 선택 그 요소의 css 속성, 내용(컨텐츠) 값을 변경하여 웹 페이지를 동적으로 만드는데 사용 - addEventListner ⇒ 클릭, 태그 요소위에 올라갔는지, 키보드가 눌렸는지 → 이벤트 종류 → 기능 → 매개
    4. 브라우저 제어문 해당 브라우저가 마운트(열렸을때), 언마운트(닫혔을때), 브라우저의 행동 행위, 크기 모양들을 감지해서 변경

  4. 입력 - 연산 - 출력 입력을 변하게 (=연산) 한 다음 출력 입력 ———-연산* —————-출력 a=5 + 5 10

함수(기능) 기능명: 5 더하기 (x) ⇒ x + 5 5. 자바스크립트 출력 1. 대화상자 출력 - 알림창 출력 window.alert() alert()

- 알림창을 출력 (확인,취소)
window.confirm()
confirm()
2. 콘솔 출력(개발자를 위한 출력, 값이 잘 전달 or 값이 제대로 반환)
console.log()
console.error() — 콘솔이 빨간색으로 찍힘
…
devtools(개발자도구)의 콘솔창에 해당 로그가 출력
  1. 자바스크립트 적용방법
    1. 내부 자바스크립트 <head>, <body> 안에 작성
    2. 외부 자바스크립트 js 폴더 만들고 <script scr=”경로명/파일명.js”></script>