connecting dots

import / export여러 개의 자바스크립트 파일의 특정한 변수/함수를 가져다 쓰기 위함 script.jsimport sum from './cal.js'// import * as cal from './cal.js' : default없을 때, 다 가져올래, 이름을 줄수 있음// 내가 만든 건 ./로 경로 지정을 해줘야 하지만 node_modules에 있는 것은 경로지정 안해줘도 됨const result = sum(100, 200);// const result = cal.sum(100, 200);console.log(result) cal.jsexport function sum(a, b) { return add(a, b);}export default function div(a, b) { return ..

사이트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..