📌학습 내용
📖JavaScript
-웹: 웹사이트의 기능 구현
-앱: css, html, JS만 사용하여 하이브리드 앱으로 개발 가능
-서버: 과거엔 JAVA, PHP 등의 서버 개발 특화 언어를 선택해야 했지만 JS 기반의 node.js를 활용 가능
-사물인터넷(IoI) 기능 구현 가능
💡 JS 특징
-High Level Language: 인간 친화적인 고급 프로그래밍 언어로서 빠른 습득이 가능
-아래의 세 가지 부분으로 나누어 공부할 것을 추천
(1) 자바스크립트 코어: JS의 문법적인 특징
(2) 클라이언트 측 자바스크립트: 브라우저를 제어할 때 쓰이는 JS
(3) 서버 측 자바스크립트: 서버 개발에 관심있을 때 공부를 더 해보면 좋음 (node.js)
💡 JS 적용 방법
(1) html 내에 포함
<script>
console.log("Hello");
// 콘솔 내에 ( ) 정보를 출력 //
</script>▪ 개발자도구로 적용 / 오류를 확인 가능
🔗적용됨
🔗오류
(2) 별도의 JS 파일을 만들어 연동
<script src="js/fileName.js"></script>참고
적용 순서에 따라 캐스케이딩 됨
(3) 주석처리 방법
▪ 전체 주석 처리: /* */
▪ 한 줄 주석 처리: //
전체 주석 안에 한 줄 주석을 포함할 수 있음
📖변수
💡 변수
-데이터를 저장하는 공간
-변수라는 박스 안에 데이터를 담을 수 있으며 '변수명'이란 박스가 어떤 박스인지 표시하는 개념
💡 변수 선언과 초기화
▪ var: 박스를 생성하기 위한 선언
▪ 변수 선언과 초기화 효율적으로 하기
▪ 모든 변수는 선언과 동시에 자동으로 undefined가 자동으로 할당됨 (중요⭐)
▪ 변수는 언제든지 원하는 시점에서 변경 가능
▪ 변수는 최초 선언&초기화에서 undefined를 할당 받고 이후 이후 데이터가 변경되는 것 (중요⭐)
▪ 변수 이름 작성법
camelCase 사용이 조금 더 보편적이지만 개인 선호나 조직 분위기에 따라 선택
주의점 추가
5. 예약어(JS에서 만들어져 있는var,typeof,function,null,undefined,true,console등)를 피할 것
6. html에 JS 파일을 두 가지 이상 연동시킬 경우, 한 파일에서 만들어놓은 변수와 함수는 다른 파일에서도 호출 가능함 -> 이름의 중복 피할 것
📖데이터 타입
[원시 타입]
(1) 문자 (String)
(2) 숫자 (Number)
(3) 논리 (Boolean) - True or False
(4) undefined
(5) null
[참조 타입]
(6) 배열 (Array)
(7) 함수 (Function)
(8) 객체 (Object)
💡(1) [원시타입] 문자 (String)
-콘솔에서 검은색으로 표현됨
💡(2) [원시타입] 숫자 (Number)
-콘솔에서 파란색으로 표현됨
💡 연산자
▪▪▪ 사칙연산자
▪▪▪ 문자 데이터의 사칙연산
문자열의 덧셈: '문자'와 '문자'를 이어붙임
문자와 숫자 데이터의 혼합: 검은 색(문자 데이터)로 나타남
▪▪▪ 증감연산자
--: 원래의 데이터값에서 1씩 감소함
++: 원래의 데이터값에서 1씩 증가함
주의
연산자를 데이터에 적용하는 순서에 따라 의미가 달라짐
: 증감연산자를 값의 뒤에 붙이면 그 다음 변수 초기화에서 증감연산자가 적용됨
▪▪▪ 대입연산자
+=, -=, *=, /=, %=
자기 자신에 새로운 값을 업데이트함
▪▪▪ 비교연산자
>, <, ==, ===, !=, !==, <=, >=
결과값은 true / false의 boolean으로 나타남
두 데이터가 동일한 값인지 비교
== vs === / != vs !== 의 차이: === & !==는 데이터 타입까지 완전히 동일한지 비교하는 엄격한 비교
▪▪▪ 논리연산자
&&, ||
💡 (3) [원시타입] 논리 (Boolean)
▪ True와 False를 구별함
▪ 논리연산자와 함께 ID/PW 로그인 기능 등에 사용할 수 있음
▪ 데이터에 직접 부여 가능
📌어려운 점
🤍
📌해결방법
🤍
📌느낀 점
🤍
