문서 객체 모델(DOM, Document Object Model)은 XML이나 HTML 문서에 접근하기 위한 일종의 인터페이스입니다.이 객체 모델은 문서 내의 모든 요소를 정의하고, 각각의 요소에 접근하는 방법을 제공합니다.출처쉽게 생각하면자바스크립트에선 html언어를

여러개의 entry 파일을 한번에 output 하고 싶을때Output가이드entry안에 이름을 붙여서 각각 지정해준다. output에는 각 이름이 들어갈 수 있는 함수를 넣어준다.npx webpack >> 각 파일이 번들링 된것을 볼 수 있다.규정되어있는 형태복합적+자

참고사이트 : webpack기본값모드(개발자모드) development배포되는모드 production아무것도 세팅하지않은 모드 none방향성에 따라 모드를 선택할 필요가 있다.webpack.config.prod.js 같이 배포용 파일을 하나 더 만들어서개발용,배포용 선

웹팩을 설치하기 위해서해당 프로젝트를 node.js의 패키지 프로젝트로 만들어보자npm 설치파일 생성이 된걸 확인해 보자추가로 출력할 html 파일에서 script 안에 index_bundle.js를 불러와주면 완성!출처 : 생활코딩왼쪽에 있는 여러가지 자원들(실제

출처:webpack공식웹팩은 무엇일까?그전에 Bundler는 무엇일까?(Bundler없이)완성된 웹사이트를 로딩을 하면 만드는데 필요했던 js나 이미지 등 여러 파일들을 전부 하나씩 로드를 해온다..즉, 서버와의 로딩이 많을 수록 앱은 느리게 작동추가로 수많은 js파일

1. Why? > 협업시 마구잡이로 브랜치를 만들어 쓸 경우 가시성이 떨어지고 꼬일 가능성이 높다. 2-1. How? (GitFlow) >GitFlow 전략은 크게 5개의 브랜치로 나눠서 작업할 수 있다. main develop (개발용 branch) feature

1. Git hub란?(+repository) > 로컬에서 작업할때는 .git 같은 폴더에 git 파일들이 저장되지만 (컴퓨터 날라가면 같이 날라가겠..죠??) git hub에 repository를 "원격"으로 "저장"할 수 있게 제공해주는 "hub" 즉 로컬에서의 r

homebrew 설치🍺 homebrewhttps://brew.sh/index_kohomebrew가 설치되었다면설치되었는지+버전확인🤔스테이징이란?현재 작업폴더에서 repository(저장소)로 이동하기 전에 대기장소 git status현재 작업중인 branc