초보 개발자

여러가지 파일을 웹팩을 통과시키면 단순한 형태의 파일로 만들어 지는 것을 보여주는 그림이다. bundle 1에서 npx webpack --entry ~~ 와 같은 긴 형태의 명령어를 설정 하였지만 webpack.config.js 파일을 만들고 const path = require('path') module.exports = { entry: "./source/index.js", output: { path: path.resolve(__dirname, "public"), filename:'index_bundle.js' } } 이렇게 설정 해주면 npx webpack 만 해줘도 실행이 가능하다.

1. node.js 를 설치를 한다 2. node.js의 프로젝트 폴더를 설정( npm init -y) 3. package.json이 생기면 npm install -D(개발을 하기위한 옵션) webpack webpack-cli 으로 웹펙을 설치 4. index.js와 같은 엔트리 파일을 생성하여 번들러를 만들 준비를 한다. 5. 설치한 webpack을 실행할때는 npx 를 사용 npx webpack --entry ./source/index.js --output-path ./public/index_bundle.js 우리의 입구에 해당하는 파일은(entry file) source안에 있는 index.js이고 public안에 있는 index_bundle.js로 아웃풋을 만들꺼야 라는 의미 번들러를 사용하지 않..

개발 공부를 하다보면 이것 저것 공부하느라 배운 것들을 까먹을 때가 많네요 ㅠㅠ append와 appendChild의 차이점에 대해서 알아봅시다 !! 먼저 append는 여러개를 한번에 집어 넣을 수 있다. node객체가 아닌 text도 집어 넣을 수 있다. 결과를 return 하지 않는다 반대로 appendChild는 한번에 하나만 집어 넣을 수 있다. node객체만 집어 넣을 수 있다. 결과를 return 한다 !

fetch 는 프론트엔드에서 백엔드로 정보를 보낼 때 사용한다. js파일에서 api를 활용하여 백엔드로 무언가를 요청할 때에 사용하는 방법을 배웠다. 여기서 조심할 점이 몇가지 있다. 1. fetch로 백엔드에 요청을 보낼 때에 method: "POST", ( default는 GET 메써드이다) headers: {}, body: {}, URL과 더불어 이 세 가지를 덧붙여야 한다. 2. headers에는 이 요청의 세부 사항을 명시하며, body에는 실질적인 컨텐츠가 포함된다. 3. 따로 명시하지 않을 시에 모든 body의 컨텐츠는 Text File로서 전송되고 받아 인식된다. 4. 특히 body: { ... }, 이런 식으로 자바스크립트 오브젝트를 넘겨줄 시 외부에서 이 오브젝트는 [object Obj..