개 개 개발맛 미나민 개 개 개발맛 미나민

=========================================================================== 1. git repositories 탭으로 이동 2. 해당 프로젝트 우클릭 > Fetch from Upstream 클릭 3. 팝업창에서 우측 하단 Configure... 클릭 4. Ref Mappings를 수정해야되는데 나의 경우는 모든 정보를 가져오기 위해 master 글자가 있는 놈을 클릭하고 modify... 클릭 5. Remote branch or tag 끝에 * 추가 - ex) refs/heads/master -> refs/heads/* 6. Tracking branch 끝에 * 추가 - ex) refs/remotes/origin/master -> refs/re..

자바스크립트에서 지원하는 배열 메서드를 하나하나 정리하기로 마음 먹었다. 대망의 두두등장 두 번째 메서드 forEach() ▶ Array.forEach() forEach() 메서드는 배열 반복문이라고 생각하면 된다. 주어진 함수를 배열 요소 각각에 대해 실행한다. var arr = [1, 2, 3, 100, 200, 300]; arr.forEach(function(currentvalue, index, arr) { console.log(currentvalue + " / " + index + " / ", arr); }); 결과: 1 / 0 / [1, 2, 3, 100, 200, 300] 2 / 1 / [1, 2, 3, 100, 200, 300] 3 / 2 / [1, 2, 3, 100, 200, 300] 10..

자바스크립트에서 지원하는 배열 메서드를 하나하나 정리하기로 마음 먹었다. 대망의 1등이지만 1등만 기억하고 싶지는 않은(?) 메서드 filter() ▶ Array.filter() filter() 메서드는 조건에 만족하는 요소들을 모아 새로운 배열로 반환해준다. 아래 예시는 arr 배열에서 100보다 작은 정수만을 모아 리턴하고 있다. // arr 배열에서 5의 배수인 정수만 모아서 리턴 var arr = [10, 12, 15, 21, 30, 45, 56, 100, 150, 177]; var filterArr = arr.filter(function (item, index, arr) { return item < 100; }); console.log(filterArr); 결과: [10, 12, 15, 21, ..

▶ 문제 : arr 배열이 있다. 이 때 배열 arr의 요소 중 다른 요소의 일부에 포함되거나 중복되는 경우 true를 리턴해야 하며, 중복되는 요소가 없다면 false를 리턴해야 한다. ▶ 예시 : 1. arr = ['티', '바지', '원피스', '홍차', '티셔츠'] 이면 true를 리턴 ( '티' 원소가 '티셔츠' 원소의 일부에 해당되기 때문에 true 리턴 ) 2. arr = ['슈퍼', '마트', '슈퍼컴퓨터', '문방구', '하이마트'] 이면 true를 리턴 ( '슈퍼' 원소가 '슈퍼컴퓨터' 원소의 일부에 해당되기 때문에 true 리턴 ) ( '마트' 원소가 '하이마트' 원소의 일부에 해당되기 때문에 true 리턴 ) 3. arr = ['축구', '배구', '농구', '족구'] 이면 fals..

Vue.js 개발을 위한 Visual Studio Code 설정을 해보자! 1. 플러그인 설치 - vscode를 열고 좌측 메뉴에서 확장(Extensions) 탭으로 간다. - 'vetur' 를 검색하여 최상단에 있는 것을 설치해준다. vetur는 Vue.js 에서 지원하는 플러그인으로 다양한 기능들을 제공해준다. .vue 파일에 대한 코드들을 만들어주는 기능을 비롯해 자동 완성, 디버깅 등을 지원한다. - 'material' 를 검색하여 최상단에 있는 'Material Icon Theme' 를 설치해준다. 각종 파일의 아이콘을 깔끔하고 보기좋게 나타내준다. - 테마는'night owl' 를 검색하여 최상단에 있는 것을 설치해준다. Material Theme도 좋긴한데 이 테마도 상당히 깔끔하고 코드 하..

Vue.js 를 시작하기 전 개발 환경을 셋팅해보자! 하지만 그 전에 프로그램을 먼저 설치해준다. 1. Chrome - https://www.google.com/intl/ko/chrome/ Chrome 웹브라우저 더욱 스마트해진 Google로 더 심플하고 안전하고 빠르게. www.google.com 2. Visual Studio Code - https://code.visualstudio.com/ Visual Studio Code - Code Editing. Redefined Visual Studio Code is a code editor redefined and optimized for building and debugging modern web and cloud applications. Visual S..

비동기 처리?? 어느 정도 시간이 소요되는 특정 코드가 실행될 때 이 코드의 실행이 완료될 때까지 멈추는게 아니라 다음 코드를 먼저 실행하는 것 비동기 처리의 가장 대표적인 예로 제이쿼리 ajax가 있다. 코드를 살펴보자 function getData() { var productData; $.ajax({ url: "https://main.com/products/1",// 클라이언트가 요청을 보낼 서버의 URL 주소 type: "GET",// HTTP 요청 방식(GET, POST) dataType: "json",// 서버에서 보내줄 데이터의 타입 success: function(response) { productData = response; } }); return productData; } console...

Controller ▶ 클라이언트(=사용자)의 요청을 처리해줄 메서드를 구현해준다. 간단하게 controller 파일을 생성해보자! 우선 좌측의 Navigator 탭에서 빈 공간에 우측 마우스를 클릭한 후 위와 같이 eGovFrame Web Project 를 클릭! 1. Project name ▶ 일반적으로 카멜케이스 (camelCase) 로 표기한다.각 단어의 첫 글자를 대문자로 적되, 첫 번째 단어의 첫 글자는 소문자로 적는 표기법이다!ex ) hellowWorld / coffeeCafe / javaProject 2. Group Id ▶ 프로젝트 명과 같게 적어준다. 3. 간지나게 피니쉬를 클릭해준다. 노란 화살표가 가리키는 네모박스를 체크해준다! 그리고 역시나 간지나게 피니쉬를 클릭해준다. 프로젝트..