전체 글

프롭스 상위 컴포넌트에서 하위 컴포넌트로 프롭스의 속성을 전달한다. 하위 컴포넌트에 아래와 같이 propsdata를 연결해준다. var appContent={ template:'{{ propsdata }}', props:['propsdata'] } 프롭스 속성 만드는 법이때 '프롭스 속성 이름'은 위의 propsdata가 되고, '상위 컴포넌트의 데이터 이름'은 상위 중 할당하고 싶은 컴포넌트를 넣어준다. 상위 컴포넌트의 데이터를 수정하면 바로 하위 컴포넌트의 프롭스로 반영됨. [reactivity] 이벤트 하위 컴포넌트에서 상위 컴포넌트로 이벤트를 발생시킨다. 상위 컴포넌트에 아래와 같이 전달할 메소드 함수와 템플릿을 담은 컴포넌트를 만든다. var appHeader={ template:'click m..

안녕하시렵니까. 맥 터미널 창을 사용하던 중 처음보는 오류를 발견. 내가 친 코드는 npm init nuxt-app 아래와 같이 오류가 발생 zsh: parse error near `\n' 그냥 괄호를 없앴더니 바로 해결 npm init nuxt-app project-name 포스팅 끝!

+ 기본 구조 DOM View Model Model (js objects) DOM Listeners Data Binding HTML 기본 ! tab : html 자동완성 div#app : 태그 이름까지 바로 생성 document.querySelector()나 innerHTML로 html 태그와 돔을 조절 Reactivity Object.defineProperty : 객체(또는 객체의 속성)의 동작(할당, 접근 등)을 재정의하는 API. get: function() : 속성에 접근했을 때 동작을 정의 set: function() : 속성에 값을 할당했을 때 동작을 정의 Object.defineProperty(대상 객체, 객체의 속성, { 정의할 내용 }) reactivity: 값을 바꿀 때마다 바로 반영이..

Javascript 기초 주석 (comment) //로 주석 표시 /**/로 주석 표시 자료형 (data type) undefined, null, boolean, string, symbol, number and object (key and value) 변수에 데이터를 담는다 (할당) var : 모든 영역 사용 let : 선언된 범위 내에 사용 가능 const : 변하지 않는 변수를 선언하는 경우 연산자 +, -, *, / ++, -- +=, -=, *=, /= "I am a \"double quoted\" " 처럼 인용구 안에 인용구를 넣을 수 있음. 문자열 문자열.length : 문자열의 길이를 추출 또한 파이썬처럼 []를 이용해 각 문자 추출 가능 문자열은 immutable하다. 한번 선언하면 변경할..

day 1. 자바스크립트 오리엔테이션 자바스크립트란? 웹브라우저라는 소프트웨어를 프로그래밍적으로 제어(브라우저의 기능을 코드로 이용)하는 언어 탈 웹브라우저 js는 웹브라우저 제어에만 국한되지 않고 있다. 아래와 같은 기능도 수행 가능. * 웹서버 'node.js' - 웹브라우저는 웹서버에 요청을 하고, 웹서버에서 웹브라우저에 응답을 보냄. - 응답하기 위한 기술. php와 자바가 하는 코드를 대체하기 시작. 탈 웹 - Google Apps Scripts 구글 스프레드 시트의 애플리케이션 스크립트를 조절할 수 있다. 코드(언어)라는 약속. js가 사용되는 환경이 늘고 다양화되고 있다. 다양한 환경(웹서버, 스프레드시트 등)속에서 js(기반이 됨)라는 언어를 적재적소에 잘 사용할 수 있음. 코드로 소프트웨..

2학년을 맞이해 여러 활동을 하며 지내다보니 벌써 2021년이 지나갔다. 돌이켜보면 참 잘한 것 같다는 일도, 아쉽다고 생각이 드는 일도, 후회스러운 일도 있었다. 정신이 없어서 미루고미루던 후기들도 많고 스쳐지나간 생각들을 그대로 흘려 보내버려 아쉬운 것 같아 조금이라도 정리하려 쓰는 글. 월별로 나열한 뒤에 4L로 정리해보려고 한다. 1월, 2월 (1학년 겨울방학) 1. 포토샵과 일러스트를 독학 2. 하늬가람 수습기수 3. 웹 html, css 독학 4. 인사이트 포스터 제작 😍 좋았던 것(Liked) - 어도비 툴을 독학하며 여러 작업물을 만들어 본 것 지금 학과에서 하는 여러 작업을 수월하게 진행할 수 있던 이유는 이 때에 독학을 해두었기 때문이라고 생각한다. 하루에 하나씩 강의를 보고 무언가를 ..

다른 블로그에 올라온 후기만 보다가 드디어 내가 써보는 후기! 2020년 1월 8일에 첫 게시물을 올리고 2021년 11월 12일에 광고를 달 수 있게 되었다. 초반에도 애드센스를 호기롭게 신청했다가 까인 적이 있는데, 이번엔 당당히 합격. 애드센스를 다는 법은 다른 블로그 글에서도 자세히 나와있으니, 나의 블로그에 대해서 어떻게 달 수 있었는지를 풀어보겠다. 사실 절차는 관리페이지에서 수익 > 애드센스 추가 및 관리에 들어가면 티스토리가 제공하는 가이드가 있는데, 그것만 봐도 충분한 것 같다. 그럼 본격적으로 시작 - 1. 어떤 글을 업로드 했는가? - 2021년 초반에 프론트앤드를 공부하면서 복습하는 형식으로 달기 시작. (이때 꽤나 꼬박꼬박한 듯) - 디자인툴 (ex. 포토샵) 팁 같은 것도 정리해..

media programming 수업에서 에러 때문에 vscode가 안 돌아가는 일이 있었다. 그 에러는 바로 아래와 같은 No module named 'cv2' 이 에러를 고치려 무작정 모듈 설치를 시작했지만, 터미널 창이나 아나콘다 설정에서도 모두 다 해결되지 않았다. 이유는 바로 파이썬 버전이 여러 개 있을 때 다른 데 설치하고 vscode에서는 엉뚱한 버전을 사용하기 있었기 때문이었고 + 이럴 땐 가상환경으로 여기서 쓸 버전에 모듈을 설치하면 된다. 아래와 같이 버전 관리를 해주자! 1) vscode가 사용하고 있는 파이썬 버전 확인 나 같은 경우는 3.6.5를 사용하고 있었다. 하지만 cv2는 3.9에서 사용할 예정이었기 때문에 3.9 버전으로 환경을 바꿔야한다. 2) Ctrl + Shift +..