Error: Cannot find module 'webpack-cli/bin/config-yargs' 🤔 원인 웹팩 패키지 버전 오류 🥳 해결 호환 버전으로 재 설치 npm i -D webpack@4.44.2 npm i -D webpack-cli@3.3.0 npm i -D webpack-dev-server@3.11.0 📎참고 https://likejirak.tistory.com/297
분류 전체보기
🤷♀️ SPA 란? 뷰 렌더링을 사용자 브라우저가 담당 + 사용자와의 인터랙션 발생 시 필요한 부분만 자바스크립트로 업데이트 사용자에게 제공하는 페이지는 한 종류지만 주소 상태에 따라 다양한 화면 보여줌(라우팅) 📌 React.js 에서 라우트를 통한 SPA Route 규칙을 가진 경로에 어떤 컴포넌트 보여줄지 정의 여러 Route 주소 지정 : path props를 배열로 설정 Link 페이지를 새로 불러오지 않고 애플리케이션을 유지한 상태에서, HTML5 History API 사용해서 페이지 주소만 변경 내용 URL 파라미터 (ex. /aaa/bbb) //아이디 혹은 이름 조회 값을 props로 받아와서 조회 라우트로 사용되는 컴포넌트에서 받아오는 match라는 객체 안에 params 값 참조 ma..
📌 리눅스 명령어 sudo su :루트 사용자로 변경 apt-get update : 패키지 목록 갱신 apt-get upgrade : 프로그램 최신버전 패치 dpkg-reconfigure tzdata : 시스템 시간설정 apt-get install openjdk-8-jre-headless : 자바 해석기 설치 apt-get install openjdk-8-jdk : 자바 컴파일러 설치 java -version :버전확인 apt-get install tomcat9 :톰캣설치 apt-get install mariadb-server mariadb-client : 마리아 디비 서버와 클라이언트 설치 mysql :리눅스 루트 사용자 상태에서 mysql 로그인 use mysql update user set plug..
📎 Vue 가이드 사이트 (한국어) https://v3.ko.vuejs.org/ Vue.js v3.ko.vuejs.org https://kr.vuejs.org/v2/guide/index.html 시작하기 — Vue.js Vue.js - 프로그레시브 자바스크립트 프레임워크 kr.vuejs.org 📎 Vue.js 한국 사용자 모임 https://vuejs-kr.github.io/ 🤔 사견 아무래도 vue는 리액트보다 커뮤니티나 공부하기 좋은 사이트를 많이 찾기 어려운 것 같습니다. (물론, 공식문서가 너무 잘 정리돼 있지만요!) vue 약 2개월차인 저에게는 아직도 react가 좀 더 편하게 느껴지고 있습니다...😥 회사에서는 vue를 사용하지만 react도 놓지않고 꾸준히 공부해나가며 언어에 국한 되지 않..
* 회사에서 용의한 코드리뷰 및 배포 관리를 위해서 기존의 Git 브랜치 전략을 변경하겠다는 이슈가 있었습니다. 깃 브랜치 전략에 대한 내용은 어느 회사든 관심을 갖는 이슈인 것 같다는 생각... 이전에 타 회사 면접 볼 때에도 타 기업에서 인턴 할 때에는 어떻게 브랜치 관리를 했는지에 대한 질문을 받았었던걸 보면 말이죠! 개발을 하며 느낀점은 아직 초초초 주니어인 저에게 개발은 언어에 대한 어려움 보다 규칙을 정하고(혹은 정해져 있는) 틀에 맞춰 깔끔하게 프로그래밍 하는게 정말 어려운 것 같아요. 지난 주 코드도 다시보면 비합리적인 요소가 발견되네요... 📌Git Flow 란? Git으로 개발할 때 표준처럼 사용되는 방법론 Git Flow 전략 master - 제품 출시 브랜치 develop - 다음 ..
* Vue 코드에 대한 공식 스타일 가이드 중 실제 업무 시 적용 할 일부 (우선 순위 A~C)를 발췌하여 정리한 글입니다. 상세 설명 및 예시는 공식 스타일 가이드에서 확인 가능 Vue.js 공식 스타일 가이드 中 일부 📋 우선 순위 A 컴포넌트의 data는 반드시 함수형(객체 반환) v-for에 key 지정 v-if v-for 동시 사용 금지 컴포넌트 style scoped 플러그인, mixin 등 Private 프로퍼티에 항상 접두사 $_ + named scoped (혹은 함수 분리) 📋 우선순위 B 하나의 컴포넌트는 자체 파일 컴포넌트 파일 명: PasalCase, 약어 사용x 템플릿에서 컴포넌트 이름 규칙: kabab-case Prop 이름 규칙 지정(casing): props name=>cam..
