JIWON'S DEV
close
프로필 배경
프로필 로고

JIWON'S DEV

  • 분류 전체보기 (106)
    • HTML (1)
    • STYLESHEET (8)
      • STYLE- 참고 (2)
      • CSS (1)
      • SCSS (5)
    • JavaScript (24)
      • 실무 (3)
      • 모던 자바스크립트 딥다이브 - 스터디 (3)
      • 기본 (11)
      • 스터디(책 200제 포함) (2)
      • vue (5)
    • jQuery (12)
      • 기본 (10)
      • rib - jQgrid (2)
    • Java (2)
      • framework (1)
      • Springboot (1)
      • Thymeleaf (0)
    • ERROR (1)
    • Portfolio (7)
      • web (6)
      • mobile(android) (1)
    • web_dev (4)
    • git (2)
    • 데이터베이스 (5)
      • 기본개념 (1)
      • SQL (3)
      • PHP (1)
    • Tools (2)
      • [젯브레인]IntelliJ (1)
      • VSCode (0)
      • 이모저모 툴 (1)
    • 대학교 공부 & 과제 2016~2022 (21)
      • 컴퓨터공학과 (5)
      • 시스템관리 (16)
    • 자격증 (4)
      • 웹디자인기능사 (3)
      • 정보처리기사 (1)
    • 참고 (8)
      • 네트워크 (3)
      • 사이트 (4)
    • 개발 (0)
      • 회고 (0)
    • 면접&취준 (1)
    • 공모전 (1)
      • 전국 대학생 think 통일 콘텐츠 프리젠테이션 .. (1)
    • 일상 (0)
      • 독서 (0)
  • 홈
  • 태그
  • 방명록
  • jiwon's git
count

count

countUp / countDown See the Pen Untitled by JIWON CHOI (@jiwonch) on CodePen.

  • format_list_bulleted vue
  • · 2022. 8. 9.
  • textsms
Vue instance 생성

Vue instance 생성

뷰 인스턴스 생성 뷰 인스턴스 new Vue(); var vm = new Vue(); console.log(vm); new Vue({ el: , //인스턴스 들어가는 곳 template: , // 화면에 표시할 요소(HTML, CSS) data: , // 뷰의 반응성이 반영된 데이터 속성 methods: , // 화면의 동작과 이벤트 로직을 제어하는 메서드 created: , // 뷰의 라이프 사이클과 관련된 속성 watch: , // data에서 정의한 속성이 변화했을 떄 추가 동작을 수행할 수 있게 정의하는 속성 }); Jiwon's develop moment

  • format_list_bulleted vue
  • · 2022. 8. 9.
  • textsms
Vue.js CDN / 설치(추후 추가)

Vue.js CDN / 설치(추후 추가)

Vue.js https://kr.vuejs.org/v2/guide/installation.html 설치방법 — Vue.js Vue.js - 프로그레시브 자바스크립트 프레임워크 kr.vuejs.org CDN 프로토 타이핑또는 학습 목적이라면, 아래 코드로 최신 버전을 사용할 수 있습니다. 프로덕션 환경인 경우 새 버전에서 예상치 못한 오류를 방지하려면 특정 버전의 빌드 파일을 추가하는것을 추천합니다. 기본 ES 모듈을 사용하는 경우 이를 지원 하는 ES 모듈 호환 빌드 파일도 있습니다. 다양한 데이터의 출력 {{ myText }} 숫자 {{ myNumber }} 부울형 {{ myBool }} 배열 {{myArray }} 오브젝트 {{ myObject }} {{ $data }} 위의 코드와 같이 안에 넣어준..

  • format_list_bulleted vue
  • · 2022. 8. 9.
  • textsms
Vue.js

Vue.js

Vue.js MVVM패턴의 뷰 모델 레이어에 해당하는 화면단 라이브러리 양방향 라이브러리 데이터 변화를 라이브러리에서 감지해서 화면에 그려줌 --> 반응형 지원 *MVVM - 모델, 뷰, 뷰모델로 이루어진 패펀 *MVC 모델, 뷰, 컨트롤러로 이루어진 패턴 *MVVM MVVM은 뷰모델을 지원하므로 뷰가 필요한 데이터와 커맨드 제공 컴포넌트(블럭 같은 것) 간의 통신이 Vue, Angular는 양방향, React는 단방향 - 데이터 바인딩과 화면 단위를 컴포넌트 형태로 제공하며, 관련 API를 지원하는데에 궁극적인 목적이 있음 - Angular에서 지원하는 양방향 데이터 바인딩을 동일하게 제공 - 다른 프레임워크와 비교했을 때 상대적으로 가볍고 빠름 - 문법이 단순하고 간결하여 초기 학습 비용이 낮고 누구..

  • format_list_bulleted vue
  • · 2022. 8. 9.
  • textsms
MySQL 설치

MySQL 설치

MySQL 설치 방법 MySQL 설치 윈도우 설치 파일 중 용량이 큰 파일을 다운로드한다. 위에서 다운로드 버튼을 클릭하게 되면 이런 창으로 넘어가는데, No thanks, just start my download. 클릭하면 다운로드가 시작된다. 이 다음 창에서는 develop default 선택하고 넘어간다. Execute를 누르고 기다린다. 동의함을 체크해 준 후 설치 버튼을 클릭한다. 이후 C++ 설치가 완료 되면 Execute 버튼을 클릭한다. 필수조건이 모두 체크가 완료되면 Next 버튼을 클릭해서 남아있는 필요한 조건을 설치한다. 하나 또는 그 이상의 필수요건을 설치하거나 업데이트 할 것인지를 묻는데 Yes 버튼을 클릭하면 필요한 조건들이 모두 설치된다. execute 버튼을 클릭해서 프로그램..

  • format_list_bulleted SQL
  • · 2022. 8. 9.
  • textsms
변수 - let, var / 상수 - const / 지역변수, 전역변수 / 호이스팅(hoisting)

변수 - let, var / 상수 - const / 지역변수, 전역변수 / 호이스팅(hoisting)

변수 '이름이 붙은 저장소' or '데이터를 저장하는 장소' 변하는 데이터(값)을 저장할 수 있는 메모리 공간 var, let, contst *var의 변수 스코프는 function 단위 *const/let은 block 단위 {}, const는 상수, let은 변수 var / let 변수를 선언하는 키워드로 리터럴 값의 재할당이 가능함 const 상수를 선언하는 키워드로 선언과 동시에 리터럴 값을 할당해 줘야함 (const x = 2;) 리터럴 값의 재할당이 불가능하고, 재할당, 재선언이 모두 불가능함 * var, let, const 정리 변수 범위(Scope) 변수 선언 특징 함수 레벨 스코프 var · 변수를 중복해서 선언할 수 있다. · 함수 블록내에서 선언하면 지역 변수 블록 레벨 스코프 let ..

  • format_list_bulleted 스터디(책 200제 포함)
  • · 2022. 8. 6.
  • textsms
  • navigate_before
  • 1
  • ···
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • ···
  • 18
  • navigate_next
전체 카테고리
  • 분류 전체보기 (106)
    • HTML (1)
    • STYLESHEET (8)
      • STYLE- 참고 (2)
      • CSS (1)
      • SCSS (5)
    • JavaScript (24)
      • 실무 (3)
      • 모던 자바스크립트 딥다이브 - 스터디 (3)
      • 기본 (11)
      • 스터디(책 200제 포함) (2)
      • vue (5)
    • jQuery (12)
      • 기본 (10)
      • rib - jQgrid (2)
    • Java (2)
      • framework (1)
      • Springboot (1)
      • Thymeleaf (0)
    • ERROR (1)
    • Portfolio (7)
      • web (6)
      • mobile(android) (1)
    • web_dev (4)
    • git (2)
    • 데이터베이스 (5)
      • 기본개념 (1)
      • SQL (3)
      • PHP (1)
    • Tools (2)
      • [젯브레인]IntelliJ (1)
      • VSCode (0)
      • 이모저모 툴 (1)
    • 대학교 공부 & 과제 2016~2022 (21)
      • 컴퓨터공학과 (5)
      • 시스템관리 (16)
    • 자격증 (4)
      • 웹디자인기능사 (3)
      • 정보처리기사 (1)
    • 참고 (8)
      • 네트워크 (3)
      • 사이트 (4)
    • 개발 (0)
      • 회고 (0)
    • 면접&취준 (1)
    • 공모전 (1)
      • 전국 대학생 think 통일 콘텐츠 프리젠테이션 .. (1)
    • 일상 (0)
      • 독서 (0)
최근 글
인기 글
최근 댓글
태그
  • #SQL
  • #Javascript
  • #HTML
  • #Database
  • #정규표현식
  • #웹개발
  • #오블완
  • #모던 자바스크립트 딥다이브
  • #CSS
  • #자바스크립트
전체 방문자
오늘
어제
전체
Copyright © 쭈미로운 생활 All rights reserved.
Designed by JJuum

티스토리툴바

개인정보

  • 티스토리 홈
  • 포럼
  • 로그인

단축키

내 블로그

내 블로그 - 관리자 홈 전환
Q
Q
새 글 쓰기
W
W

블로그 게시글

글 수정 (권한 있는 경우)
E
E
댓글 영역으로 이동
C
C

모든 영역

이 페이지의 URL 복사
S
S
맨 위로 이동
T
T
티스토리 홈 이동
H
H
단축키 안내
Shift + /
⇧ + /

* 단축키는 한글/영문 대소문자로 이용 가능하며, 티스토리 기본 도메인에서만 동작합니다.