profile
개발댕발
post-thumbnail

[ES6] CLASS

ES6 문법객체 생성자와 prototype을 더 쉽게 사용하기 위해서 만들어진 문법규칙성을 갖는 객체를 일관성 있게 만드는게 가능하며, 상속을 통해서 기능 확장에 용이📌 class를 사용하는 이유연관있는 변수와 함수들끼리 묶을 때 사용하는 문법 (함수를 그룹화)클래스

3일 전
·
0개의 댓글
post-thumbnail

[ES6]Template Literal(템플릿 리터럴)

템플릿 리터럴은 ES6에서 새롭게 도입된 문자열 표기법이다.따옴표 대신 백틱(\`) 을 사용한다.일반적인 문자열에서 줄바꿈은 허용되지 않으며 공백(white-space)를 표현하기 위해서 백슬래시(/)로 시작하는 이스케이프 시퀀스(Escape Sequence)를 사용한

3일 전
·
0개의 댓글
post-thumbnail

💡[ES6] Import / Export

📍 모듈 : 파일을 쪼개서 보관함으로써 코드의 재활용성과 유지보수를 쉽게 할 수 있도록 한다.파일 혹은 모듈이 원하는 만큼 많은 수의 named export를 가질 수 있음 중괄호 안에는 import 하고 싶은 함구의 이름을 쓸 수 있다.import된 이름은 반드시

2021년 12월 30일
·
0개의 댓글
post-thumbnail

🎠[Vue TodoList] 4. 기존 애플리케이션 구조의 문제점 해결하기

image원인화면을 4개의 영역(TodoHeader TodoInput TodoList TodoFooter)으로 분리해 놓았기 때문에 한 영역의 처리 결과를 다른 영역에서 감지하지 못한다.image해결방법 현재 애플리케이션은 각각의 컴포넌트에서만 사용할 수 있는 뷰 데이

2021년 12월 28일
·
0개의 댓글
post-thumbnail

🎠[Vue TodoList] 3. 컴포넌트 내용 구현하기

imageimage인풋박스에 텍스트를 입력하면 뷰 개발자도구 newTodoItem 값이 같이 갱신되는 것을 확인 할 수 있다.image추가 버튼을 클릭했을 때 console창에 텍스트 값이 표시됨으로, 이벤트가 정상적으로 동작하는 것을 확인할 수 있다.입력받은 텍스

2021년 12월 28일
·
0개의 댓글
post-thumbnail

🎠[Vue TodoList] 2. 컴포넌트 생성하고 등록하기

프로젝트 폴더에 src 밑에 components 폴더를 생성하고 그 아래에 TodoHeader.vue TodoInput.vue TodoList.vue TodoFooter.vue를 생성한다.image컴포넌트 같은 경우 관례상 src/components 폴더에서 관리를 한

2021년 12월 28일
·
0개의 댓글
post-thumbnail

🎠[Vue TodoList] 1.프로젝트 생성하고 구조 확인하기

1.뷰 CLI를 이용한 프로젝트 생성 원하는 위치에 새로운 폴더 vue-todo를 생성하고 vue-todo폴더 내에서 cmd창을 열어 뷰 CLI로 프로젝트를 생성한다. 자세한 내용은 뷰 프로젝트 구성 방법 를 참고해 주세요 2. 프로젝트 초기 설정 프로젝트에 반응형

2021년 12월 28일
·
0개의 댓글
post-thumbnail

💡[vue.js] <style scoped>

✅ VueJS에서 Scoped CSS는 Vue를 사용하는 프로젝트는 다수의 컴포넌트를 사용하여 하나의 앱을 구현하게 된다. 이 경우 각각의 컴포넌트에 선언된 스타일이 의도하지 않거나 실수에 의하여 다른 컴포넌트에 영향을 줄 수 있다. 이처럼 오직 특정 컴포넌트에만 고유

2021년 12월 28일
·
0개의 댓글
post-thumbnail

💡 서버 사이드 렌더링(SSR), 클라이언트 사이드 렌더링(CSR)

서버에 보내준 HTML파일을 받았을 때, 브라우저가 이 HTML파일을 화면에 로딩하면서 뷰 프레임워크를 이용하여 인스턴스를 생성한다.&lt;ul>태그와 &lt;li>태그를 템블릿 속성에 생성하여 화면에 붙여 넣는다. image(장점) 필요한 데이터만 백엔드에서 가져와

2021년 12월 9일
·
0개의 댓글
post-thumbnail

💡뷰엑스(Vuex), 뷰의 반응성(Vue Reactivity)

특정 데이터를 여러 컴포넌트가 공유하고 있을 때, 그 데이터를 상태라고 한다.컴포넌트가 너무 많이 존재할 때 props로 데이터를 전달 한다고 할 때, 사이에 있는 모든 컴포넌트에 props를 설정해 줘야한다.만약 데이터 이름을 바꾸기라고 한다면 관리가 힘들어 진다.데

2021년 12월 9일
·
0개의 댓글
post-thumbnail

💡뷰 프로젝트 구성 방법

template 속성에 작성된 HTML코드를 바로 분석하기가 쉽지 않다. &lt;script> 태그 안에서 HTML코드는 구문 강조가 적용되지 않기 떄문에 오탈자를 찾기가 어렵다.코드 들여쓰기도 어려워 상위 태그와 하위 태그의 관계를 파악하기 어렵다.싱글 파일 컴포넌트

2021년 11월 10일
·
0개의 댓글
post-thumbnail

💡[Vue.js] Computed vs Methods vs watch

2021년 11월 10일
·
0개의 댓글
post-thumbnail

💡뷰 템플릿

뷰의 템플릿은 HTML,CSS 등의 마크업 속성과 뷰 인스턴스에서 정의한 데이터 및 로직들을 연결하여 사용자가 브라우저에서 볼 수 있는 형태의 HTML로 변환해 주는 속성이다.template 속성을 사용하지 않는 경우 template 속성을 사용한 경우데이터 바인딩은

2021년 11월 9일
·
0개의 댓글
post-thumbnail

💡 [Javascript] JSON.parse / JSON.stringify

✅ JSON (JavaScript Object Notation) > 데이터를 전달할 때 JS가 그걸 다룰 수 있도록 object로 바꿔주는 기능을 한다. JSON 형식은 자바스크립트 객체와 마찬가지로 key / value가 존재할 수 있으며 key값이나 문자열은 항

2021년 11월 8일
·
0개의 댓글
post-thumbnail

💡라우터 & HTTP통신

01. 뷰 라우터 01-1. 라우팅이란? 웹페이지 간의 이동 방법, 싱글 페이지 애플리케이션(SPA)에서 주로 사용 브라우저에서 웹 페이지를 요청하면 서버에서 응답을 받아 웹 페이지를 다시 사용자에세 돌려주는 시간 동안 화면 상에 깜빡거림 현상없이 매끄러운 전환 가능

2021년 11월 5일
·
0개의 댓글
post-thumbnail

💡인스턴스 & 컴포넌트

01. 뷰 인스턴스 01-1. 뷰 인스턴스의 정의와 속성 뷰로 화면을 개발하기 위해 필수적으로 생성해야하는 기본 단위 생성자 : 객체를 새로 생성할 때 자주 사용하는 옵션과 기능들을 미리 특정 개체에 저장해 놓고, 새로 개체를 생성할 때 기존에 포함된 기능과 더불어

2021년 11월 2일
·
0개의 댓글
post-thumbnail

💡마크다운 사용법 정리

일반 텍스트로 서식이 있는 문서를 작성하는 데 사용되며, 일반 마크업 언어에 비해 문법이 쉽고 간단한 것이 특징이다. HTML 등 서식 문서로 쉽게 변환되기 때문에 README 파일이나 온라인 게시물 등에 많이 사용된다.''---' 또는 '===' 사용순서가 있는 목

2021년 10월 30일
·
0개의 댓글
post-thumbnail

💡Javascript에 대한 기초 지식 및 이론 정리

1.데이터타입-문자열과 숫자 1-1. 데이터타입 종류 Boolean Null Undefined Number (숫자) String (문자열) Symbol 1-2. String(문자열) 문자는 ""('')사용 .length 문자열의 갯수를 알려줌 .toUpperCas

2021년 10월 3일
·
0개의 댓글