공부 기록일지📚

Array.prototype.reduce() reduce() 메소드는 배열의 각 요소에 대해 주어진 리듀서(reducer)함수를 실행하고, 하나의 결과값을 반환 각각의 배열 요소에 콜백함수를 실행하고 결과를 누적한 최종 답이 필요할 때 유용함 (e.g.배열 요소의 전체 합을 구할 때) const array1 = [1, 2, 3, 4]; // 0 + 1 + 2 + 3 + 4 const initialValue = 0; const sumWithInitial = array1.reduce( (previousValue, currentValue) => previousValue + currentValue, initialValue ); console.log(sumWithInitial); // expected output..

서울시 OpenAPI(미세먼지) http://openapi.seoul.go.kr:8088/6d4d776b466c656533356a4b4b5872/json/RealtimeCityAir/1/99 -> JSON형식으로 된 파일을 정돈된 형태로 보기위해서는 chrome 확장 프로그램 JSON View를 설치해주시면 됩니다. 🌞여기서 JSON은 key : value 로 이루어진 딕셔너리와 비슷한 서버통신용 표준 포맷이라고 생각하면 된다. 위의 내용을 보면 RealtimeCirtAir라는 딕셔너리(JS에서 객체)에 key : value의 형태로 들어가있고 key가 row인 곳의 value로 리스트(JS에서 배열)가 들어가 있고 해당 리스트안에 또 딕셔너리가 담겨있다. (어지럽군요^^) 🌞API란? 간단히 말하면 은..

🌞자바스크립트란? -프로그래밍 언어 중 하나로, 브라우저가 알아들을 수 있는 언어(표준) 클라이언트가 서버에 요청하면, 서버가 클라이언트에게 HTML + CSS + JS를 준다. 프로그래밍 언어를 배울 때 기억해야할 5가지 ->변수, 자료형, 함수, 조건문, 반복문 파이썬에서는 데이터값을 저장하기 위해 리스트와 딕셔너리를 가장 많이 사용한다. 리스트는 다른 프로그래밍 언어에서는 array(배열)라고 부르기도 한다. 자료형에서 유의 깊게 봐야할 개념 2가지(리스트, 딕셔너리) 🌞리스트 자바스크립트에서 배열(Array)을 말한다. 리스트는 리스트 내 값의 위치(index)와 그 위치에 있는 값의 정보(value)를 저장한다. 리스트는 key값이 없고(대신 index값, 위치정보)가 있음 어떤 값을 찾을 때 ..

※하나몬 님의 스코프 , 클로저 개념을 바탕으로 각색되었습니다! 자세한 내용은 아래에 첨부된 원문 링크를 통해서 참고하시길 바랍니다. 🍕return 명령문? 함수 실행을 종료하고, 주어진 값을 함수 호출 지점으로 반환한다. function getRectArea(width, height) { if (width > 0 && height > 0) { return width * height; } return 0; } console.log(getRectArea(3, 4)); // expected output: 12 console.log(getRectArea(-3, 4)); // expected output: 0 구문 return [[expression]]; expression 반환할 값으로 사용할 표현식. 생략할..

※해당 글은 하나몬 님의 원글을 바탕으로 수정 추가되었습니다. 맨아래 링크 참고 🍕정규 표현식이란(regular rexpression)? - 일정한 '패턴'을 가진 문자열의 집합을 표현하기 위해 사용하는 형식 언어(formal language)이다. 정규 표현식은 JS의 고유 문법이 아니며, 대부분의 프로그램 언어와 코드 에디터에 내장되어 있음 JS(자바스크립트)의 경우, 정규 표현식 문법을 ES3부터 도입했다. 단점) 정규 표현식은 주석이나 공백을 허용하지 않고, 여러 기호를 혼합해 사용하기 때문에 가독성이 좋지 않다. 🍕정규 표현식의 역할 문자열을 대상으로 '패턴 매칭 기능'을 제공 (*특정 패턴과 일치하는 문자열을 검색, 추출, 치환(대체)할 수 있는 기능을 말한다.) 반복문과 조건문 없이 패턴을 ..

자바스크립트에는 3종류의 논리 연산자가 있음 ||(OR), &&(AND), !(NOT) 논리 연산자는 피연산자로 boolean형뿐만 아니라 모든 타입의 값을 받을 수 있다. 연산 결과 역시 모든 타입이 될 수 있음! 🍕 || (OR) -전통적인 프로그래밍에서 OR연산자는 불린값을 조작하는데 쓰인다. 인수 중 하나라도 true이면 true를 반환합니다. OR연산자는 이항 연산자이므로 아래와 같이 사용할 수 있습니다. alert( true || true ) // true ->피연산자가 모든 false인 경우를 제외하고 연산결과는 항상 true입니다. 피연산자가 불린형이 아니라면, 평가를 위해 불린형으로 변환됩니다. 예를 들어, 1 과 0은 연산과정에서 1은 true로 0은 false로 바뀝니다. if(1 |..

루프는 어떤 것을 반복적으로 시행할 때 빠르고 간편한 방법을 제공합니다. 🍕반복문 (Loop) -다양한 종류가 있음 -기본적으로 하는 일은 모두 같다.(한 동작을 여러 번 반복, 0회 반복하는 것도 가능) 🍕JS가 지원하는 반복문 종류 for 문 do...while 문 while 문 레이블 문 break 문 continue 문 for...in 문 for...of 문 🍕for문(기본) for(변수 선언 초기값 설정; 조건문; 증감문){ 조건이 참인 동안 실행할 명령문(문장); } //for문 무한루프 for(;;){ 명령문 } for 반복문은 어떤 특정한 조건이 거짓으로 판별될 때까지 반복한다. // C의 반복문과 비슷 for문의 초기문; 조건문; 증감문 은 생략이 가능하며 생략할 경우 무한루프 ▶작동 원..

🍕String ? String 전역 객체는 문자열(문자의 나열)의 생성자이다. 문자열은 String 전역 객체를 직접 사용하여 생성할 수 있다. String(thing) // 매개변수 *thing: 문자열로 변환할 아무 값 ECMAScript 2015 이후(ES6), 문자열 리터럴은 소위 템플릿 리터럴(백틱을 통해 표현)이 될 수 있음 일부 다른 프로그래밍 언어와 달리, JS는 작은 따옴표 큰 따옴표 문자열을 구분하지 않음 🌞긴 문자열 리터럴 -작성한 코드가 매우 긴 문자열을 포함해야 하는 경우, 편집기의 재량에 따라 자동으로 줄을 넘기는 대신 직접 여러줄로 나누되 내용에는 영향을 주지 않을 수 방법 + 연산자 사용 -> 단순하게 "내용" + "내용" + "내용" 이렇게 더해주는 것 \(역슬래시) 사용 ..