본문 바로가기

전체 글38

[Vue.js] Vue 시작하기 (설치, 개발환경 설정) Vue.js 란? Vue.js는 프론트엔드 웹 개발을 쉽게 만드는 JavaScript 프레임워크로, 선언적 렌더링, 반응형 데이터 바인딩 기능과, 컴포넌트 기반 아키텍처와 가상 DOM을 활용하여 성능을 최적화합니다. ( + 재사용 가능하고 확장 가능한 UI 컴포넌트의 생성) 또한 Vue.js는 라우팅, 상태 관리, 템플릿, JSX와 같은 다양한 기능을 지원하여 웹 애플리케이션 개발의 효율성을 높여줍니다. 공식사이트 : https://v2.ko.vuejs.org/ Vue.js Vue.js - 프로그레시브 자바스크립트 프레임워크 v2.ko.vuejs.org ⭐️ Vue 의 특징 선언적 렌더링: Vue.js는 HTML 템플릿을 사용하여 사용자 인터페이스를 정의하는 선언적 렌더링을 지원 컴포넌트 기반 아키텍처:.. 2023. 10. 24.
[Javascript] 자바스크립트 메서드 (Method) Javascript Method 자바스크립트에서 메서드(Method)는 객체(Object)에 속한 함수를 나타내며, 객체는 프로퍼티(속성)과 메서드로 이루어져 있고, 메서드는 객체가 수행할 수 있는 동작이나 기능을 정의합니다. join Array.prototype.join() 배열의 모든 요소를 하나의 문자열로 연결 (병합) /* 배열 -> 문자열(한문장 묶어준다); */ let frontlangs = ['html', 'css','javascript']; let frontlangs2 = frontlangs.join(','); console.log(frontlangs2); https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objec.. 2023. 10. 18.
[Javascript] 객체 Object, 배열 Array 객체(Object)와 배열(Array) JavaScript에서 객체(Object)와 배열(Array)은 둘 다 데이터를 저장하고 다루는 데 사용되는 자료구조입니다. 그러나 두 자료구조는 목적과 사용법에서 몇 가지 중요한 차이가 있습니다. 객체 (Object) 객체는 이름이 지정된 속성의 집합. 이러한 속성들은 객체의 특성이나 특징을 나타냅니다. → 객체는 중괄호({})를 사용하며, 속성들은 쉼표로 구분되어 정의됨. → 객체 속성에 접근시, 속성 이름을 사용 let 사람 = { 이름: '홍길동', 나이: 30, 성별: '남성' }; //객체 속성에 접근시, 속성 이름을 사용 /* 객체(object) = 변수(property) + 함수(method); 새 객체를 생성 var 객체명 = {} //빈 객체를 생.. 2023. 10. 18.
[Javascript] 자바스크립트 조건문 (if) Javascript 조건문 JavaScript에서 조건문은 지정한 조건이 참인 경우 명령문(statement)을 실행합니다. 또한 조건이 거짓인 경우 또 다른 명령문이 실행 될 수 있습니다. if 문 if 문은 주어진 조건이 참인 경우에 코드 블록을 실행 if (조건) { // 조건이 참일 때 할일 } else if 문 여러 개의 조건을 검사하고자 할 때 사용 이전의 if나 else if 중 어떤 조건도 참이 아닌 경우에 현재 조건을 검사 if (조건) { // 조건이 참일 때 할일 } else { // 모든 조건이 거짓일 때 할일 } 중첩 조건문 조건문은 다른 조건문 내에 중첩될 수 있습니다. 이는 여러 가지 조건을 고려해야 할 때 사용됩니다. if (외부조건) { if (내부조건) { // 외부 조건.. 2023. 10. 18.