내가 보려고 만든 블로그

1. Pixeden https://www.pixeden.com/free-icons-set 2. Flaticon 무료인것도 있고 무료가 아닌것도 있다. 왕관표시는 유료! https://www.flaticon.com 3. ICOOON MONO https://icooon-mono.com/?lang=en

먼저 아나콘다가 설치가 되어있는지를 확인 해야한다. 설치과정은 아래와 같다. curl -O https://repo.continuum.io/archive/Anaconda3-2018.12-Linux-x86_64.sh sha256sum Anaconda3-2018.12-Linux-x86_64.sh bash Anaconda3-2018.12-Linux-x86_64.sh 하고 설치 과정을 따라가면된다. 아나콘다를 설치했음에도 불구하고 command not found라는 오류가 생길수도 있다. 이 경우는 path설정이 안되있는 경우인데 설정을 해주어야한다. anaconda3 폴더가 있는 디렉토리 그러니까 anaconda를 설치한 경로로 가서 진행을 해주어야한다. source ~/.bashrc export PATH="/..

vue에서 마우스 오버이벤트는 javascript만큼 간단하다. click이벤트와 마찬가지로 v-on을 사용하는 것이다.

vue공부를 한참하고 있던 지금 컴포넌트의 편리성을 깨닫고 있다. 하지만 한페이지에 컴포넌트 두개를 올리고싶을 때는 어떻게 해야될까? 바로 router에 children을 이용하는 것이다. // index.js import Compo1 from '@/components/Component1' import Compo2 from '@/components/Component2' Vue.use(VueRouter) const router = new VueRouter({ mode: 'history', routes: [ {path '/', component: Compo1, children: [{path: '/', component: Compo2}]} ] }) export default router 코드 설명을 하자면 c..

연구과제를 진행하던 중 왼쪽에 메뉴를 만들고 메뉴의 위치를 상단의 로그에 맞게 너비와 margin-top을 수정할 수있게 하고싶었다. 그러려면 로그의 너비와 높이를 가지고 왔어야했는데 그게 생각보다 쉽지않았다. 먼저 페이지가 로드될 때 로그의 너비와 높이를 가져오고 메뉴의 스타일에 값을 지정해야했는데 vue가 익숙하지 않았던 나는 페이지가 로드될 때 어떻게 해야 함수를 실행할 수 있을지부터 검색했다. 이전 게시글에서는 create()라는 함수를 기재해서 페이지가 새로고침 및 로드될 때마다 alert가 뜨게 성공하였다. 그래서 내가 원하는 개체에 ref라는 속성값을 주어 설정을 성공할 수있을줄 알았지만 create() 함수에서는 this.refs.name 이 undefined로 뜨는 오류가 발생했다. 위 ..

html에서 화면이 로드될때 어떤 이벤트를 발생시키고 싶을때 document.addEventListener("DOMContentLoaded", function(){})을 사용했던 기억이 있다. 하지만 vue에서는 사용이 되지 않는다. 그래서 구글링을 열심히 한 결과 vue에서 관련 메소드를 찾았다!! 사용하고자 하는 Vue파일 아래 script 부분에 아래와 같이 기재해주면된다. export default { name:'submenu', created () { alert('새로고침되었습니다.') } } 이제 새로고침할때마다 '새로고침되었습니다'라는 알람이 뜬다! 내가 못하는건지 아니면 vue에서 JQuery를 지원을 하지 않는건지 모르겠지만 JQuery를 사용하려고 할때 마다 $가 뭔지 인식을 못한다. ..

간단하게 버튼을 클릭하면 alert가 생기는 예제를 만들어보았다. 여기서 this는 vue의 인스턴스를 가르키는데 내가 만든 코드에서는 vue인스턴스가 존재하지않아서 alert로 출력을 했을때 undefined로 뜨는 것을 볼 수 있다.

Docker내부 Centos에서 npm run dev할 때 생기는 오류를 기준으로 작성함. 1. Cannot find module 'glob' -> npm install -g angcli 2. npm 및 nodejs 설치 안되는 오류 -> yum install opel-release -> yum install npm node 3. Cannot find module 'mustache' -> npm install mustache 4. sh: webpack: command not found -> npm install webpack webpack-dev-server --save-dev 5. The CLI moved into a separate package: webpack-cli -> 아래 명시된 npm 또는 ..

https://winscp.net/eng/download.php 에서 winscp를 설치 받을 수 있다. 설치 후 리눅스 ip를 입력하고 사용자 이름과 비밀번호를 입력하면 접근이 가능하다. ssh 설치와 포트포워딩을 꼭 해주어야한다.

1. VSCode에서 Remate VSCode를 설치한다. 2. 터미널에서 ssh로 접근 ssh -R 52698:컴퓨터IP(127.0.0.1):52698 LinuxID@LinuxIP(127.0.0.1) 3. ssh로 접근한 리눅스에 rmate설치 wget https://github.com/sclukey/rmate-python/master/bin/remate 4. chmode +x ./rmate 5. mv(cp) ./rmate /usr/local/bin/rmate 6. 이제 파일을 vs 코드로 열수있다. rmate -p 52698 filename * 초기 ssh 접근이 잘 되지 않으면 리눅스에 ssh가 켜져있는지 확인하자 참고 : https://thrillfighter.tistory.com/458