2022 새해가 밝았다~!~!~!
2022년 이루고 싶은 목표
1. 성공적인 이직 성공
2. 개발자로 살게 될 첫 해인만큼, 뭐든 꾸준히 하기
3. 삶이 너무 척박할 땐 스스로에게 칭찬도 좀 해주기
삶이 너무 수월할 땐 스스로에게 채찍질하기
오늘도 가보겠습니다~!
아 이제 좀 알겠어? 복습해. 아 이제 안 헷갈리는 것 같아? 복습해. 아 그냥 복습해.
1. 항상 첫 파일부터 새로 복습하기
안 보고 document.getElementById('')
document.querySelector('#') 적어보기.
매일 첫 파일부터 다시 열어서 맨 처음부터 시작하는 이유가, 형태를 익히려는 것도 있지만 손에 익어야 타자도 더 수월하고 속도감을 높일 수 있기 때문이다.
자전거 타기나 수영을 배운 사람은 오랫동안 쉬다가 어느 날 자시 자전거를 타거나 수영을 하게 되어도 잊지 않는다고 한다.
머리는 까먹었지만 몸이 기억하고 있기 때문이라고 하는데, 코딩도 역시 그렇지 않을까 싶다.
머리로 외우고 이해한 후엔, 손에 익힐 수 있도록 반복하고 반복해 나중에는 내 손가락 자체가 코딩을 편리하게 해주는 하나의 기능 키가 될 수 있을 거라고 생각한다.
고로 화이탱.
2. 명령어 복습
var 와 let, const 사용도 reset 후 다시 해보기!
3.산술연산자 복습
lisa - money 노래를 들으며 작업했더니 의도치 않게 2022년은 뭔가 돈냄새 날 것 같고.. 그런 코딩을 했다 끌끌끌.
const 에는 나의 바람을 담아보았다
중간 중간 저장없이 한 번에 쫙 코딩하고 나타냈을 때
오류 없이 깔꼼하게 쫙 나올 때의 뿌듯함 ^_^
2022 대박나자 화이탱!
4. 증감연산자 복습
5. 연결연산자, 결합연산자, 배틱 사용법 복습
연결연산자, 결합연산자, 배틱 사용법 까지 한 번에 정리되어있는 파일이라서 꽤 코딩 양이 많다.
reset 하려고 지우는데 복습을 여러 번 해서인지 드래그해서 한 방에 지우는데도 두렵지가 않았다
화이탱.
연결연산자의 + 와 결합연산자의 , 를 잘 알고 사용하면 문제 없을 것으로 보인다.
document.write로 화면에도 연결연산자와 결합연산자를 사용해보았다.
같은 데이터형으로 연결이 되었다면 산술이 가능함.
중간에 다른 데이터형이 있을 경우 +라면 그 후부턴 결합연산자.
중간에 다른 데이터형이 있을 경우 , 라면 연결연산자로, 산술이 가능함.
배틱사용법
처음부터 해보니 다시 조금 헷갈리던 배틱 부분.
``(배틱)을 사용하면 문자형 중간에 수식을 끼어 산술이 필요한 부분에 ${}를 넣으면 산술이 가능함. 단, 문자형으로 출력됨.
``
let sum01 = 5;
console.log(겨울'${10+20}); 은
겨울(str형)에 10+20의 산술이 ${}를 사용해 가능하다.
값은 겨울30
console.log(겨울${sum01+10}); 은
겨울(str형)에 sum01(5)+10=15 의 산술이 가능하므로
값은 겨울15
배틱사용법
문자형 ${수식} 문자형<
6. 논리연산자
논리연산자의 종류
1. and (&&) 연산자
: 두 값이 모두 true 여야지만 true 값이 나온다.
(1) true / true -> true
(2) true / false -> false
(3) false / true -> false
(4) false / false -> false
2. or (||) 연산자
: 둘 중 하나의 값만 true 가 나와도 true 값이 나온다.
(1) true / true -> true
(2) true / false -> true
(3) false / true -> true
(4) false / false -> false
3. not(!) 연산자
: 현재 피연산자가 가지고 있는 boolean 값을 반대로 변경함.
값이 true 이면 -> false
값이 false 이면 -> true 로 값을 변경함.
ID 와 PW를 선언하고,
userID 와 userPW를 prompt 매서드를 사용해 로그인을 해보겠다!
prompt () 매서드는 사용자에게 질문을 보내면 사용자가 자신의 값을 입력할 수 있는 매서드이다.
prompt('') 안에는 아이디와 비밀번호를 입력하라는 문구를 넣는다.
and(&&)연산자 부터 사용한다면
console.log(id == userID && pw == userPW); 를 넣는다.
id와 pw가 모두 일치해야지만 true 값이 나올거고, 하나라도 틀리면 false 값이 나온다.
or(||)연산자 를 사용한다면
console.log(id == userID || pw == userPW); 를 넣는다.
id와 pw 중 하나는 맞고 하나는 틀려도 true 값이 나온다.
id와 pw 둘 다 틀려야지만 false 값이 나온다.
7.조건연산자(삼항연산자)
조건연산자란
조건을 먼저 만들고 그 조건의 결과값(true,false)의 결과에 따라 실행 값을 출력하도록 하는 연산자 이다.
조건식 ? 조건이 참일 때 출력 실행 값 : 거짓일 때 출력 실행 값 ;<
여러 가지 예시를 만들어보자~!
<1번 조건연산자>
let i = 30;
let j = 15;
<2번 조건연산자>
let a = 1;
let b = 50;
<3번 조건연산자>
let num01 = 999;
let num02 = 0;
let aa = 10;
let bb = -10;
쓰여져야 할 식
<1번 조건연산자>
let i =30;
let j = 15;
i<j ? console.log('j가 i보다 크다.'):console.log('i가 j보다 크다.');
<2번 조건연산자>
let a =1;
let b = 50;
a>b ? console.log('a가 더 크다.'):console.log('b가 더 크다.');
<3번 조건연산자>
let num01 =999;
let num02 = 0;
num01>num02 ? console.log('num01이 더 크다.'):console.log('num02가 더 크다.');
<4번 조건연산자>
let aa =10;
let bb =-10;
aa !== bb ? console.log('aa와 bb는 다르다.'):console.log('aa와 bb는 같다.');
값은?
조건연산자에서 주의해야 할 점은
주어진 조건에서 참인지 거짓인지 확인 후 출력실행값의 순서를 잘 적어야 한다는 점이다.
사실 여부와는 상관없다.
예를 들어,
2번 조건연산자의 예시처럼
a의 값이 b보다 큰 것이 사실이지만,
조건문이 a>b 라면 참은 a가 더 크다 이고, 거짓이 b가 더 크다 가 되겠다.
이 점으로 초반에 조금 헷갈릴 뻔 해서 구글링으로 찾아보았다.
오호
아직 수업진도 나가지 않은 if 와 else 도 조금 맛보기 해보았다~!
조건연산자 이해하고 나니 꽤 재밌어서 이 예시 저 예시 만들어보았다 끌끌.
내일도 화이팅입니다.
