오늘은 어제보다 나아지길

새로 들어갈 프로젝트에서 vue.js 2.x버전과 Typescript를 사용한다는 말을 듣고 Typescript를 사용해본적이 없던지라 부랴부랴 프로젝트를 생성하고 Typescript를 적용해보았다. Typescript를 적용할땐 문법적인것이 기존의 방식이랑 살짝 달라졌기에 당황... 먼저 설치 먼저 진행해보록 하자! 전에 vue.js 설치하는 포스팅을 쓴적이 있는데 요번엔 다른 명령어로 설치를 해보았다. vue create 을 입력하면 프로젝트가 설치된다. ( vue-cli 버전 2.x 일땐 vue init~ 으로 설치, vue-cli 버전 3.x 이상 일땐 vue create 으로 설치) 그후 사용자의 입맛대로 설치를 진행할수있다. 버전, typescript, router. vuex, eslint 사..

Vue.js 3.0으로 업그레이드되면서 몇몇 가지가 바뀌었는데 그중 하나가 main.js 에서 전역적으로 사용하는 방법이 바뀌었다. // vue.js 2.x // main.js import axios from 'axios'; Vue.prototype.$axios = axios; new Vue({ el:#app, components: { App }, template: '' }); // Main.vue . . . 2.x 버전에선 prototype으로 선언 후 사용하였지만 이젠 달라졋다. // vue.js 3.x // main.js import App from './App.vue' import axios from 'axios'; const app = createApp(App); app.config.global..

개발 시 컴포넌트를 불러올떄 상대 경로 : import { Menu } from '../component/Menu'; 절대 경로 : import { Menu } from '/component/Menu'; 두가지 방법이 있다. 상대 경로 vs 절대 경로는 다음에 정리를 하고 리액트에서 절대 경로로 path를 지정하는 법을 정리해보자. 리액트를 다루는 기술에서 보면 window 기준 cross-env를 yarn 으로 설치 후 package.json 파일의 scripts 부분에 "scripts": { "start": "cross-env NODE_PATH=src react-scripts start", "build": "cross-env NODE_PATH=src react-scripts build", . . . ..

리액트 프로젝트를 설치하려는 와중 이런 에러가 떴다 대충보니 새로운 릴리즈가 나왔으니 삭제 후 재 설치 하라는거 같은데 재설치를 진행해보자 npm uninstall -g create-react-app npm add create-react-app npx create-react-app hello-react 이렇게 하면 로컬 pc에 리액트 프로젝트가 설치가 될 것이다 . 끝!

reducer 현재 상태와 액션 객체를 파라미터로 받아 새로운 상태로 변환 해주는 함수 function reducer(state, action) { switch(action.type){ return nextState; } } UseReducer 상태관리를 하는 함수로써, reducer 함수를 호출하여 사용한다. const [ state, dispatch ] = useReducer(reducer, initial); state 현재상태 dispatch 액션을 발생 시키는 함수 ex). dispatch({type: 'CREATE_MEMBER'}); reducer 상태 변환 함수 initial 초기값 Context API 프로젝트의 상태를 전역적으로 관리해줌 리덕스 리덕스에는 사용되는 몇가지 키워드 들이 있다...

git은 하나의 브런치 안에 여러 개의 하위 브런치를 만들 수 있다. 그중 특정 브런치만 clone하여 내 pc로 clone 하고 싶으면 다음 명령어를 사용하면 된다. git clone -b [가져오고싶은 브런치] --single-branch https://~~[git url 주소] ex). git clone -b wallet --single-branch https://github.com/myProject/main.git

이 에러 때문에 몇날 며칠을 시간 낭비를 한지를 모르겠다...... 이클립스 문제인지, Spring 설치를 잘못한건지, 오타인지.... 다시 설치 해보고 별짓을 다해봤지만 소용이 없었고... 그러던 아침 해결을 했다 드디어... 다른 이클립스랑 톰캣 서버를 세팅을 비교하던 중 다른것을 발견하였다!!! Server Locations 부분에서 다름을 발견하였고 비활성화를 풀어 Use Tomcat installation 버튼을 클릭 후 빌드를 하였고 성공했다 드디어....... 근데 다시 에러를 내고 싶어서 처음 설정처럼 해보려 했지만 에러가 안났다 뭐지?? 역시 개발은 알다가도 모르겠다......ㅎㅎ classpath:/tiles/tilesConfig.xml servlet-context.xml도 설정을 잘해..

Mac 기준 1. Yarn 설치 (Sudo) npm install -g yarn ( 권한이 없을 시 맨앞에 sudo 붙여서 실행 ) 2. yarn 혹은 npm 으로 설치 npm install -g @vue/cli 또는 yarn global add vue/cli yarn global add @vue/cli yarn global add @vue/cli-init —> 이걸로 3. 프로젝트 이름 생성 vue init 위와 같은 커맨드로 프로젝트를 시작할 수 있습니다. 제공되는 템플릿은 총 다섯 가지로 webpack, webpack-simple, browserify, browserify-simple, simple 이 있습니다. 4. 실행 해당 디렉토리로 들어가 yarn dev npm ERR! Maximum cal..