print("Today-I-Learned")

📌조건문조건에 따라 실행되는 코드. 조건식이 참(Truthy)인 값이나 거짓(Falsy)인 값을 반환하는지에 따라 코드를 수행할지 말지 판단한다.조건문에는 break나 return을 반드시 사용해줘야 한다. (조건식을 탈출 할 수 있도록)💡 함수를 만들 때 * 조건에 해당하지 않는 거짓조건을 제일 위에 써준다. (함수 끝까지 돌지 않고 바로 거를 수 있게)* 조건이 여러개 일 때는 if문이나 switch를 주로 사용한다.* 조건을 걸 때는 삼항연산자 위주로 사용한다. (중첩삼항을 쓰는 경우도 있음)  1. If문조건이 참일 때만 실행if (조건식) { // 조건식이 참일 때 실행될 코드}let isShow = true;let checked = false;if (isShow) { cosole.log..

연산자란? 하나 이상의 표현식을 대상으로 연산을 수행하여 하나의 값을 만드는 것. 피연산자(연산의 대상)는 값으로 평가될 수 있는 표현식이어야 한다. 연산자와 피연산자의 조합으로 이루어진 연산자 표현식 또한 값으로 평가될 수 있는 표현식이다.  📌산술 연산자 (arithmetic operator) 사칙연산( *, - , + )을 다루는 가장 기본적이면서도 많이 사용하는 연산자. console.log(1 + 2)console.log(12 * 7)console.log(7 / 9)console.log(7 % 5) //나머지값 📌할당 연산자 (assignment operator)변수에 값을 대입하는 데 사용하는 연산자.const a = 5let b = 10b += a // 15 (b += a === b =..

함수란? 반복적으로 필요한 코드를 하나의 덩어리로 묶어서 필요할 때마다 꺼내 쓸 수 있도록 한 것.재사용성이 높고,유지보수가 용이하며,구조 파악이 용이하다는 장점을 가진다.  📌 함수 구조 용어이름의미Parameter매개변수함수 안에서 사용하는 데이터를 전달 받는 것 (호출하는 쪽에서)Arguments 인수,인자, 전달인자 매개변수가 받아 줄 특정한 데이터 (전달하는 것)   * 기본 매개변수: 값이 전달되지 않거나 undefined인 경우 명명된 매개변수를 기본값으로 초기화할 수 있다.function add(a =0, b = 0) { // 값을 입력하지 않으면 내가 정해둔 0으로 입력하기 위해. return a + b }; add()    📌 함수 선언함수선언방식호이스팅 여부함수표현 전..

📌 객체타입 (Object Types) 원시타입과 달리 값을 변경할 수 있다.여러개의 데이터를 변수 하나에 저장할 수 있기 때문에 데이터 추가, 제거, 검색, 정렬 등다양한 작업을 수행 가능하도록 메서드를 제공한다.주소값을 비교하며, 메모리힙에 저장된다. 1. 배열데이터(Array)데이터를 순서대로 저장하는 객체빈 배열로 생성하거나 요소가 포함된 배열로 생성할 수 있다.숫자를 이용해 값에 접근할 수 있으며 length라는 프로퍼티(properties: 자산)를 가지고 있다. (문자열처럼)배열안에 다른 배열을 포함할 수 있다. (다차원배열)[ ] 대괄호 안에 넣어준다.const arr = [1, 2, 3];// 배열 안의 원소에 접근하기 위해서는 인덱스 번호를 이용한다. console.log(arr[0]..

변수의 타입은 크게 원시타입, 객체타입으로 나누어지며 다양한 데이터를 용도에 맞게 쓰기 위해서 사용한다.* 타입체크는 typeof라는 함수보다는 Object.prototype.toString.call 함수를 사용하자!  📌 원시타입 (Primitive Types) 실제 데이터 값을 저장하는 타입 가리키고 있는 값의 변경이 불가능하다. (= 불변 immutable)콜스택에 저장된다.let a = 'HELLO';console.log(a[0]); // Ha[1] = 'J';console.log(a[1]); // E. J로 바뀌지 않는다  1. String (문자형 데이터)' ' (작은따옴표) 혹은 " " (큰 따옴표)를 사용해 문자를 나타낸다.순서가 있고(이 순서를 index라고 한다) 0번부터 시작하며 띄..

📌 변수란? 변수 (variable) : 데이터를 담는 공간. 데이터를 담아주기만 할 뿐,  담겨져 있는 실체는 변하지 않는다.변수는 화살표로 값을 가르킨다고 생각하자! (변수 → 값) 변수는 선언 ➡️ 초기화 ➡️ 할당 단계를 거친다.* 변수 선언: 변수를 생성(등록) 하는 것. * 변수 초기화: 변수저장을 위해 공간을 확보하는 것. 기본으로는 undefined가 할당. * 값 할당: 할당연산자( = )를 통해 값을 할당하는 것. undefined로 초기화된 변수에 실제 값을 할당한다. 📌 변수의 생성1. 변수를 만드는 키워드 ( var, let, const )  변수  재선언값(데이터)의 재할당스코프(울타리) 영역 선언 & 초기화 & 할당var⭕ ⭕ 함수 레벨 스코프선언과 초기화가 동시에 실행된다..

📌 BOM (Browser Object Model) window 라는 객체가 바로 브라우저의 가장 최상위 객체 브라우저에서 제공하는 API.자바스크립트를 통해 브라우저에서 제공하는 기능들을 사용할 수 있도록 도와주는 역할.window.alert() : 브라우저에 메세지 다이얼로그를 띄웁니다. window.prompt() : 브라우저에 사용자의 데이터를 입력받을 수 있는 입력 창을 띄웁니다. window.confirm() : true 혹은 false 값을 반환하는 다이얼로그를 띄웁니다. console.log() : 콘솔창에 로그 메세지를 보여줍니다. console.error() : 콘솔창에 에러 메세지를 보여줍니다. console.table() : 콘솔창에 데이터를 테이블 형태로 제공합니다. 더보기 AP..

📌 JavaScript란? 웹페이지에서 동작하는 프로그램을 만들 때 사용되는 프로그래밍 언어. 요즘은 브라우저가 아닌 환경에서도 자바스크립트를 실행 할 수 있게 되면서 게임프로그래밍, 서버프로그래밍 등다양한 분야에서 사용되고 있다. 동적인(Live) 웹을 지향한다. 더보기node가 나오면서 JavaScript를 앱에서도 사용할 수 있게 되었다.(node.js는 런타임 환경, 즉 실행환경을 제공하는 것이지 라이브러리라고 얘기할 수 없다.)  📌 동적인 웹을 위해 자바스크립트가 하는 것데이터 저장 저장 공간 : var, let, const 저장할 값의 형태 : 숫자, 문자열, 빈 값(null, undefined), boolean(true, false), 배열, 객체 코드의 뭉치 : 함수 값 계산사칙연산논..

Object.entries(): 객체(object)의 열거 가능한(enumerable) key-value 쌍을 [key, value] 형태의 배열로 변환하는 메서드➜ [key, value] 배열을 반환함 Object.entries(객체) [키, 값] 쌍을 배열로 반환하기 때문에 key나 value만 단독으로 반환하고 싶다면 keys()나 values() 메서드를 사용해야 함!Object.keys() : 객체의 키만 배열로 반환Object.values() : 객체의 값만 배열로 반환 ➰ https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/Object/entries

💫 오늘의 학습 키워드* 포스트맨* fetch✔️ TMDB, 공공데이터, OpenWeather API   ⇒  각각 다른 api 문서의 형태를 확인해보고, 사용해보자!  1)  카카오 API 예시https://developers.kakao.com/docs/latest/ko/kakaologin/rest-api — CURLClient URL의 약자.API에서 웹사이트나 서버에 요청을 보내고 응답을 받을 수 있다. 명령어 한 줄로 간단하게 API와 대화할 수 있게 해주는 도구.예를 들어, 웹에서 데이터를 가져오거나 보내고 싶을 때 curl을 사용한다.모든 API 문서에 필수로 들어가 있다. 공통표준! CURL에 명시되어 있는 것들은 필수조건! ⇒ 내용이 누락되면 서버가 bad request로 인지하고 400..