복사 단순복사는 완전히 동일한 주소 얕은복사(shallow copy)는 껍데기만 다른 주소 내용은 동일한 주소 깊은복사(deep copy)는 재귀적 복사로 전부 다른 주소 객체 const cli = { name: 'yoo', age: 20 }; const copy = cli; copy...
js-copy-array
복사 단순복사는 완전히 동일한 주소 얕은복사(shallow copy)는 껍데기만 다른 주소 내용은 동일한 주소 깊은복사(deep copy)는 재귀적 복사로 전부 다른 주소 배열 let age = 20; let age2 = age; console.log(age, age2); // 20 20 age = 200; conso...
css-flex
flex 헷갈리는 부분 다시 정리 교차 축 정렬 align-items 내부 아이템들이 한줄 align-content 내부 아이템들이 2줄이상 align-self 내부 아이템들을 개별적으로 정렬 flex-flow flex-flow: flex-direction flex...
git-fixDate
rebase rebase를 이용한 커밋 일자 변경 먼저 log를 살펴 본다 git log 수정할 commit의 [이전 commit]의 해쉬 값을 복사 commit 2189d0ecf44c5146ed7c5ec726f83da97c96285f 명령창에 이...
html-canvas
canvas 태그 사용 그래픽을 이용해 그리는 태그 js로 컨트롤 width height 속성이 있음 javascritp 도형의 색, 시작점 등등 직접 지정해야한다 코드를 통하여 여러 명령들, 속성들을 알게됨 const canvas = document.querySelector('#draw') // 랜더링 컨텍스...
JSON-가져오기
JSON 가져오기 로컬에서 사용하는 방법도 있지만 (import) 일반적으로 주소(api)로 가져오는 것 같다 json 올리기 개인이 간단하게 할 수 있는 방법으로 gist 사용 github gist로 검색하여 들어감 파일 내용가 파일이름.json, 퍼블릭으로 저장 RAW를 눌러 주소를 긁어 ...
Vue-How-to-5
Vuex 활용 store index.js 관리 import { createStore } from "vuex"; import select from './select' export default createStore({ modules: { select } }); select.js export default { ...
Vue-How-to-4
Vuex Vue.js 애플리케이션에 대한 상태 관리 패턴 + 라이브러리 애플리케이션의 모든 컴포넌트에 대한 중앙 집중식 저장소 역할 vuex 설정 npm i vuex@next 컴포넌트간 데이터 활용을 할 수 있다 src/main.js import { createApp } from 'vue' import App from './...
JSON-변환하기
JSON 변환 vue 강의 듣고 하나 만들어보려다 JSON 파일이 필요해짐 데이터 형식이 원하는 방식이 아니라 변환을 시도 원본 json 찾은 json파일의 구조 [ { "abbrev": "gn", "nmae": "Genesis", "chapters": [ [],[],[] ] } ] ...
Vue-How-to-3
Vue 문법 App.Composition.vue 기존의 방식 count와 message를 제어하는 함수가 섞여있음 해석에 있어서 자원이 소모되는 부분 <template> <h1 @click="increase"> 8 / </h1> <h1> / <...