1주차
서비스의 동작원리 -- in 웹개발
- 클라이언트 : 브라우저 - 서버
서버로부터 사이트를 받아내는 과정
DNS --> IP주소(: 서버 컴퓨터의 위치) --> 서버 컴퓨터가 클라이언트에게 줌
+) 데이터 베이스 : 서버의 저장소
API (: Application Programming Interface)
두 프로그램이 서로 소통할 수 있게 해주는 것, 클라이언트와 서버가 서로 소통할 수 있게 됨
Swiper : slider 생성하는 코드들이 있는 library
JAVASCRIPT
# 변수 선언
let 변수이름 = 값;
#함수 선언
function 함수이름() {};
#백틱(`) 사용 : 템플릿 문자열
" 나 ' 가 포함된 문자열을 가독성있게 작성 가능
연산식, 변수 등이 포함된 식을 가독성 있게 작성 가능 -> ` ${} `
# NaN
not a number
#옵셔널 파라미터
파라미터에 미리 값을 할당한 것; 선택적으로 값을 전달할 수 있다
옵셔널 파라미터는 가장 뒤쪽에 생성
#상수 선언
const 상수명 = 값; 대문자와 밑줄을 이용해 표현
#property
- 대괄호 표기법
objectName['propertyName']
- property 삭제
delete objectName.propertyName
- 함수 property
propertyName: function(){}
- for_in 반복문
for(변수 in 객체){동작} :: property개수 만큼 반복
이때 변수를 통해 값에 접근하려면 동적으로 접근해야하므로 대괄호 표기법을 사용해야됨!
#배열
let arrayName = [elemenet1, element2, … ]
- indexing : 배열의 index를 통해서 요소에 접근하는 것
‘순서가 있는 값’을 다룰 때는 객체보다 배열이 더 효율적이다
배열의 메소드
- splice 메소드
splice(startIndex, deleteCount, item)
: startIndex로부터 deleteCount의 개수만큼 배열에서 완전히 삭제한다. 이때 item값이 존재할 경우 삭제한 자리에
item 값을 추가한다
* 이때 deleteCount가 입력되지 않으면 startIndex 이후의 모든 값을 지운다.
- shift()
: 배열의 첫 요소를 삭제
- pop()
: 배열의 마지막 요소를 삭제
- unshift(value)
: 배열의 첫 요소로 값 추가
- push(value)
: 배열의 마지막 요소로 값 추가
- reverse()
: 배열의 순서 뒤집기
- includes()
: 배열에서 특정 값이 있는지 확인하기 - boolean값 return
for_of 반복문
for 변수 of arrayName
Number객체
- toFixed(num)
: num만큼 소수점 아래의 자리수를 고정해줌
사용할 경우 자료형이 String으로 바뀜 --> 'javascript에서는 값 앞에 + 기호를 붙이면 Number()와 동일한 기능
- toString(num)
: num진법으로 숫자 변환해줌 ; 사용할 경우 자료형이 String으로 바뀜
+) 정수 형태의 숫자 값에는 메소드 사용 시 점 '2개'를 사용해야됨
Math 객체
- round(num)
: num의 반올림된 값을 return
** 배열과 객체 모두 변수에 할당될 때 그 자체가 변수에 담기는 것이 아니라 주소값이 담긴다 **
--> 따라서 하나를 수정하면 모든 것에 변경사항이 적용됨
--> 이를 막기 위해서 값을 복사하려면 'slice()'이용