connecting dots

참고 사이트https://playcode.io Javascript Playground (Sandbox, Repl)Javascript Playground (Sandbox, Repl)playcode.io  식1 + 1 (식)1 (값)= 2(값)==> 식 --> 결국 값이 된다 ! 값값의 종류1. 기본형 값 유형, 원시형123 // number_숫자 // Bigint(엄청 큰 숫자를 다룰 때)'123' // string_문자열"123" // string`123` // stringtrue, false // booleannull // null_아무것도 없다는 의미undefined // undefinedSymbol // Symbol 2. Object{object}  값만 있을 때 단점- 의미를 표현할 수 없음..

사이트https://webpack.js.org/ webpackwebpack is a module bundler. Its main purpose is to bundle JavaScript files for usage in a browser, yet it is also capable of transforming, bundling, or packaging just about any resource or asset.webpack.js.org flex  1 2 3 4 5 6 7 div { font-size: 20px; border: 1px solid gray;}.container { display: flex; background-color: red;}.box { background-c..

https://www.w3.org/TR/css-2023/ CSS Snapshot 2023Abstract This document collects together into one definition all the specs that together form the current state of Cascading Style Sheets (CSS) as of 2023. The primary audience is CSS implementers, not CSS authors, as this definition includes modules by spwww.w3.org css 선택자https://developer.mozilla.org/ko/docs/Web/CSS/CSS_selectors CSS 선택자 - CSS: ..

웹 개발자가 html을 어떻게 바라보아야 하는가 ?https://html.spec.whatwg.org/dev/ HTML Standard, Edition for Web DevelopersAbout this specification This specification is like no other — it has been processed with you, the humble web developer, in mind. The focus of this specification is readability and ease of access. Unlike the full HTML Standard, this "developer's edition"html.spec.whatwg.org ASCIIhttps://ko.wiki..

일급함수함수를 값으로 취급하는 것 --> 일급함수변수에 할당 가능, 인자로 전달 가능, return 가능const obj = { id: 1, title: 'my obj'};function myFunction () { return a;}obj.title = 'change';obj.fn = myFunction();const result = myFunction(myFunction)  함수코드 묶음을 값으로 취급할 수 있는 수단반드시 값(value)을 리턴한다 --> 리턴한 값을 호출한 곳에서 반환한다 !함수 호출 ==> const result = myFeat(); --> myFeat()으로 이동제어문 적인 성격 (코드의 흐름을 바꿈) 1. 이름없는 함수그 자체로는 의미 있지만 호출할 수 없기 때문에 변수..

reduceExecutes a reducer function on each element of the array, resulting in a single value.배열을 가져다가 점차 줄여가다가 하나의 값만 남기는 것 [3, 5, 7, 9, 11].reduce((accumulator, currentValue) => { return accumulator + currentValue;});callbackaccumulatorcurrentValuereturn valuefirst call358second call8715third call15824fourth call241135 accumulator: 줄여나가야 하는 대상, 총 합계currentValue: 각각의 개별 요소 인수 추가 가능const evens = ..

1. 문자String.prototype.indexOf()indexOf() 메서드는 호출한 String 객체에서 주어진 값과 일치하는 첫 번째 인덱스를 반환합니다.일치하는 값이 없으면 -1을 반환합니다. 매개변수searchValue찾으려는 문자열.아무 값도 주어지지 않으면 문자열 "undefined"를 찾으려는 문자열로 사용합니다. 반환 값searchValue의 첫 번째 등장 인덱스. 찾을 수 없으면 -1. const result = 'hello world!'.indexOf('heropy')console.log(result)// -1 .lengthconst str = '0123'console.log(str.length) // 4console.log('0123'.length) // 4const str = '..

생성자 함수(prototype)const heropy = { firstName: 'Heropy', lastName: 'Park', getFullName: function () { return `${this.firstName} ${this.lastName}` }}console.log(heropy.getFullName()) //Heropy Park// this = this가 소속되어져 있는 부분에 함수가 실행되는// 그 객체 데이터(heropy)를 지칭함 (heropy.firstName이랑 같음)const amy = { firstName: 'Amy', lastName: 'Clark', getFullName: function () { return `${this.firstName} ${t..