자바스크립트는 해도해도 자꾸 헷갈리는듯..🥲
코드를 많이 쳐보고 틀려보고 고쳐보고 해야 실력이 늘겠지만 그것도 기초지식(?)이 있어야겠다 싶어서 유튜브 검색하다 괜찮은 강의 발견!!
ZeroCho 자바스크립트 강좌
https://www.youtube.com/playlist?list=PLcqDmjxt30RvEEN6eUCcSrrH-hKjCT4wt
이해하기 쉽고 깔끔하게 설명해주셔서 이해가 너무 잘 됬다.
강의 만드신분 복받으세요🥰
아, 벨로그에 체크박스 넣는것도 배웠다. 기념으로 하나..키키
- 강의 듣기
- 블로그 작성하기
1-3 (검사 단축키 / 흔하게 발생하는에러)
검사 단축키 = F12
흔하게 발생하는 에러 (에러 메세지를 외우자)
- 오타 - ~is not defined.이라고 뜬다.
- 대문자와 소문자의 구별 - ~ is not a function.
- 괄호나 부호를 빼먹는다 - missing ~ after argument list
- 하나의 명령을 친 후 되도록 항상 세미콜론을 붙힌다.
안붙히면 unexpected identifier 이라고 뜸.
자바스크립트는 코드를 한줄씩 읽는다.
위아래키를 누르면 이전에 쳤던 코드를 불러온다.
1-4 (프로그래밍 사고력)
✔️순서도를 그릴수 있어야 하는것이 중요하다
✔️효율적으로 그릴수있다면 코딩테스트 가능.
순서도에서 사용하는 도형과기호
| 도형 또는 기호 | 의미 | 예 |
|---|---|---|
| 두겹의 원 | 시작과 끝 | 시작과 끝 표시 |
| 타원한줄 | 일반절차 | ex) 숨을 쉰다 / 내쉰다 |
| 마름모 | 판단절차 | ex)단어가 올바른가? |
| 두겹의 사각형 | 특수상황 | ex)입력버튼 클릭 / 대기 |
| 화살표 | 다음절차로 가는 흐름 |
2-1 (세미콜론, 주석, 들여쓰기)
주석
사람끼리 서로 의사소통할 수 있도록 설명하는것.
긴가민가 할때 사용하기도 좋다.
Ex) // 코드에 대한 설명입니다. => 짧은 주석
/ 코드에 대한 설명입니다 이것은 긴 주석을 위한 기호 하하하하/ => 긴주석 (코드 중간에 끼워넣기 용이)
들여쓰기
들여쓰기 하지 않아도 실행에는 문제가 없다. 하지만 헷갈림 방지.
2-2 (문자열기본_따옴표 백틱 Type of Escape)
값 (value) - 프로그램이 조작할수있는 데이터
👉 숫자 / 문자열(string) / 참거짓 (Boolean)
문자열 (string) - 항상 (작은/큰)따옴표 혹은 빽틱으로 감싸주어야함.
✔️ “안녕” ‘안녕’
✔️ 빽틱은 줄바꿈이 자동으로된다
✔️ (작은/큰) 따옴표는 \n으로 줄바꿈
✔️ 문자열인지 확인하는법 - typeof ‘문자열’
✔️ 문장안에 따옴표를 넣고 싶을때는 감싸주는 따옴표를 반대의 따옴표로
ex)”how’re you” 혹은 역슬래시를 써줌 ‘how\’re you?’
2-3(문자열 합치기)
문자열 합치기
‘바나나’+’사과’
=바나나사과
2-4 (숫자기본+parseInt , NaN, 제곱, Infinity)
숫자
따옴표 없이 그냥쓰면 됨.
큰숫자 표현하는법:
50000=5e4
0.0005=5e-4
0b 는 이진법
0 은 팔진법
0x 는 16진법
숫자열인지 확인하는법 - typeof 숫자
문자열을 숫자로 바꾸는법 - parseInt(‘문자열’) 혹은 Number(‘문자열’)
parseInt()는 정수로 바꾸다
parseFloat()는 소수로 바꾸다
parseInt 와 Number이 다른점은
parseInt 는 숫자만 뽑아서 보여준다.
Ex) parseInt(‘3월’) => 3
parseInt(prompt())
원하는 값을 입력하면 숫자를 알려준다.
제곱:
2**3 => 2의 3제곱 =8
Infinity
무한을 나타냄
숫자임
예 ) 2/0
하지만 0/0 은 NaN
NaN = Not a Number
2-5 (연산자 우선순위, 소수 계산 주의점)
💡괄호로 감싸면 무조건 먼저 계산 (대괄호 중괄호 쓰지 않음)
💡소수계산시에는 정수로 바꿔서 계산한 뒤 마지막에 다시 실수로 변환
Ex) (0.3 10 - 0.1 10 ) /10.
컴퓨터는 이진법 기반으로 출력을 하기때문에.
0.3-0.1 로만 한다면 정확한 결과를 얻을수 없다.
2-6 (Boolean, 값들의 비교)
Boolean = true / False.
💡문자열이 아니기때문에 따옴표로 감싸지 않는다.
true > false => true
True 가 false 보다 크다. 숫자로 변환하면 true 는 1, False 는 0.
‘b’>’a’ (b는 98 a는97)
‘ab’<‘ad’ (d는 100으로 b 보다크다)
문자열끼리의 크기비교 하는법
👉 문자열.charCodeAt()
‘a’.charCodeAt() => 97
Nan은 무엇과 비교해도 항상 False
같다의부호 => ==
대입해준다. => =
같지 않다=> !=
== 와 === 차이:
==는 자료형이 다르지만 출력값이 같다면 true. 자료형을 비교하지 않음
===는 자료형과 출력값이 모두 같다면 true.
왠만하면 ===쓰는것이 나음
!= 와 !== 차이
!= 는 출력값만 비교
!==는 자료형과 출력값 모두 비교
2-7 (논리연산자 && || !! False 가 되는 코드)
‘그리고’ 👉 &&으로 표현
Ex) 10>5 && 6<8
true
10은 5보다 크다 그리고 6은 8보다 작다
우선순위가 헷갈린다면 괄호 이용.
또는 👉 ||
Ex) 10<5 || 6<8
true
또는 이기 때문에 둘중하나만 참 이어도 True
!👉 반대의 연산자
!true; => false
!를 두번쓴다면 참이됨.
- 느낌표 두개로 입력하고자하는 입력값이 참인지 거짓인지 구별할수있다.
False 가되는 코드들 :
- false
- ''(빈문자열)
- 0
- NaN
- undefined
- null
2-16 반복문 (While)
기본형식:
While (조건식){
동작문;}
✅ 반복문에 다가 조건을 주어서 몇번 반복할지 정한다
✅조건식이 true인동안 동작문을 계속해서 실행
✅잘못해서 무한반복이 되었을때는 다른 페이지를 켜고 그전 페이지를 강제종료.
or shift+esc 누르고 프로세스 종료.
조건식에는 변수를 쓴다.
예) let I =1 ( I 라는 변수에 1이라는 숫자를 선언해준다.)
while(1<=100){
console.log (‘hello while’);
I++;
}
실행결과 => (100) hello while
Hello while이 100번 실행 되었다.
I++ 는 I=I+1 or I+=1 이라고도 표현할 수 있다
이렇게 되어 i가 101이 되면 조건식이 false 가 되면 반복문이 멈춘다.
2-17 반복문 (for)
기본형식
For (시작;조건식;종료식) {
동작문;
}
💡시작 조건식 동작문 종료식 순으로 작동된다.
그후 조건식 동작문 종료식이 반복됨.
예) for (let I=0; I<100;I++) {
Console.log(‘hello for’)}
for문의 시작 조건식 종료식을 생략할 수 있다. 하지만 조건이 참이므로 무한 반복됨
예) for (;;){
}
