App.vueTodoFooter.vue인자를 같이 보내지는 않음 이벤트만 발생시키면 App.vue에서 <todo-footer v-on:sortItem="sortAllItem" v-on:clearAll="clearAllItems"></todo-footer>

매주 하게 될 자바스크립트 스터디에서 각자 스터디하면서 요약한 자료를 기술하려고 한다!출처 - https://ko.javascript.info/ 외부스크립트절대경로 (루트에서부터 파일이 위치한) , 상대경로 스크립트를 html안에 직접 작성하는 방식은 간단할

App.vuev-on:하위 컴포넌트에서 발생시킨 이벤트 이름="현재 컴포넌트의 메서드명"v-on:하위 컴포넌트에서 발생시킨 이벤트 이름="addOneItem"App.vueTodoInput.vuethis.$emit('이밴트이름', 인자1, 인자2...)$emit (자식에

: 여러 컴포넌트에 공유되는 데이터

앞서 써왔던 게시글에선 vue3 로 프로젝트를 생성했지만...회사에서 쓰고 있는건 2 버전이므로,지금부터는 Vue2 버전에서 생성된 프로젝트라고 보면 된다.Vue 2 Todo App 프로젝트 시작 프로젝트 생성 후 보일러플레이트src - components 폴더 생성하

뷰 컴포넌트는 각각 고유한 데이터 유효 범위를 갖는다. 컴포넌트 간에 데이터를 주고 받기 위해선 아래와 같은 규칙을 따라야 한다.상위에서 하위(부모 -> 자식)로는 데이터를 내려줌 = props 속성하위에서 상위(자식 -> 부모)로는 이벤트를 올려줌 = event 속성

Vue.js는 MVVM 패턴의 ViewModel 레이어에 해당하는 화면단 라이브러리이다.데이터 바인딩과 화면단위를 컴포넌트 형태로 제공하며, 관련 API를 지원하는데 궁극적인 목적이 있다.양방향 데이터 바인딩을 제공한다.컴포넌트 간 통신은 기본적으로 단방향 데이터(부모

초창기 Vite는 Alias를 지원하지 않았지만 2020년 5월부터 공식적으로 Alias를 지원하게 되었다. Alias를 이용하면 대규모 프로젝트를 진행할 때 각 파일의 경로를 모두 적어주지 않아도 된다. Alias를 구성하기 전, 경로를 생성할 때 도움을 주는 pat

부지런히 하자 제발 😭Vue를 프로젝트에 포함하는 방법은 크게 두 가지로 나뉜다.CDN으로부터 Vue 라이브러리를 스크립트에 포함 (교육용 / 프로젝트 진행 전 테스트용)프로젝트에서 사용되는 라이브러리들을 호스트 서버에 저장해둘 필요가 없기 때문에, 용량의 이점과 더

Vue 3 빌드툴인 Vite를 이용해 프로젝트를 생성 시 오류가 발생함책에서 하라는 대로 따라하는데 안되길래 구글링 했더니 책에서 치는 명령은 더이상 지원하지 않는다고 함허무... 터미널에도 대신할 수 있는 명령어를 알려줬는데도 Error 빨간글씨에 압도되어서 보지못했

앞으로 2주동안 끝낼 목표로... vue 책을 구매했다사실 구매한지 몇달 됌 ㅋㅋㅋㅋㅋㅋㅋㅋㅋ 이제서야... 첫 장을.....거두절미하고 취뽀한 회사에서 vue를 주로 쓴다고 했다.출근 전에 조금 공부하길 원하셔서 보름 좀 넘는 시간동안 열심히 머리에 넣기로 결심했다!

개발자 혹은 개발자를 준비하는 학생이라면 타입스크립트의 중요성은 어느정도 알 거라고 생각한다.타입스크립트는 코드의 안정성을 보장해주고 대규모 프로젝트에서 오류를 디버깅할 때 유리하기 때문에많이들 쓰인다. 대부분의 회사에서도 Typescript는 지원자격 혹은 우대사항의

바인딩(Binding)이란 함수 호출과 실제 함수를 연결하는 방법이다. 즉 함수를 호출하는 부분에 함수가 위치한 메모리 번지를 연결시켜 주는 것이다. 자바스크립트에서 함수를 호출 할 때는 암묵적으로 arguments 객체 및 this 변수가 함수 내부로 전달된다. 이에

V8은 웹 브라우저를 만드는데 기반을 제공하는 구글에서 개발한 오픈소스 자바스크립트 엔진이다.V8은 자바스크립트 코드를 실행 전에 최적화된 머신 코드로 컴파일하는 엔진이다.(즉, V8은 자바스크립트 코드를 받아 컴파일하고 실행하는 C++ 프로그램이다.)크롬 브라우저와

OOPObject Oriented Programming의 약자로써 class와 object에 기반한 프로그래밍 패러다임(디자인 패턴) 이다. 관련된 데이터끼리 묶어서 class를 형성하고 그 안에서 object instance를 만듬으로써 프로그램을 디자인한다.Impe

우선 데이터베이스란 무엇일까? 데이터베이스란 데이터의 모음을 말한다.일반적으로 컴퓨터 시스템에 전자적으로 저장되는 조직화된 데이터 모음을 말한다.이렇게 데이터를 조직화하면 데이터에 의미가 생긴다. 또한 대량의 데이터를 효율적으로 관리할 수 있다.이러한 데이터를 조직화하

제네릭은 Java 등의 정적 타입 언어를 사용하던 사람에게는 익숙한 단어일지도 모르겠다. 그러나 JavaScript를 사용해왔던 개발자에게는 그렇지 않다.제네릭은 어떠한 클래스 혹은 함수에서 사용할 타입을 그 함수나 클래스를 사용할 때 결정하는 프로그래밍 기법을 말한다

Atomic Design helps to build consistent, solid and reusable design systems.이 개발 방식은 사실 개발에만 적용되는 개념이 아니라 디자인에도 적용되는 설계 패턴이다.말 그래도 작은 단위의 컴포넌트를 재사용성이 강

Next 프레임워크와 React 프레임워크를 사용하면서 두 가지 차이점에 대해 궁금증이 생길 것이다.React.js는 많은 스타트업 및 대기업에서 프론트엔드 프레임워크로 사용하고 있는데, Next.js는 사실상 React.js와 많이 다르면서 취업하는데 있어 다른 개발

Immutable 객체는 내용이 변하지 않는 객체를 말한다. 객체는 다양한 이유로 불변적일 수 있는데, 예시로 아래와 같은 경우가 있다.성능을 향상시키기 위함객체가 미래에 변할 계획이 없을 때메모리 사용을 줄이기 위함전체 객체를 복사하지 않고 객체 참조를 만듦Threa