관리 메뉴

엘리

#TIL 생활 코딩 자바스크립트 #항해 6일차 본문

프로그래밍 공부 일지/TIL 그리고 WIL

#TIL 생활 코딩 자바스크립트 #항해 6일차

엘리허 2021. 9. 18. 21:27

주특기를 노드로 정했다 

그래서 이번주 일요일까지 자바스크립트를 끝내고, 타입스크립트까지 보는걸로 해보자!

+) 홈페이지 작성 해보자!

다음주 월요일부터 수요일까지 노드 2주차까지 2회 돌려 보는걸로!

세가지만 기억하자

반복하고 꼼꼼하게 알고 가고, 오답노트 하자!

 

언어=자바스크립트

 

자바스크립트의 환경 

웹브라우저(web brower)

노드제이에스(node.js)

스프레드쉬트(spreadSheet)

 

*크롬에서 개발자 도구 열고 싶으면 alt cmd i 

*역슬래쉬 뒤에다가 따옴표를 붙이는 것을 escape 라고 한다 

*tpyeof N: 문자열인지 숫자인지 알려줌(N은 변수)

*자바스크립트에서 변수는 var로 시작한다  let 이나 const로 바뀜

*자바스크립트의 주석은 // 이다 (줄바꿈 하기 전까지) /* 여러줄 주석 */

*;(세미콜론) 명령이 끝났다는 것을 명시적으로 표시할때

*줄이 바뀌면, 명령이 끝났다라고 간주

*비교 

동등 연산자 == (*= 이 하나만 있을때는 대입 연산자!)

일치 연산자 === (동등 연산자보다, 일치 연산자를 쓰는 것을 추천! 정확도를 높일수 있음)

null : 값이 없다(프로그래머가 의도한 상황)

undefined : 정의 되지 않았다(프로그래머가 의도하지 않은 상황)

prompt: input 창을 alert으로 보여줌 

*논리연산자

&& : and 라는 논리연산자 

|| : OR이라는 논리연산자 

! : NOT의 의미 

*++i / i++ 구분하기 iterate (반복문)

  ++i 는 변수 i의 값을 1 씩 증가 시킨다. 동시에 ++i 의 값도 1 증가 시킨다.

  i++ i++는 변수 i의 값을 1 증가 시킨다 하지만 i++  자체는 바로 증가 되지 않는다.

*document.write : 출력 명령문이며, 괄호 안에 내용을 넣는다 (파이썬의 print 같은 개념인가?)

*continue: 그 순간 잠깐 종료되고 다시 반복문 실행

*break: 반복문 종료

*toupperCase : 대문자로 변환

*a.length: a라는 리스트의 갯수 (파이썬의 len)

 

[추가]

*li.push('a'): li 이라는 리스트에 a 값을 추가 (내장함수)

*li.concat(['a','b']) : li 이라는 배열에 a,b 배열을 추가!

*li.unshift('z'): li 라는 배열에 z의 값을 배열 맨 앞쪽에 추가

*li.splace(index,howmany,element): 

배열의 특정한 자리에[index], how many 만큼 삭제하고, 뒤에있는 element를 추가하는 것

 

[제거]

*li.shift(): 배열의 가장 앞쪽 원소를 제거

*li.pop(): 배열의 가장 뒷쪽 원소를 제거

*li.sort(): 배열을 순서대로 정렬

*li.reverse(): 배열을 역순으로 정렬

*li.sort(sortfunc): 배열을 입력자가 원하는 순서대로 정렬 (기억이 나지 않으면 필요할때 찾아 쓸것!)

 

객체: 데이터를 담아내는 그릇 인덱스에 숫자만 쓰는게 아니라, 문자로도 지정할수 있음.(다른언어에서는 연관배열, 맵, 딕셔너리)라는 데이터 타입이 객체에 해당한다. 중괄호로 쓰임 {} 혹은 새로운 객체를 만들때 new object()

객체 추가하는 방법 : grades['입력값'] = 입력값(value)

객체 value 출력 하는 방법 : grades['key'] 혹은 grades.key 로 나타낼수 있다. 

 

*한번 더 보면 좋을 강의

생활의 코딩 조건문의 마지막 강의!

생활의 코딩 반복문의 중첩 디버그 확인 하는 방법 

생활의 코딩 배열 추가 방법 

생활의 코딩 객체의 마지막 강의 듣기!