러너효방

Js / Jquery 특징 본문

읽는습관

Js / Jquery 특징

방효방 2023. 10. 19. 15:25

자바스크립트 특징

  • 오래됐고, 발전이 빠름
  • 인터프리터 언어 (순차적으로 소스를 해독해나감)
  • 해독을 알아서해줌 (java 같은 언어는 컴파일이라고 하여 별도로 해독을 시켜줘야함)
  • 자바스크립트 소스 드럽고 길어서 jquery로 사람들이 많이 씀

jquery 특징

  • 편함
  • 소스짧음 (그만큼 함축되어있는 의미가 많음)
  • $(선택자) 로 뭔가를 부름
  • 하다보면 암

script 선언

위치는 헤더에 작성하라 하지만 딱히 권고사항아님.. 요즘엔 하단에 작성하기도 함

 

자바스크립트 기초

  • 변수선언 3가지 (var, let, const)
  • 변수는 컴퓨터한테 내가 {변수명}에 어떤 {값}을 넣어줄 거야 라고 알려주는거
    (마치 애키우는거랑 똑같음 안 알려주면 못 알아먹음...)
  • 세미콜론 마지막에 빼먹으면 반성해주세여
  • **{변수명}**은 본인이 만들고 싶은데로 만들되, 항상 의미있게 짓는 버릇을 들이기!
  • var a; var b; 이런거는 실무에서 쓰면 안됨

/ / 여러줄 주석 , // 한줄 주석

 

변수 선언 가장 기초 var

console.log(c); => undefined 나옴 무시해도됨 잘못된거아님// c 변수에 아무것도 셋팅 안되어서

지역변수 let

말그대로 지역(정해진 함수 중괄호{} 안에서 쓰이는 변수, 외부에서 사용불가)

 

상수 const (지역변수)

let 과 다른점은 const 는 한번 선언하면 때려죽여도 선언된 값을 변경할 수 없음

(재할당이 불가하다고 표현함)

보통 상수의 경우는 대문자로 표현을함 나름 위험해서 상수사용은 거의 잘안함

 

 

지역변수, 전역변수

  • 쉽게 가족중에 효빵이 찾는거랑, 전국에서 효빵이 찾는거랑 같은거
  • 동네 : 함수안에 선언된 변수 (지역변수)
  • 전국 : 함수밖에서 선언된 변수 (전역변수)

지역변수 : 우리가족만 내이름이 효빵이인거 알지 모르는 사람이 내이름 모르는거랑 같음

전역변수 : 국회의원, 대통령이름같은거

데이터 타입

integer, String, Boolean 이 가장 대표적

  1. integer (정수형)
    • 숫자임
    • 선언방법은 값에 숫자만 입력해야함

var a = "1"; => 이렇게 선언하고 나 정수형 변수 a선언했는데요? 이러면 안됨!

var a = 1; => 이게 정상 (반드시 숫자만 입력)

  1. string (문자)
    • 문자, 문자열 타입
    • 쌍따옴표 또는 홑따옴표를 값 앞뒤로 붙여야함

var a = "이것은 문자열입니다"; // 쌍따옴표로 묶음

var b = '이것도 문자열입니다'; // 홑따옴표로 묶음

  1. Boolean (참/ 거짓)
    • 흔히 컴퓨터 true 또는 false 라는데 걔가 얘
    • 딱 2개중에 하나만 가져짐 true 또는 false
    • true 의 다른 표현은 정수형 데이터 1을 의미
    • false 의 다른 표현은 정수형 데이터 0을 의미
    • true 또는 false 는 따옴표 붙이면 안됨 붙이면 문자열로 인지해버림
     

if 문

  • 제일 쉬움
  • 초기 페이스북은 if 문과 for문으로 만들어짐

[문법]

if문 예시) 시간이 10:00 미만이면 "Good morning" 인사말을 만들고, 그렇지 않은 경우 시간이 20:00 미만이면 "Good day" 인사말을 만들고, 그렇지 않으면 "Good morning"을 만듭니다.

for 문

  • 조건이 만족할때까지 돌려 ... 계속 돌령
  • for문안에 for문 또 쓸수 있음!

[문법]

대충 i를 1씩 증가 시키라는 소리인데 ++를 i의 앞에쓰냐 뒤에쓰냐에 따라 결과가 다름

for문쓸 때 주로 제일 많이씀

for문 Quiz

기초

while 문도 있는데 효율성 떨어짐 switch 문도 있을텐데 이것도 잘안씀
개발자도구 f12 로 꼭 테스트해보고 에러난다고 쫄지말고 왜 났을지 고민많이해보고 구글링 많이해보기

#영민아 고맙다 덕분에 공부 재밌게 했어!