TRstory

sass 변환 npx sass --watch css/style.scss css/style.css 내장 함수(Built-in Functions) Sass에서 기본적으로 제공하는 내장 함수에는 많은 종류가 있습니다. 모두 소개하지 않고, 주관적 경험에 의거해 필요하거나 필요할 수 있는 함수만 정리했습니다. Sass Built-in Functions에서 모든 내장 함수를 확인할 수 있습니다. []는 선택 가능한 인수(argument)입니다. Zero-based numbering을 사용하지 않습니다. 색상(RGB / HSL / Opacity) 함수 mix($color1, $color2) : 두 개의 색을 섞습니다. lighten($color, $amount) : 더 밝은색을 만듭니다. darken($color,..

// 이벤트 생성 (event_name)이름의 이벤트 var _eventItme = new Event("event_MyName", {bubbles : true}); // document 이벤트 발생 function event_excution(){ document.dispatchEvent(_endEvent); } // document 이벤트 받기 document.addEventListener("event_MyName", function(event) { console.log("========= >> EVENT Call"); });

코딩 툴의 이해 및 툴확장 (brackets, atom, VS code) / 각각 1시간 툴의 장단점, 플러그인 사용 Brackets: 서비스 종료 ATOM VS Code, (https://demun.github.io/vscode-tutorial/) 구조적인 코딩 방법, 네이밍 / 1시간 .con-panel .con-header, con-body, con-footer 네이밍규칙 jQuery 활용 및 확장 / 1 시간 선택자, 메서드 sass 문법 및 활용 / 1 시간 중첩 : {}; 변수 : $G-width: 1200px; 임포트 : @import 'base"; | @import url('base.css'); 믹스인 : @mixin funcitonName($param){}; | @include funct..

fs = require('fs') 기본 세팅 설정 후 1. 파일 유무 체크 let jsonFile = "gulp.config.json"; fs.access(jsonFile, fs.constants.F\_OK, (err) => { if (err){ console.error(jsonFile + ' 파일이 없음.X'); }else{ console.error(jsonFile + ' 파일이 있음.O'); } })2. 비동기식 json 파일 읽기 fs.readFile( './gulp.config.json', 'utf8', (error, jsonFile) => { if (error) return console.log(error); let json..

아이폰 기종 pixels render at x points 아이폰 12 Pro Max 1284 X 2778 3x 428 X 926 아이폰 12 pro, 아이폰12 1170 X 2532 3x 390 X 844 아이폰 12 mini 1080 X 2340 3x 360 X 780 아이폰 XS Max, 아이폰 11pro max 1242 X 2688 3x 414 X 896 아이폰X, 아이폰 XS, 아이폰11 pro 1125 X 2436 3x 375 X 812 아이폰XR, 아이폰11 828 X 1792 2x 414 X 896 아이폰 6플러스, 6S+, 7+, 8+ 1080 X 1920 3x 360 X 640 아이폰 6, 6S, 7, 8, SE2 750 X 1334 2x 375 X 667 아이폰 SE (1세대) 640..

path & __dirname webpack.config.js path사용 const path = require("path"); module.exports = { mode: "development", entry: { main: "./src/app.js", }, output: { filename: "[name].js", path: path.resolve("./dist"), }, } __dirname사용 module.exports = { mode: "development", entry: { main: "./src/app.js", }, output: { filename: "[name].js", path: __dirname + '/dist', }, }

function print_area($id) { var _body = document.body.innerHTML; window.onbeforeprint = function () { document.body.innerHTML = document.getElementById($id).innerHTML; } window.onafterprint = function () { document.body.innerHTML = _body; } window.print(); } // 호출 print_area(프린트할 영역 ID)

1. google map - map layer

@bve/del-cli npmjs url : bve-del Initial Setup nodejs 설치후 ( https://nodejs.org/en/ ) @bve/del-cli 전역 설치 npm install -g @bve/del-cli 사용법 구성파일 생성 후실행 bve-del init bve-del run 직접 실행 (현 디렉토리에서 하위 node_modules 삭제) bve-del run node_modules ./

UI KIT