본문 바로가기

전체 글

 (444)
hands on vue [Lesson 29] method에 선언한 함수를 html로 곧바로 사용할 경우 관련되지 않은 내용을 수정하더라도 함수발동이 된다. 그래서 computed에 선언하여 사용해야한다. 내생각 : computed를 사용하면 변수로 인식하여 스택에 쌓이지 않아서 관련 내용 수정할 때만 발동되지 않을까? computed에 선언된 메소드는 depency variables의 데이터가 수정될 때만 re-rendering 된다
hands on vue - [Lesson 28] 1. Vue에서 메소드는 거의 모든 경우에서 Re-render한다. - 경우1 : component의 변경이 있을 경우 - 경우2: 페이지가 리로드 되는 경우 테스트 케이스) - 요구1: 사용자에게 이름을 입력 받는다. - 요구2: 입력이 있을 때는 성을 무조건 붙여서 보여준다. 없을 때는 전부 빈칸 - 요구3: html 파일에서는 vue 메소드로 사용하여 보여준다. - 요구4: 사용한 vue 메소드에서 언제 실행되는지 확인을 위해 console.log를 실행한다.
hands on vue [Lesson 25] 1. v-on:submit 의 prevent를 이용하여 form의 내용을 submit 한 뒤 form 이외의 내용이 flush 되지 않게 하라 2. right click 이용하여 버튼 클릭시 숫자를 변경하라 3. input박스에 엔터클릭시 이름이 보여지도록 하라 (힌트-> v-on:keyup.xxxxx) ------------------------ [Lesson 26] 1. 같은 counter라는 변수를 사용한다. 보여지는 건 starter, current 두가지다. starter는 0이고 current는 add,reduce 버튼으로 의해 변경된다. v-once를 이용하여 구현하라 단순한 기능을 연습한다고 생각할 수 있지만 데이터를 사용하면서 현 시점에서 잘 사용하는 패턴을 체득할 ..
Vue - Node로 서버 생성(Express) 1. VS code에서 백단으로 사용할 폴더 생성 2. npm init 명령어 실행(npm을 이용해 패키지를 사용하겠다는 의미) 3. npm install express 명령어 실행 (express 서버 패키지를 모두 받겠다는 의미) 4. 서버로 사용할 js 파일 생성(server.js 라고 하겠다.) 5. server.js 에서 다음과 같은 코드를 이용하여 셋팅 하기 const express = require(express) const app = express() //get Mapping ( '/' 경로로 올 경우 받는 로직 ) app.get('/', function(req,res){ res.send('Hello World'); }); app.listen(3000); //3000포트를 사용하겠다는 의미..
Vue router 셋팅 1. 해당 프로젝트 디렉토리 이동 2. "npm install vue-router@4" 명령어 입력 3. "npm run serve" 실행하기 ------- [router 셋팅] 1. main.js를 다음과 같이 수정 보통 router.js 파일을 만들어서 import 하는 구조로 함. [router.js 생성] import { createWebHistory, createRouter } from "vue-router"; // vue-router 라이브러리의 변수 createWebHistory, CreateRouter 두개를 사용한다는 의미이다. import List from "../components/List.vue"; //만들어 놓은 vue파일을 "/list"라고 경로로 왔을 때 보여주기 위해 impo..
정보처리기사 오답 요약 [1과목] 소프트웨어 설계에서 사용되는 대표적인 추상화 기법이 아닌 것 강도 추상화 마스터 슬레이브 아키텍처 AVL다이어그램 럼바우 객체지향 분석기법 -> 객2 동상인디 기자야 객체=객체다이어그램 동적=상태다이어그램 기능=자료흐름도 [2과목] 정형기술검토 NS chart 화이트 박스 검사기법 깊이우선탐색 깊이 쭉 갔다가 .. 테스트드라이버 하위 모듈호출, 파라미터 전달, 결과도출 상향식 테스트 테스트스텁 타 모듈 기능 단순 수행 하향식 테스트 SW테스트의 검증과 확인 검증:개발자용 확인:사용자용 시스템이 고장,오류가 있는 경우 발생하는 것 Fault 하나 이상의 환경에서 쉽게 수정 Portability 최악의 검색 효율 이진 탐색트리 트리 순회 전위:중앙부터 중위:왼중오(LCR) 후위:하위모두 테스트 케..
STS 3버전 다운로드 경로 https://github.com/spring-attic/toolsuite-distribution/wiki/Spring-Tool-Suite-3
정보처리기사 기출 개념정리 은행가 알고리즘 HRN 스케줄링 방식 Qos 강화를 위해 MAC 지원 가능 페이지 교체기법으로 선입선출알고리즘 응집도가 낮은 순(기능적 응집도 > Rayleigh-Norden 백도어 탐지 방법 CMM모델의 레벨 PICONET 블랙박스테스트 McCabe의 cyclomatic수 Preorder 운행법 디지털 저작권 관리(DRM) 기술 물리데이터 저장소의 파티션 설계에서 파티션 유형 릴레이션 R의 모든 결정자가 후보키일 때 정규형 함수 종속의 추론 규칙 결합도가 강한 coupling 자료-스탬프-제어-외부-공통-내용(결합도는 약하고 독립성은 강하다) 메모리 관리기법 worst fit 네트워크 FLSM방식 subnet 나누기 기능점수모형 Putnam 모형 자동화 추정도구 COCOMO모델 프로젝트 유형 CPM 네..

티스토리툴바