Posis

라이프사이클이란? 모바일 앱을 비롯하여 일반적으로 애플리케이션이 가지는 생명주기를 말합니다. beforeCreate 인스턴스가 초기화된 직후, 데이터 관찰 및 이벤트/감시자(watcher) 설정 전에 동기적으로 호출됩니다. 즉 data 속성과 methods 속성이 아직 인스턴스에 정의되어 있지 않기 때문에 화면 요소에 접근할 수 없는 상태입니다. created beforeCreate 라이프 사이클 단계 다음에 실행됩니다. 인스턴스가 생성된 후 동기적으로 호출됩니다. 이 단계에서 인스턴스는 data, computed, methods 등 정의되기 때문에 정의된 값에 접근하여 로직을 실행할 수 있습니다. 단, 화면 요소에 부착되기 전이기 때문에 DOM 요소에는 접근할 수 없습니다. beforeMount cra..

Vue.js는 무엇일까? Vue.js는 프런트엔드 개발자들이 사용하는 프레임워크 중 한 개입니다. 프런트엔드 대표적인 프레임워크 React, Vue, Angular가 있습니다. Vue.js는 AngularJS를 사용하여 구글에서 작업하던 Evan You에 의해 개발되었습니다. Evan You는 Angular를 이해하기 위해서 방대한 프레임워크 구조를 이해해야 하는 것에 큰 부담을 느끼고 '좋았던 부분을 뽑아낸 다음 추가적인 모든 개념을 동반하지 않고 무언가를 가볍게 만들어보면 어떨까?'라는 생각으로 새롭게 만들어낸 프레임워크가 Vue.js입니다. 그렇게 Vue.js는 2014년 2월에 처음으로 공식 배포되었습니다. 2017년에는 JQuery와 Angular 1.x를 앞지르고 최근에는 Vue.js는 리액트..

[프로그래머스][JavaScript] 폰켓몬 문제 출처: https://programmers.co.kr/learn/courses/30/lessons/1845 코딩테스트 연습 - 폰켓몬 당신은 폰켓몬을 잡기 위한 오랜 여행 끝에, 홍 박사님의 연구실에 도착했습니다. 홍 박사님은 당신에게 자신의 연구실에 있는 총 N 마리의 폰켓몬 중에서 N/2마리를 가져가도 좋다고 했습니다. programmers.co.kr [직접 푼 코드] function solution(nums) { const arr = new Set(nums); if (nums.length / 2 > arr.size) { return arr.size; } else { return nums.length / 2; } } [문제 풀이] 1. Set 객체를 ..

[LeetCode][JavaScript] 561. Array Partition I 문제 출처: https://leetcode.com/problems/array-partition-i/ Array Partition I - LeetCode Level up your coding skills and quickly land a job. This is the best place to expand your knowledge and get prepared for your next interview. leetcode.com [직접 푼 코드] var arrayPairSum = function(nums) { nums.sort((a,b) => a-b) let result = 0 for(let i=0; i

[LeetCode][JavaScript] 1436. Destination City 문제 출처: https://leetcode.com/problems/destination-city/ Destination City - LeetCode Level up your coding skills and quickly land a job. This is the best place to expand your knowledge and get prepared for your next interview. leetcode.com [직접 푼 코드] var destCity = function(paths) { let dest = paths[0][1] while(true){ const _newDest = paths.find(path =>..

[LeetCode][JavaScript] 70. Climbing Stairs 문제 출처: https://leetcode.com/problems/climbing-stairs/ Climbing Stairs - LeetCode Level up your coding skills and quickly land a job. This is the best place to expand your knowledge and get prepared for your next interview. leetcode.com [직접 푼 코드] var climbStairs = function (n) { if (n < 3) return n; let first = 1; let second = 2; for (let i = 3; i