https://developer.mozilla.org/ko/docs/Web/JavaScripthttps://developer.mozilla.org/ko/docs/Web/JavaScript/About_JavaScripthttps://ko.wik
https://developer.mozilla.org/ko/docs/Learn/Getting_started_with_the_web/JavaScript_basicsQ. JS를 body 맨 아래에 넣는 이유는 ?JS lazy loading이라고 부르는 이 현상 때
https://developer.mozilla.org/ko/docs/Learn/JavaScript앞으로 공부할 페이지의 순서자바스크립트 첫걸음JavaScript 구성 요소JavaScript 객체 소개JavaScript 의 객체 지향적인 특성을 이해하는 것이 중
https://developer.mozilla.org/ko/docs/Learn/JavaScript/First_steps/What_is_JavaScriptJavaScript는 동적으로 컨텐츠를 바꾸고, 멀티미디어를 다루고, 움직이는 이미지 그리고 꽤나 많은 다른
https://developer.mozilla.org/en-US/docs/Learn/JavaScript/First_steps/A_first_splash 프로그래밍에서 배우기 가장 어려운 것 중 하나는 배워야 할 구문이 아니라 실제 문제를 해결하는 데 적용하는
https://developer.mozilla.org/en-US/docs/Learn/JavaScript/First_steps/What_went_wrong구문 오류논리 오류=> 오류를 이런식으로 두가지로 나눠질수도 있구만!=> 이제 사냥을 가자! 이 말이 너무
https://developer.mozilla.org/en-US/docs/Learn/JavaScript/First_steps/Variables변수는 합계에 사용할 수 있는 숫자나 문장의 일부로 사용할 수 있는 문자열과 같은 값의 컨테이너입니다.사용할 수 있는
=> 인정 수학 자체 학문 좋다..정수, 부동 소수점 숫자(float), DoubleDouble 은 표준 부동 소수점 숫자보다 정밀도가 더 높은 특정 유형의 부동 소수점 숫자입니다(즉, 더 많은 소수점 이하 자릿수까지 정확함).바이너리, 8진수, 16진법각 열에 0–9
https://developer.mozilla.org/en-US/docs/Learn/JavaScript/First_steps/Strings문자열은 언뜻 보기에는 숫자와 유사하게 처리되지만 더 깊이 파고들면 몇 가지 주목할만한 차이점을 발견하기 시작할 것입니다.
https://developer.mozilla.org/en-US/docs/Learn/JavaScript/First_steps/Useful_string_methods이랑 indexOf를 잘 안쓰는데 둘이 반대라고 암기하면 좋을듯=> 응? 잠깐만 요소 하나가 아니
https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/String/slice중요한 slice 함수를 영어 원문을 보고 이해한다.slice는 원래 string 건드림 없이
https://developer.mozilla.org/en-US/docs/Learn/JavaScript/First_steps/Arrays배열은 일반적으로 "목록과 유사한 객체"로 설명.기본적으로 목록에 저장된 여러 값을 포함하는 단일 개체입니다.배열 객체는 변
https://developer.mozilla.org/en-US/docs/Web/HTML/Element/script 속성 이 요소는 전역 속성을 포함 합니다. => 전역 속성이란 data나 class도 여기에 포함이 된다. 말 그대로 언제든지 활용하는 약속된 데이터들
https://developer.mozilla.org/en-US/docs/Learn/JavaScript/Building_blocks모든 프로그래밍 언어에서 코드는 다양한 입력에 따라 결정을 내리고 그에 따라 조치를 수행해야 합니다.=> 루핑???=> 아 루프~
https://developer.mozilla.org/en-US/docs/Learn/JavaScript/Building_blocks/conditionalshttps://github.com/2taesung/JSOfficialDoc=> ㅋㅋㅋ 가장 일반적
https://developer.mozilla.org/en-US/docs/Learn/JavaScript/Building_blocks/Looping_code=> 번역 ㅋ keep me in the loop루프, 루프, 루프. 와 연관될 뿐만 아니라인기있는 아침
https://developer.mozilla.org/en-US/docs/Learn/JavaScript/Building_blocks/Functions우리가 지금까지 사용한 내장 코드는 함수 와 메서드의 두 가지 형태로 제공됩니다 .=> 함수 형태와 메서드의 구
https://developer.mozilla.org/ko/docs/Web/API/HTMLCanvasElement/getContext HTMLCanvasElement.getContext() 동일한 캔버스 엘리먼트에서 나중에 이 메소드를 호출하면 동일한 context
https://developer.mozilla.org/en-US/docs/Learn/JavaScript/Buildingblocks/Buildyourownfunction 나만의 기능 구축 능동적 학습: 함수를 만들어보자 기본 기능 https://github.c
https://developer.mozilla.org/en-US/docs/Web/API/GlobalEventHandlers/onclickhttps://github.com/2taesung/JSOfficialDocmixin 의 onclick속성은 주어진
https://developer.mozilla.org/en-US/docs/Learn/JavaScript/Building_blocks/Return_values=>오케이
https://www.impressivewebs.com/callback-functions-javascript/=> 아 콜백이라고 전화기 ;;콜백 함수란?다른 코드에 인수로 전달되는 실행 코드 또는 실행 코드에 대한 참조입니다.예) addEventListener
https://developer.mozilla.org/en-US/docs/Learn/JavaScript/Building_blocks/Events 이벤트 소개 **이벤트는 프로그래밍 중인 시스템에서 발생하는 작업 또는 발생을 말한다. ** 행운의 연속 예를 들어,
https://developer.mozilla.org/en-US/docs/Learn/JavaScript/Building_blocks/Events=> 해당 페이지만으로 이해가 안가 상세히 설명한 페이지를 찾았다.유튜브로도 종종 보고 있는 캡틴판교님의 블로그 글h
https://developer.mozilla.org/en-US/docs/Learn/JavaScript/Building_blocks/Image_gallery=> 정답 코드가 있는 깃헙=> 공식문서에 링크가 없다 ㅋhttps://github.com/md
https://developer.mozilla.org/en-US/docs/Learn/JavaScript/Building_blocks전체 개념을 정리하는 쉬어가는 페이지코드는 입력에 따라 결정을 내리고 그에 따라 조치를 수행.한 번 이상 연속으로 수행할 때.단일
https://developer.mozilla.org/en-US/docs/Learn/JavaScript/Objects/Basics객체는 관련된 데이터 및/또는 기능의 모음입니다(일반적으로 여러 변수와 함수로 구성됩니다. 개체 내부에 있을 때 속성 및 메서드라고
https://developer.mozilla.org/en-US/docs/Learn/JavaScript/Objects/Object-oriented_JS 복제하는 것보다. 기능이 클래스 간에 다른 경우 필요에 따라 해당 클래스에서 직접 특수 기능을 정의할 수 있
https://developer.mozilla.org/en-US/docs/Learn/JavaScript/Objects/Object_prototypes 개체 프로토타입 https://youtu.be/wUgmzvExL_E => 이거 보세용 => 설명 개쩜!!! 프로토
https://developer.mozilla.org/en-US/docs/Learn/JavaScript/Objects/Inheritance이제 OOJS에 대한 대부분의 끔찍한 세부 사항을 설명하고 이 기사에서는 "부모" 클래스에서 기능을 상속하는 "자식" 객체
https://developer.mozilla.org/en-US/docs/Learn/JavaScript/Objects/JSONJSON 은 JavaScript 객체 구문을 따르는 텍스트 기반 데이터 형식으로,더글라스 크록포드. JavaScript 객체 리터럴 구
https://developer.mozilla.org/en-US/docs/Learn/JavaScript/Client-sidewebAPIs/Drawing_graphics 그래픽 그리기 브라우저에는 SVG (Scalable Vector Graphics ) 언어에서 HT
https://developer.mozilla.org/en-US/docs/Learn/JavaScript/Client-side_web_APIs/Drawing_graphics예를 들어 를 사용하여 반투명 색상을 지정하여 반투명 그래픽을 그릴 수 있습니다 rgba(
https://developer.mozilla.org/en-US/docs/Learn/JavaScript/Client-sidewebAPIs/Drawing_graphics#text https://github.com/2taesung/JSOfficialDoc.git 텍스트
https://developer.mozilla.org/en-US/docs/Learn/JavaScript/Client-sidewebAPIs/Drawinggraphics#loopsand_animations 루프 및 애니메이션 루프 생성 overflow: hidde
https://developer.mozilla.org/en-US/docs/Learn/JavaScript/Client-side_web_APIs/Drawing_graphicsARIA는 HTML요소에 접근 가능한 설명용 텍스트를 넣을 수 있다. 그 방법이 바로 AR
https://developer.mozilla.org/en-US/docs/Learn/JavaScript/Client-sidewebAPIs/Drawing_graphics#webgl 웹지엘 라이브러리 사용 복잡하기 때문에, 대부분의 사람들은 같은 타사 자바 스크립트 라
https://developer.mozilla.org/en-US/docs/Learn/JavaScript/Asynchronous/Concepts목적 : 비동기 프로그래밍의 기본 개념과 웹 브라우저 및 JavaScript에서 어떻게 나타나는지 이해합니다.=> 맥에
https://developer.mozilla.org/en-US/docs/Web/API/Web_Workers_API웹 워커를 사용하면 웹 애플리케이션의 기본 실행 스레드와 별도의 백그라운드 스레드에서 스크립트 작업을 실행할 수 있습니다. 이것의 장점은 별도의
https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Operators/Destructuring_assignment구조 분해 할당 구문은 배열이나 객체의 속성을 해체하여 그 값을 개별 변수에 담을 수
https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Operators/Destructuring_assignment=> p, q를 특정지어 새롭게 할당하면 새로운 변수에 저장이 됨 => 이렇게가 되면
https://developer.mozilla.org/en-US/docs/Learn/JavaScript/Asynchronous/Introducing비동기 자바스크립트 소개
https://developer.mozilla.org/en-US/docs/Learn/JavaScript/Asynchronous/Timeouts_and_intervals오랫동안 웹 플랫폼은 JavaScript 프로그래머에게 특정 시간 간격이 경과한 후 비동기적으
https://developer.mozilla.org/en-US/docs/Learn/JavaScript/Asynchronous/Timeouts_and_intervals=> 이 부분은 지금 내가 완전히 이해하기 어려운 내용들이라 간단히 살펴보고 넘어갈 예정req
https://developer.mozilla.org/en-US/docs/Learn/JavaScript/Asynchronous/PromisesPromise 는 이전 작업이 완료될 때까지 추가 작업을 연기하거나 실패에 응답할 수 있도록 하는 JavaScript
https://developer.mozilla.org/en-US/docs/Learn/JavaScript/Asynchronous/Promises피자 주문 문제이 과정을 그전의 전통적인 callbackpromise=> 겹치는게 아니라 한줄로 줄을 설 수 있다.=>
https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Operators/inin 연산자는 명시된 속성이 명시된 객체에 존재하면 true를 반환=> python으로 주로 알고리즘을 풀다보니 in에서 엄청
알고리즘 문제를 풀다가 sort 함수가 필요했다.python에서는 나름대로 자유자재로 sort를 사용 했었는데js에서 그대로 적용해보니 안됨...찾아보니 js에서 dictionary를 sort하려면 함수를 새로 만들어 이용하는 방법을 주로 활용했다.그래서 겸사겸사 md
팀장님의 추천(?)으로 우리 팀 서비스의 가장 기반이 되는 언어인 js의 부족을 채우기 위해.팀원분과 1일 1js info 스터디를 진행하기로 했다.오늘은 1일차로 자바스크립트란? 이란 제목을 가진 챕터를 시작.https://javascript.info/int
학번, 이름, 우편번호 바뀌지 않아야하는 데이터를 튜플로 작성 사전에 실수로 생길 에러를 예방
인프런 유인동님의 '함수형 프로그래밍과 JavaScript ES6+' 강의를 들으며 정리 및 공부한 내용입니다.for of 문은 이전 사용하던 for 문과 메커니즘이 다름for of 로 map과 set은 순회가 array처럼 가능.그러나 이들은 인덱스로 출력이 되지 않
인프런 유인동님의 '함수형 프로그래밍과 JavaScript ES6+' 강의를 들으며 정리 및 공부한 내용입니다.Symbol 원본을 건드리지 않고 해당 속성을 숨겨놓을 수 있음symbol을 알고 있었지만 다시한번 공부하자https://ko.javascript.i
인프런 유인동님의 '함수형 프로그래밍과 JavaScript ES6+' 강의를 들으며 정리 및 공부한 내용입니다.generator암기제너레이터: 이터레이터이자 이터러블을 생성하는 함수iterator, next, return=> 위 사진의 9번째 줄을 보면 알겠지만 ite
인프런 유인동님의 '함수형 프로그래밍과 JavaScript ES6+' 강의를 들으며 정리 및 공부한 내용입니다.지금까지 배운 내용들을 실습(적용)해볼 수 있는 대표적인 함수들로 map, filter, reduce가 있음. 이중 reduce 함수를 개발하는 과정을 통해
인프런 유인동님의 '함수형 프로그래밍과 JavaScript ES6+' 강의를 들으며 정리 및 공부한 내용입니다.아래는 예시로 활용하는 지금까지 구현한 map, filter, reduce 함수=> 일단 각각의 함수들을 레고 블럭처럼 하나하나 쌓아나가는 부분도 너무 흥미로
인프런 유인동님의 '함수형 프로그래밍과 JavaScript ES6+' 강의를 들으며 정리 및 공부한 내용입니다.=> 먼저 해당 함수를 만들어보자..=> 가장 먼저 인자의 갯수가 정해져있지 않다.=> 앞에서 배운 next()를 활용해야하는 것 같음=> 들어오는 인자가 함