분류 전체보기 검색 결과

224 개의 검색 결과가 있습니다.

Frontend/JavaScript

[JS] 자바스크립트 상속과 프로토타입

자바스크립트는 ES2015부터 class 키워드를 지원하기 시작했으나, Java나 C++의 클래스와는 다르며, 본래 자바스크립트는 기존의 객체를 복사하여 새로운 객체를 생성하는 프로토타입 언어입니다. 상속 관점에서 자바스크립트의 유일한 생성자는 객체입니다. 각각의 객체는 [[Prototype]]이라는 은닉(private) 속성을 가지며 자신의 프로토타입이 되는 다른 객체를 가리킵니다. 그 객체의 프로토타입 또한 프로토타입을 가지고 있고 이것이 반복되다가 결국 null을 프로토타입으로 가지는 오브젝트에서 끝나게 됩니다. null은 더 이상의 프로토타입이 없다고 정의되며, 이때가 곧 프로토타입 체인의 종점입니다. 프로토타입은 크게 두 가지로 나뉘어 집니다. 프로토타입 객체를 참조하는 Prototype Obj..

2021. 7. 27. 23:39

Frontend/Vue.js

[Vue] vue.js 라이프 사이클

0. 생명주기와 라이프 사이클 훅 * 생명주기(life cycle) : 인스턴스의 상태에 따라서 호출할 수 있는 속성 * 라이프 사이클 훅(life cycle hook): 그 속성마다 개발자가 추가한 커스텀 로직 → 뷰 인스턴스도 객체이기 때문에 생명주기를 가집니다. Vue의 라이프 사이클은 Vue.js 어플리케이션 개발을 할 때 꼭 알아야 하는 중요한 개념입니다. Vue.JS의 라이프 사이클은 크게 Create, Mount, Update, Destory로 나눌 수 있습니다. 1. Create (컴포넌트 초기화 단계) - Vue.JS의 라이프 사이클들 중에 가장 먼저 실행됩니다. - create의 라이프 사이클 훅은 컴포넌트가 DOM에 추가 되기 전이기 때문에, DOM에 접근하거나 this.$el을 사용..

2021. 7. 26. 22:24

Frontend/JavaScript

[JS] 자바스크립트 예외처리

JavaScript에는 코드 실행 중에 예기치 못한 에러가 발생했을 때, 이로부터 코드의 실행 흐름을 복구할 수 있는 기능이 내장되어 있습니다. 이런 기능을 일러 예외 처리(exception handling)라고 합니다. 1. 동기식 코드에서의 예외 처리 JavaScript 코드에서 발생할 수 있는 에러에는 다양한 것들이 있습니다. 문법 에러와 같이 프로그래머의 실수로 인해 에러가 발생하는 경우도 있지만, 네트워크 에러와 같이 코드와는 무관한 이유로 발생하는 에러도 있습니다. new Array(-1); // RangeError: Invalid array length console.log(foo); // ReferenceError: foo is not defined fetch('https://nonexis..

2021. 7. 24. 19:01

Backend/Error

[JPA] org.apache.ibatis.binding.BindingException: Parameter 'parameter' not found. Available parameters are [arg0, endtDate, param1, param2]

@Parameter 어노테이션을 명시하지 않았을 때 발생하는 에러이다. ( 예제 ) // 오류 발생 @Select("SELECT age FROM tb_user WHERE name = #{name}") List getAge(String name) // 오류 해결 => @Param("name") 명시 @Select("SELECT age FROM tb_user WHERE name = #{name}") List getAge(@Param("name")String name)

2021. 7. 24. 18:45

Dev Tools

[git] 다양한 문제 상황 해결하기

소스 수정을 한참 하다 보니 새로운 브랜치가 아닌 develop에서 작업을 하고 있었다! 아직 커밋을 하지 않은 상태이므로, 그냥 새로운 브랜치를 만들면 수정하고 있는 사항들도 같이 옮겨갑니다. $ git checkout -b new-branch 소스 수정을 하고 커밋도 했는데, 새로운 브랜치가 아닌 develop에서 작업을 하고 있었다! 이런 경우에는, 현재 상태로 새로운 브랜치를 만들고, develop을 커밋하기 전의 상태로 되돌리면 됩니다. $ git checkout -b new-branch $ git checkout develop $ git reset --hard HEAD~1 만약 커밋이 여러 개였다면 HEAD 브랜치 뒤에 1이 아니라 커밋 개수만큼 숫자를 넣어주면 되겠죠. 새로운 브랜치를 만들어..

2021. 7. 24. 00:21

Frontend/JavaScript

[JS] 자바스크립트로 CSS 속성 변경하기

자바스크립트에서 너무 많은 CSS변경을 하게 되면 성능 이슈가 발생할 수 있다고 한다. CSS에서 변경할 수 있다면 최대한 CSS에서 직접 처리하도록 하자. [ JavaScript에서 DOM 객체 선택 ] document.getElementById('id') document.getElementsByClassName('class') document.getElementsByTagName('tag') document.getElementsByName('name') document.querySelector('header > a') document.querySelectorAll('header a') [ HTML 스타일 변경하기 ] getElementsByClassName document.getElementsByCl..

2021. 7. 23. 00:18