본문 바로가기

전체 글57

남산 둘레길 아카시아 향기가 코를 찌르넹 2022. 5. 7.
시골집 2022. 5. 7.
북한산 - 불광동 -> 쪽두리봉 -> 향로봉 -> 관봉 -> 비봉 -> 사모바위 -> 승가봉 -> 문수봉 -> 대남문 -> 대성문 -> 보국문 -> 정릉 22.04.24 오랫만에 북한산 등산을 했다 2022. 5. 7.
청계천 연등회 2022. 5. 7.
마이산 진안 2022. 4. 9.
역삼동 봄 꽃 2022. 4. 7.
Svelte 기본 셋팅 (Rollup+Svelte+TypeScript+SCSS+PostCSS+Alias) 1. 롤업 프로젝트 설정 $npx degit sveltejs/template rollup-svelte 2. 타입스크립트 $cd rollup-svelte $node scripts/setupTypeScript.js 3. svelte.config.js 파일 생성 // svelte.config.js const sveltePreprocess = require('svelte-preprocess') const production = !process.env.ROLLUP_WATCH module.exports = { preprocess: sveltePreprocess({sourceMap: !production}), compilerOptions: { // enable run-time checks when not in pro.. 2022. 3. 20.
웹사이트, 모바일 앱 디자인 무료 툴 Dribbble - Discover the World’s Top Designers & Creative Professionals Discover the world’s top designers & creatives Dribbble is the leading destination to find & showcase creative work and home to the world's best design professionals. Sign up dribbble.com https://dribbble.com/ 모바일 웹사이트 디자인 시안 ColorSpace - Color Palettes Generator and Color Gradient Tool Just Enter a Color! And Generate nice C.. 2022. 3. 20.
필수 터미널 명령어 man 매뉴얼 clear 화면 지우기 pwd 현재 경로 ls -al 현재 파일 목록 open . 파일 탐색기에서 열기 cd 경로 변경 cd - 이전 경로 find . -type file -name "*.json" 파일 검색 which node 프로그램 경로 찾기 touch new_file.txt 새로운 파일 생성 || 기존 파일 시간 변경 cat new_file.txt 파일 내용 보기 mkdir workspace 경로 만들기 mkidr -p dir1/dir2/dir3 경로 한번에 만들기 cp file.txt dir1/ 파일 복사 mv file.txt dir1/ 파일 이동 mv file.txt file2.txt 파일 이름 변경 rm -r dir1 디렉토리 삭제 grep -ni "star" *.txt 파일에.. 2022. 3. 20.
옵셔널 체이닝 '?.' let user = {}; // 주소 정보가 없는 사용자 alert( user && user.address && user.address.street ); // undefined, 에러가 발생하지 않습니다. let user = {}; // 주소 정보가 없는 사용자 alert( user?.address?.street ); // undefined, 에러가 발생하지 않습니다. let user1 = { admin() { alert("관리자 계정입니다."); } } let user2 = {}; user1.admin?.(); // 관리자 계정입니다. user2.admin?.(); 옵셔널 체이닝 문법 ?.은 세 가지 형태로 사용할 수 있습니다. obj?.prop – obj가 존재하면 obj.prop을 반환하고, 그렇지.. 2022. 3. 20.
스프레드 문법 let arr = [3, 5, 1]; let arr2 = [8, 9, 15]; let merged = [0, ...arr, 2, ...arr2]; alert(merged); // 0,3,5,1,2,8,9,15 (0, arr, 2, arr2 순서로 합쳐집니다.) let obj = { a: 1, b: 2, c: 3 }; let objCopy = { ...obj }; // 객체를 펼쳐서 각 요소를 분리후, 매개변수 목록으로 만든 다음에 // 매개변수 목록을 새로운 객체에 할당함 // 객체 복사본의 프로퍼티들이 기존 객체의 프로퍼티들과 진짜 같을까요? alert(JSON.stringify(obj) === JSON.stringify(objCopy)); // true // 두 객체는 같을까요? alert(obj =.. 2022. 3. 20.
구조 분해 할당 let options = { title: "Menu", width: 100, height: 200 }; let {title, width, height} = options; alert(title); // Menu alert(width); // 100 alert(height); // 200 let options = { title: "Menu", width: 100, height: 200 }; // { 객체 프로퍼티: 목표 변수 } let {width: w, height: h, title} = options; // width -> w // height -> h // title -> title alert(title); // Menu alert(w); // 100 alert(h); // 200 2022. 3. 20.
nullish - 널리쉬 병합 연산자 '??' nullish - 병합 연산자 '??' let x = (a !== null && a !== undefined) ? a : b; let firstName = null; let lastName = null; let nickName = "바이올렛"; // null이나 undefined가 아닌 첫 번째 피연산자 alert(firstName ?? lastName ?? nickName ?? "익명의 사용자"); // 바이올렛 let height = 0; alert(height || 100); // 100 alert(height ?? 100); // 0 2022. 3. 19.
봄이 왔나 봄 2022. 3. 19.
춘삼월 함박눈 낙산공원 북한산 도봉산 2022. 3. 19.