본문 바로가기

728x90
반응형

전체 글

(104)
Git hub page 배포 방법 1. package.json에 homepage를 추가 "homepage": "https://myusername.github.io/my-app", "homepage": "https://myusername.github.io", "homepage": "https://mywebsite.com", homepage 필드를 사용하여 빌드된 HTML 파일의 루트 URL을 결정 2. gh-pages 설치 및 scirpt 추가 npm install --save gh-pages yarn add gh-pages 3. package.json 에 스크립트 추가 "scripts": { + "predeploy": "npm run build", + "deploy": "gh-pages -d build", "start": "react-s..
뷰 프로젝트 세팅 가이드 https://msko.tistory.com/65 Vue CLI 없이 Wepack으로 프로젝트 구성(+ ESLint) 1. Vue package 설치 npm i vue@next npm i vue 로 설치 시, Vue2 버전이 설치됨 기본적은 Vue의 문법을 사용하는 용도 2. .Vue 파일을 관리하기 위한 Package 설치 npm i -D vue-loader@next vue-style-loader @v.. msko.tistory.com { "name": "vue-setting", "version": "1.0.0", "description": "bolier settings for vue", "main": "index.js", "scripts": { "start": "SET NODE_ENV=developm..
리액트 프로젝트 세팅 가이드 1. 프로젝트 폴더 생성 및 초기화 mkdir my-project cd ./my-project npm init 결과 : 프로젝트 루트에 package.json 파일 생성 2. 리액트 설치 npm install react react-dom yarn add react react-dom react : 리액트 라이브러리 react-dom : 리액트 엘리멘트 렌더링 라이브러리 3. 바벨 설치 npm install -D @babel/core@7 @babel/preset-env@7 @babel/preset-react@7 @babel-core : babel의 core 코드 @babel-preset-react : jsx를 javascript로 트랜스파일링 @babel-preset-env : es6+ 문법을 구브라우저에서..
프론트 개발자 면접 질문 리스트 보호되어 있는 글입니다.
react 프로젝트 구성하기 보호되어 있는 글입니다.
두꺼비세상 면접 준비 보호되어 있는 글입니다.
웹팩 정리 기준 : v4.41 강의 노트 : Introduction | 웹팩 핸드북 (joshua1988.github.io) npm((Node Package Manager)) : js 라이브러리를 관리할 수 있는 공개 저장소 npm을 사용하는 이유 1. 프로젝트에서 사용하는 라이브러리 버전과 의존성 관리 2. 라이브러리 설치 용이 npm init -y : package.json 생성 npm 설치 npm install something --global 로 하면, node_modules 폴더가 아닌 %USERPROFILE%\AppData\Roaming\npm\node_modules 에 설치됨. dependencies(배포용 라이브러리)와 devDependencies(개발용 라이브러리) 전자는 애플리케이션의 로직과 연관..
왜 그 기술을 쓰는가? 실수 일기의 목적 실수한 나를 자책하기 보다, 실수로부터 배우는 사람이 되자. 오늘의 실수 제목 vuex를 왜 쓰는가? 날짜 2021/04/26 상황 알람기능 개발중, 알람데이터를 브라우저 스토리지에 쌓고, 알람 목록 화면을 열면 브라우저의 데이터를 긁어와 vuex에 업데이트 한 후 사용하였다. 그러다 보니, 데이터를 업데이트 할 때, vuex에도 브라우저에도 이중으로 관리를 해줘야했다. vuex를 왜 사용했는 지 선임님이 나에게 되물었고, 내가 왜 이걸 썼는지 고민해보게 됐다. 그 결과 이 상황에서 꼭 vuex에 모든 데이터를 받아올 필요는 없고, 데이터가 단지 업데이트 되었음을 알려주기 위한 어떤 플래그 값만 vuex에서 관리하면 된다는 것을 깨달았다. 배울점 왜 vuex를 써야만 하는가를 고민해보고..

728x90
반응형