전체 글

정말 오랜만에 블로그를 업데이트 했다 그런데 티스토리님께서 억까를 하기 시작하셨다 썸네일 크기는 거의 보이지도 않고 누가봐도 태그가 이상하게 닫힌 따옴표와 꺽쇠가 인사를 하고있었다 나는 테마를 건든적이 없었는데... 심지어 업데이트를 안한지 엄청 오래됐는데.. 혹시 몰라서 블로그 코드를 전부 찾아 보았지만 건진건 전혀 없었다 1시간 정도를 소모하다보니 이건 아닌거 같아 문의를 넣었다 해결이 된다면 수정하러 다시 오겠다 바쁜시간 내주셔서 감사합니다. 리셋 갈기겠습니다. 아

VS CODE로 작업하다가 꼴보기 싫게 뭐가 나온다. 대충 TypeScript Intellisense를 활성화 시켜야한다함. 없애버리자 jsconfig.json { "compilerOptions": { "target": "es5", "module": "esnext", "baseUrl": "./", "moduleResolution": "node", "paths": { "@/*": [ "src/*" ] }, "lib": [ "esnext", "dom", "dom.iterable", "scripthost" ], "jsx": "preserve" }, } "jsx": "preserve"를 추가 해주면 된다.

Life Cycle 은 간단하게 개념만 정리하고 넘어가자. components가 페이지에 출력되는 과정을 Life Cycle라고 한다. created => mounted => component 생성 => updated => unmounted 순서로 created는 데이터만 존재하는 단계 mounted는 에 있던 태그들을 HTML로 전환 해주는 단계 component 생성단계는 만들었던 components 를 최상위에 index.html에 장착해주는 단계 updated는 components들을 재 렌더링이 되는 과정 unmounted는 components가 삭제되는 단계 Vue는 data가 변하면 실시간으로 html을 재 렌더링 해준다. 정확하게는 components 를 재 렌더링 하는것이다. Lifr C..

강의를 듣다가 component 부분에서 에러가 났다. 알아보니 component에 단일 단어가 아닌 두 가지 이상 단어 (파스칼케이스)를 사용하라는 vue에 계략이었고 나는 그 계략에 넘어가지 않을 것이다. 해결법 1. 주석문추가 //eslint-disable-next-line 위에 주석문을 적어주면 해결이 되었지만 매번 component 마다 해줄 순 없는 노릇이다. 해결법 2. ESLint 설정 ESLint 가 뭐냐면 ECMA Script + Lint 다 쉽게 설명하면 코딩하다가 규칙을 어기면 에러를 띄어주는 도구라고 생각하면 된다 참고사이트다. https://eslint.vuejs.org/rules/multi-word-component-names.html 아래의 코드를 .eslintrc.js에 집..

나는 초보다. Vue.js 를 해보자. 순서 1. Node.js 설치 2. code Editor 설치 3. Workspace 생성 4. Vue cli 설치 5. 프로젝트 생성 1. 우선 Node.js를 먼저 설치하자. https://nodejs.org/ko/ Node.js Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine. nodejs.org 2. code Editor를 설치하자. VS code를 사용할것임. https://code.visualstudio.com/download Download Visual Studio Code - Mac, Linux, Windows Visual Studio Code is free and ava..