TroubleShooting
뷰 라우터 3점대 버전 설치 명령어
상황 뷰라우터를 설치해도 라우터 적용이 되지 않는 문제 발생 해결 vue 버전이 2점대면 라우터는 3점대로 설치해야 함 → 라우터를 4점대로 설치해서 생기는 문제였음 C:\Users\DvYj\IdeaProjects\demo\fe> npm install vue-router@3.x --save-dev
분류 전체보기
Docker
DockerFile 알아보기
Docker 파일은 형식으로 작성한다. #은 주석 명령은 대소문자를 구분하지는 않지만 보통 대문자로 작성한다. Docker는 Dockerfile에 작성된 명령을 순서대로 처리한다. Dockerfile에서 명령은 항상 FROM으로 시작해야 한다. FROM 이 없거나, FROM 앞에 다른 명령이 있으면 이미지가 생성되지 않는다. 각 명령은 독립적으로 실행 된다. 예를 들면 cd로 디렉토리를 이동하더라도 뒤에 있는 명령에는 영향을 주지 않는다. 1. dockerignore Dockerfiile과 같은 디렉토리에 들어있는 모든 파일을 context라고 한다. 특히 이미지를 생성할 때 컨텍스트를 모두 Docker 데몬에 전송하므로 필요없는 파일이 포함되지 않도록 주의한다. 2. FROM FROM 은 어떤 이미지를..
Others
vuex-persistedstate
개념 화면을 새로고침할 때 vuex의 store에 가지고 있거나 계산되어 있던 값들이 초기화되는 상황이 발생할 수 있다. → 이러한 불편함을 해소하기 위해 localstorage를 이용하여 값들을 다시 살려내주는 기능을 하는것이 vuex-peristedstate 플러그인 원리 vuex를 사용하는 프로젝트는 프로젝트 전체에서 사용되는 변수를 store의 state에 저장하고 사용하게 된다. 그러면 vuex-persistedstate는 이 state에 저장된 변수와 값을 그대로 웹 브라우저의 localstorage에 업데이트 해준다. → 지속적으로 state와 localstorage를 동기화해주는 역할을 한다. localstorage에 등록된 값은 쿠키나 세션처럼 화면을 새로고침해도 없어지지 않기 때문에 화..
MSSQL
SQL Error [2628] [S0001]: String or binary data would be truncated in table
SQL Error [2628] [S0001]: String or binary data would be truncated in table 'master.dbo.emp', column 'name'. Truncated value: 'Fitzpatric'. 컬럼크기보다 Insert 하려는 데이터 크기가 커서 발생...
TroubleShooting
Modal Component의 Input 값 초기화 하기
vuetify 적용하여 게시판 등록하는 컴포넌트를 Modal 컴포넌트로 구성하였는데 모달 창에서 저장을 하거나 취소를 눌러도 이전에 입력한 값이 초기화되지 않았다. 이전코드 게시판 글 등록 글 쓰기 *는 필수 입력항목 입니다. 취소 저장 변경코드 입력부분을 v-form으로 묶어주고 script에 this.$refs.form.reset() 를 적용한다. - 참고 vuetify 공식 사이트에 있었는데.. 구글링했을 때 관련 글이 없어서 한참헤맸다.
Docker
맥북 M1 docker Desktop 설치 및 nginx 컨테이너 실행해서 웹 서버 만들기
맥북 M1 docker Desktop 설치 및 nginx 컨테이너 실행해서 웹 서버 만들기 1. docker Desktop 다운 https://docs.docker.com/desktop/mac/apple-silicon/ Docker Desktop for Apple silicon docs.docker.com 2. docker 설치 완료되면 상단바에 running 표시 완료 (시간 소요됨) 3. 대시보드 들어가서 nginx 이미지 다운로드 4. 컨테이너 실행하기 - 맥 cmd 실행 % docker container run --name webserver -d -p 80:80 nginx - docker desktop에서 컨테이너 실행 확인 5. 웹서버 확인 - 0.0.0.0:80 접속시 아래 화면 뜨는지 확인..
