js(22)
-
Day19 : 조건에 따른 메시지 출력
remaining(남은시간)이 0이라면, "타이머가 종료되었습니다." 출력 이번엔 유효하지 않은 값이 들어왔을 때, "유효한 시간대가 아닙니다." 출력 isNaN 변수에 들어있는 값이 NaN인지 판별
2023.12.04 -
Day18 : 조건문과 논리연산자
조건문 로직의 실행분기점 지정해준 특정 조건을 통과하는지 검증 통과 여부에 따라 별도 기능을 수행하도록 하는 명령 if문 if(true) { 조건이 성립하면 실행되는 코드 } 객체의 이름이 Jason이라면 콘솔이 출력되게 해보자. 객체의 이름이 Jason 또는 Peter인 경우 콘솔이 출력되게 해보자. → 이 경우 같은 조건문을 두 번 사용해야하는 비효율적인 면이 있다 논리 연산자 && AND 연산자 : 양쪽에 위치한 조건을 모두 만족하는 경우 TRUE || OR 연산자 : 양쪽에 위치한 조건 중, 하나라도 만족하는 경우 TRUE
2023.12.03 -
Day17 : 비교연산자, 배열과 객체의 비교
비교연산자 : js의 데이터를 서로 비교하여 조건의 성립 여부를 판단하기 위해 사용 === 서로 같은지 비교 boolean 타입으로 반환 엄격한 비교 → 데이터의 주소값까지 비교 == 느슨한 비교 사용x → 제대로 된 비교x 이번에는 변수에 배열을 넣어보자 arr에 [1,2,3]이라는 배열을 넣고 arr과 [1,2,3]이라는 배열을 비교했는데 다르다는 결과가 나왔다. →그 이유는 원시타입(Primitive type)과 참조타입(Reference type)의 차이 때문이다. 원시타입 참조타입 String 이외의 모든 것 Number Boolean Bigint undefined Symbol Null 이 결과가 false인 이유 : 배열은 생성할 때마다 고유한 주소값을 갖는다. arr은 이미 101이라는 주소..
2023.11.28 -
Day16 : localhost란?
localhost 우리가 작업하고 있는 본인의 컴퓨터 자체를 가리키는 주소 127.0.0.1이라고 하는 ip주소로도 표현된다. localhost == 127.0.0.1 이 둘이 같다는 것ㅇ르 이해하기 위해서는 DNS라는 개념이 필요하다 DNS Domain Name System ip주소를 도메인이라는 주소로 변환해주는 것 127.0.0.1 → localhost localhost:5500 localhost 뒤에 숫자 : 포트 번호 5500 : live server가 사용하기 위해 설정해둔 번호 포트 번호 localhost로 통하는 여러 개의 문 중 하나 구글 같은 경우 url에 보면 자물쇠 표시가 있다. 이 경우 포트번호 443을 이용한다. 자물쇠가 없는 사이트는 80번 포트를 이용한다 자물쇠 O : htt..
2023.11.27 -
Day15 : 함수 선언의 종류
함수 표현식 : 변수에 함수를 할당하는 방식 1 2 3 4 const sum = function() { let result = 10+10; } cs 함수선언문 : function을 먼저 적고 이 뒤에 함수의 이름이 적힌다. 1 2 3 4 function sum() { let result = 10+10; } cs 차이점 선언키워드 : 표현식 O / 선언문 X 호이스팅의 영향 : 표현식 X / 선언문 O 호이스팅 :위로 끌어올려지는 것 JS는 위에서부터 한줄씩 코드를 읽어내려온다. 브라우저가 자바스크립트를 해석하는 과정에서 선언문으로 작성된 함수는 원래 선언된 위치가 아니라 위쪽으로 끌어올려지게 된다. 1 2 3 4 5 6 sum() function sum() { let result = 10+10; } cs..
2023.11.27 -
Day14 : 함수의 반환
return 데이터를 반환해줌 함수를 종료시킴 return을 통해 함수 밖에서 함수 내부에 있는 변수 데이터를 꺼내올 수 있게 되었다. 그리고 return은 함수를 종료시키기 때문에 아래의 console.log는 실행되지 않는다. 지난번에는 counterMaker에서 dateFormMaker함수를 실행시킬 수 없었는데 이번에는 return을 통해 값을 얻어올 수 있어 실행 가능하다. 변수들을 문자열로 연결할 때 ' '와 +를 이용하여 표현했는데 `(백틱)을 이용하면 그 자체로 문자열로 받아올 수 있다. return을 통해 함수 내부에 존재하고 있는 변수 데이터를 꺼내오고 데이터 받아와서 newDate()라는 함수에 대입해 목표한 날짜까지 남은 시간을 구해냈다. 그러나 지금은 한국 표준 시간을 이용하기 때..
2023.11.24