-
Js / Jquery 특징방뚝딱 학습노트 2023. 8. 5. 00:06
자바스크립트 특징
- 오래됐고, 발전이 빠름
- 인터프리터 언어 (순차적으로 소스를 해독해나감)
- 해독을 알아서해줌 (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 이 가장 대표적
- integer (정수형)
- 숫자임
- 선언방법은 값에 숫자만 입력해야함
var a = "1"; => 이렇게 선언하고 나 정수형 변수 a선언했는데요? 이러면 안됨!
var a = 1; => 이게 정상 (반드시 숫자만 입력)
- string (문자)
- 문자, 문자열 타입
- 쌍따옴표 또는 홑따옴표를 값 앞뒤로 붙여야함
var a = "이것은 문자열입니다"; // 쌍따옴표로 묶음
var b = '이것도 문자열입니다'; // 홑따옴표로 묶음
- 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 로 꼭 테스트해보고 에러난다고 쫄지말고 왜 났을지 고민많이해보고 구글링 많이해보기
#영민아 고맙다 덕분에 공부 재밌게 했어!'방뚝딱 학습노트' 카테고리의 다른 글
코딩이 쉽도록 도와주는 사이트 (0) 2023.08.05 Font 모음, 디자인 참고자료 (0) 2023.08.05 CSS 용어 모음 (0) 2023.08.04 POSTMAN 설치 (0) 2022.12.19 JWT방식으로 Auth(Authorization, 인증) (0) 2022.12.18