전체 글 (204) 썸네일형 리스트형 웹팩을 쓰는 이유 웹팩이란? 모듈 번들러 html, css, js, image등을 각각의 모듈로 보고 조합해서 병합된 하나의 결과물을 만드는 도구 모듈이란? 비슷한 성격의 기능들을 하나의 의미 있는 파일로 관리 html모듈, css모듈, js모듈.... 웹팩이 필요한 이유? - 기능별로 js 파일을 나누고 html에서 js를 불러와서 사용할 때, 의도치않게 변수들이 겹쳐서 문제가 발생할 수 있다. 파일단위로 변수를 관리할 수 있게 하여 이런 문제를 해결 - 배포시 압축 작업들을 자동화 - 서비스가 복잡해지면서 속도의 중요성이 대두, 웹팩을 사용하여, 최소통신으로 필요한 파일만 로딩 node.js 는 사실 그냥 자바스크립트를 실행시킬 수 있는 엔진, 브라우저가 갖고있는 엔진을 브라우저 밖에서도 실행 시킬 수 있도록 만든 환.. [Javascript] mutable(변화기쉬운) 객체 & immutable(안변하는) 객체 1. mutable 객체 1) Array // mutable 객체 let fruits = ['banana', 'apple', 'melon'] let clonefruits = fruits; clonefruits.push('plum'); console.log('clonefruits', clonefruits) console.log('fruits', fruits) 2) Object let myInfo = { age : 18, email : 'sal10@gmail.com' } let cloneMyInfo = myInfo cloneMyInfo.age = cloneMyInfo.age + 1 console.log('cloneMyInfo', cloneMyInfo); console.log('myInfo', myInfo) .. github actions & pages로 Vue.js 프로젝트 build 하고 호스팅하기 (CI/CD 맛보기) CI Continuous Integration CD Continuous Deploy github action 컨테이너를 띄워서 일련의 작업들을 할 수 있도록 해줌, 그 외 여러가지도 가능 github pages github에서 제공하는 호스팅 TODO : vue.js를 스터디한 내용을 github에 push 하고, github action과 github pages를 사용하여 호스팅을 해보려 한다. 1. github push 생략 (add-commit-push) 2. github action 1) 폴더만들고 그안에 main.yaml 생성 폴더 트리 구조와 파일명을 준수해야한다 .github/workflows/main.yaml 2) main.yaml 파일내용 주의점은 [main] -> 배포할 브랜치를 명시,.. 이전 1 ··· 36 37 38 39 40 41 42 ··· 68 다음
