본문 바로가기

기타

(11)
240403 Vue 오늘은 글쓰기 해보기 오늘 날짜의 vue 생성 후 실행, Write 라는 vue 파일을 만들어 작성 글쓰기 글쓰기 스크립트 작성하기, 글 쓰면 해당 데이터가 alert 창으로 뜨게하기 return 에 값을 넣으면 창 새로고침 시 해당 데이터가 입력되어 있음 input 의 value, textarea 태그 사이에 값 넣은 효과 export default { name: "WritePage", data() { return { title: "제목쓰", content: "내용쓰", }; }, methods: { write() { alert("하이요 " + this.title + " : " + this.content); }, }, }; 해당 데이터를 json 형태로 가게 하기 write() { // alert("하..
240401 만우절 Vue 해보기 오늘도 새로운 Vue 를 Create 하여 수업 진행 cd c:/vue vue create apr01 cd c:/vue/apr01 npm run serve Audio 파일 실행해보기 @click 은 버튼 클릭 시 내부 함수를 실행한다는 뜻 노래틀기 클릭 시 오디오 실행하는 메소드 만들기 methods: { play(mp3) { let audio = new Audio(mp3); audio.play(); }, }, 여기에 집어넣고 버튼 누르면 실행되긴하는데,, 왜 그 밑으로는 넣으면 안될까.. 누르면 값이 올랐다 내렸다 하는 버튼 만들기 먼저 처음 데이터의 값을 정해줌 data: function () { return { count: 1, }; }, 해당 값을 출력하는 html 작성 카운트 : {{ count..
240329 Vue 표 그리기 먼저 App.vue 에 data 집어넣기 data() { // App.vue 안에서 쓸 데이터 return { arr: [1, 2, 3, 4, 5, 6, 7, 8, 9, 10], }; } 화면에 출력해보기 {{ it }} v-bind 란 무엇일까.. https://goodteacher.tistory.com/532 [vue 3] 04. v-bind를 통한 속성 처리 이번 포스트에서는 v-bind로 시작하는 directive에 대해서 살펴보자. 본 내용에 들어가기 전에 directive의 기본 사용법을 다시 한번 상기시켜보자. v-bind v-bind? v-bind는 html의 속성인 id, class, style 등에 goodteacher.tistory.com 1 부터 10 까지 출력해보기 {{..
240328 Vue 해보기 오늘도 반복해서 Vue 해보기 오늘 날짜의 디렉토리 만들기 vue create mar28 해당 패키지로 이동해서 서버 실행, PowerShell 에선 잘 안되는 경우 있음 CMD 나 Git bash 에서 실행 cd mar28 npm run serve Vue 의 if 문 vue test에요 {{ arr }} if 문이 참이면 출력 if 문이 거짓이면 출력하지 않음 arr 배열의 4번 index 값이 60 인가? if 문이 거짓이면 실행될 문장 check 가 참이면 출력 check 가 거짓이면 출력 number 가 arr[0] 보다 작아요 number 가 arr[0] 보다 크거나 같아요 까지만 하고 나머지 시간은 프로젝트 ㅠ
JavaScript Promise 함수 프로미스 함수는 대기, 이행, 실패 시 작동 객체 선언하기 let promise = new Promise(function (resolve, reject) { resolve(); // 성공 시 작동 reject(); // 오류 시 작동 }); 프로미스 객체의 값을 받을 때에는 .then 을 사용하여 값을 받음 promise.then(function (value) { console.log(value); }); 람다식으로 줄일 수 있다 promise.then((value) => { console.log(value); }); 에러는 catch 로 잡음 promise.catch(function (err) { console.log(err); }); Async, Await 콜백 함수와 프로미스의 단점을 극복하고 가독..
240325 Vue 해보기 Node.js 설치하기 https://nodejs.org/en Node.js — Run JavaScript Everywhere Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine. nodejs.org 설치 후 CMD 창 열기 npm --version Vue 의 CLI 버전을 설치 npm install -g @vue/cli npm 버전 업그레이드 하기 npm install -g npm@10.5.0 이후 설치된 npm 과 Vue 의 버전 확인하기 npm --version vue --version // vue -V 과연 npm 이란 무엇일까? 확인해보자 https://namu.wiki/w/npm npm 개요 Node.js 의 패키지를..
240319 AWS 클라우드 컴퓨팅 https://aws.amazon.com/ko/ 클라우드 서비스 | 클라우드 컴퓨팅 솔루션| Amazon Web Services 필요한 만큼 이용할 수 있는 것은 물론 필요에 따라 몇 분 만에 확장 또는 축소할 수 있습니다. 자세히 알아보세요. aws.amazon.com 아마존 클라우드 가입하고 서비스 만들어보기 https://us-east-2.console.aws.amazon.com/ec2/home?region=us-east-2#Home: https://us-east-2.console.aws.amazon.com/ec2/home?region=us-east-2#Home: us-east-2.console.aws.amazon.com 여기서 인스턴스 시작 버튼 클릭 이후 원하는 서비스를 구성하여..
프로젝트 시 참고할 정보들 보호되어 있는 글입니다.