IT/JavaScript 20

[백준/JAVA] 2884 알람시계

1. 문제 2884번: 알람 시계 상근이는 매일 아침 알람을 듣고 일어난다. 알람을 듣고 바로 일어나면 다행이겠지만, 항상 조금만 더 자려는 마음 때문에 매일 학교를 지각하고 있다. 상근이는 모든 방법을 동원해보았지만, www.acmicpc.net 2. 풀이 사용자가 평소에 7시에 기상이라 7시로 알람을 설정해 놨다면 7시보다 45분 더 빠른 6시 15분이 출력되도록 해야 한다. 즉 사용자가 입력한 값이 7 0 (7시)일 때 출력값은 6 15 가(6시 15분) 나오도록 해야 한다. import java.util.Scanner; public class Main { public static void main(String[] args) { Scanner scan = new Scanner(System.in); ..

IT/JavaScript 2023.02.19

[JS] JSON이 도대체 뭘까? 코드잇 ver

* 코드잇 강의를 보면서 필기한 필기록입니다. JSON이란? JSON은 Java Script Object Notaion의 줄임말이다. 어떤 정보를 교환할 때 만들어진 데이터 포멧(형식)이다. 예시로?@@ 자바스크립트 문법을 빌려서 만들어진 데이터 포멧이다. 자바크스립트 문법을 기반으로 했기에 JSON 문법은 자바스크립트 문법과 유사하다. JSON의 형태 fetch('https://jsonplaceholder.typicode.com/users') .then((response) => response.text()) .then((result) => {console.log(result); }); 위의 코드를 크롬에서 개발자 모드(ctrl+shift+i)를 켜서 실행하면 아래와 같은 결과가 뜬다. 중괄호 안에서 각..

IT/JavaScript 2023.02.19

[JS] fetch() 함수가 뭘까? - 오늘도 코드잇

* 코드잇 강의 필기록입니다. * 필기록이라 정확하지 않은 글이 있을 수 있습니다. fetch 함수에 대해 살펴보기 전에 알아야 할 것 fetch 함수는 서버에 요청을 보내고, 응답을 받을 수 있게 해주는 함수다. 글만 봐선 바로 이해가 안 갈 수 있다. 이 fetch 함수에 대해 이해하기 위해선 우선 웹 브라우저의 요청과 응답에 대해 알아야 한다. 웹 브라우저가 서버에게 보내는 요청을 request(요청하다)라 하고 서버가 웹 브라우저에게서 받은 요청을 기반으로 응답 하는 걸 respond(응답하다)라고 한다. 예시를 들자면 내가 웹사트 주소창에 google.com 이라고 입력하면 '서버야! 구글 사이트 좀 나한테 보여줘!'라는 요청이 된다. 이 요청을 서버가 받아서 '구글 사이트 여기있어!'하면서 네..

IT/JavaScript 2023.02.17

[JS] 자바스크립트 'Math.round()' 함수가 뭘까?

1. Math.round() 함수란? Math.round() 함수는 실수를 반올림해서 정수로 만들어주는 함수다. 12.55같은 경우 소수점 첫 째 자리 수가 5이기에 반올림이 일어나서 13이 된다. 이렇게 실수 12.55를 정수 13으로 만들어 주는 게 Math.round 함수다. A = Math.round(12.45); //결과: 12 B = Math.round(12.55); //결과: 13 C = Math.round(12.4554533); //결과: 12 1) Math.round(12.45); Math.round 함수 안에 인수로 12.45를 넣으면 결과로 12가 나온다. 반올림은 소수점 첫 번째 자리가 5 이상이면 가능하다. 실수 12.45의 소수점 첫 번째 자리는 4이기에 반올림이 불가하다. 따라..

IT/JavaScript 2023.02.02

[JS] '계산된 프로퍼티'가 뭘까?

계산된 프로퍼티(Computed property) let a = 'age'; const user = { name : 'Mike', age : 30, } 위의 코드에서 age는 아래처럼 작성해도 된다. let a = 'age'; const user = { name : 'Mike', [a] : 30, } 이렇게 대괄호로 묶어주면 a라는 문자열이 아니라 변수 a에 할당된 값이 들어간다. let a = 'age';를 보니 현재 변수 a에 할당된 값은 age이다. [a]는 a 변수에 할당된 값을 의미한다고 했으니 [a] 는 age를 의미한다. [a]를 계산된 프로퍼티라고 한다. 객체 안에서 계산된 프로퍼티 사용하기 const test = { [1+2] : 3, ['계산된' + '프로퍼티'] : '계산된프로퍼티',..

IT/JavaScript 2023.01.31

[JS] 자바스크립트 var, let, const의 차이점이 뭘까?

1. var와 let의 차이 var name = 'Buang'; console.log(name); //Buang var name = 'Owl'; console.log(name); //Owl var는 한번 선언된 변수를 다시 선언할 수 있다. 위의 코드를 보면 var name = 'Buang';를 통해서 name이란 변수에 Buang란 값을 넣어줬다. 그런데 아래를 보면 var name = 'Owl'; 이렇게 name이란 똑같은 변수 이름으로 Owl이란 값을 넣어줬다. 똑같은 이름의 변수를 선언해줬음에도 문제없이 Buang 과 Owl이 출력되는 걸 확인할 수 있다. 즉 var를 사용하면 똑같은 이름의 변수를 선언해도 문제없다. 하지만 let은 다르다. var name 대신 let name으로 수정하고 코드..

IT/JavaScript 2023.01.31

[JS] 자바스크립트 'this'가 도대체 뭘까?

1. this의 정의 this는 '이것'이란 뜻을 가지고 있다. 내가 손가락으로 책상을 가리키면서 '이것'이라고 하면 '이것' = 책상이 된다. 필통을 가리키면서 '이것'이라고 하면 '이것' = 필통이다. 즉 내가 무엇을 가리키는지에 따라 '이것'의 의미도 달라지듯이 this는 함수가 어떻게 호출되느냐(=손가락으로 무엇을 가리키느냐) 에 따라서 this의 값도 달라진다.(=책상을 가리키면 this는 책상이고, 의자를 가리켰다면 this는 의자이고) 지금부터 this가 어떤 상황에서 어떻게 달라지는지 살펴보고자 한다. 1. this가 단독으로 쓰일 땐 전역객체 window를 가리킨다. 2. this가 함수 안에 쓰일 땐 전역객체 window를 가리킨다. 3. this가 메소드 안에서 쓰일 땐 해당 메소드를..

IT/JavaScript 2023.01.31

[JS] 자바스크립트 '전역객체(window)'가 도대체 뭘까? QQ

전역객체 Window란? "브라우저 상에서 모든 객체의 최상위 객체인 window를 전역객체라 한다." 뜻을 봐도 무슨 말인지 모르겠다. 전역객체에 대한 이해를 돕기 위해 신기한 걸 한 개 보여주고자 한다. a라는 변수에 Hello라는 문자열을 넣어줬다. console.log(a);를 입력하면 Hello가 출력될 것이다. 여기까진 쉬운 부분이다. 그런데 console.log(window.a);를 입력했는데 똑같이 Hello가 출력된 걸 확인할 수 있다. 이게 도대체 무슨 일인 걸까? 어째서 이런 일이 일어났는지 바로 알려주기 앞서 다른 신기한 상황을 한개 더 보여주고자 한다. var welcome = "Hi"; var name = "Buang"; console.log(welcome + " " + name..

IT/JavaScript 2023.01.31