본문 바로가기

분류 전체보기

 (106)
3/30 실행은 src로 해야 하는데 매번 만들기 귀찮으니깐 프로젝트 마다 src를 백업 한뒤에 복사 해서 src로 만들어서 실행 할 꺼임 * 중첩 컴포넌트 -컴포넌트들을 조합하여 하나의 애플리케이션을 개발. -이때 각 컴포넌트들간의 계층구조(부모/자식)가 생성. 속성 값을 이용해서 부모의 값을 자식에게 전달 자식은 props를 이용해서 뽑음 import 받아서 component로 등록 이름으로 태그로 해서 msg 등록 props에서 msg과 타입을 선언함 자식에서 msg로 부를 수 있음 src_01_basic2 App.vue 부모 컴포넌트 값 HelloWorld.vue 자식 컴포넌트 받은 데이터 {{ msg }} 순서대로 진행됨 * data 속성 -컴포넌트내의 로컬 상태 정보를 저장하기 위하여 data 옵션 사..
3/29vue 시작 vue : 프론트 - java, ecma6, typescript 방식 vue 작성방법 : cli 작성 방법 : 프로젝트를 따로 생성하고 코드 작업 html로 변환 해 줘야함 vue2를 사용 cmd 에서 버전 확인 cd로 vue 폴더로 이동한다음 설치 프로젝트 만드는 방법 use npm 사용 프로젝트 생성 완료 두 코드를 차례로 실행 시키면 됨 서버 가동 성공 여기서 src만 바꾸면 바꾼 내용으로 실행 가능 서버 끄는 법 cmd 에서 ctrl + c 를 여러번 누르면 됨 yarn serve 이걸로 돌려도 잘 돌아감 귀찮으니깐 visual studio에서 실행할꺼임 이렇게 하면 cmd 창이랑 동일함 뜨는 창은 기본 인터넷 창이 뜸 포트가 이미 사용중이면 알아서 다른 포트로 만들어줌 app.vue templa..
3/29 test.js => export 1. export 방식 2. export default 방식 export class export function export var 변수 class Person export default Person; // export default는 한개만 사용가능 a.html에서 import해서 사용 module/a.js //여러 변수, 함수, 클래스 export로 다른 파일에서 사용가능하도록 함 export let n = 100; export function fun(){ console.log("./module/fun()"); } export function fun2(){ console.log("./module/fun()2"); } export class Person{ info(){ ..
3/28 sample04_template리터럴.html `` 안에 문자열 넣을 수 있음 이 안에서는 띄어쓰기나 엔터 다 유지됨 //2. template 리터럴 용도 var name = 'hello2'; var s=" \ \ "+name + "\ \ "; console.log(s); var s=` ${name} `; console.log(s); let aaa = '홍길동'; let bbb = 20; let ccc = '서울'; let result = `이름은 : ${aaa}, 나이는 : ${bbb}, 주소는 : ${ccc}`; console.log(result); sample05_함수1_생성방법.html sample05_함수2_일급객체_콜백.html function fun2() { return fun; // 2. ..
3/24 ECMAScript 6 javascript : Ecam6+ 타입스크립트 문법 자바스크립트 : var a = 10; 타입스크립트 : var a : number = 'aa' // 변수에 타입을 지정함 프론트엔드 : vue, react visual code에서 작업할꺼임 ECMAScript 6 ○ ECMAScript 란? ECMAScript (ES)는 ECMAScript International에서 표준화 한 스크립팅 언어 사양. 응용 프로그램에서 클라이언트측 스크립팅을 하기 위해 사용됨. JavaScript. Jscript, ActionScript 등은 모두 ECMAScript 스펙 적용을 받는다. ( http://www.ecma-international.org/ecma-262/7.0/index.html ) - ECMAScript..
3/23git 1. 로컬 저장소의 사용 팀장 =\> 프로젝트 : workspace => 스테이지 : 어느 파일을 올릴지, 커멘트 , commint => 저장소(repository) :브렌트 협업 가능 프로젝트 있음 탭 추가 프로젝트를 repository로 설정 working tree에 실제 작업 내용 들어감 Unstaged : 변화된 파일이 감지됨 staged : repository에 넣을 파일들 gitignore : 올리지 않을 파일인데 매번 뜨지 않게 하는 파일 여기서 누가 올리는지 설정 가능 https://www.gitignore.io # Created by https://www.toptal.com/developers/gitignore/api/windows,eclipse,java # Edit at https://..
git 1. 사용이유 : 협업을 위해 2. 이클립스 -> 프로젝트 생성 -> workspace (혼자 작업) 3. repository (저장소) : 협업을 위한 저장 공간 => 작업에 대한 코멘트, commit 사용자 => 프로젝트:workspace -> 스테이지(프로젝트 변경사항 감지, 올릴 파일 선택, 코멘트 작성후), commit이용 저장소 저장 -> 로컬repository : 프로젝트 4. branch (가지) 마스터 / 그 외 master : 1,2,3 branch : 1,2,3 + 4,5 master 1,2,3 + branch 4,5 병합 (merge) => master 1,2,3,4,5 5. 로컬이 아닌 원격 사용자와의 협업 사용자 -> 프로젝트/워크스페이스 -> 스테이지 이용 코멘트/커밋 -> 로..
3/22 Bundle savedInstanceState 여기에 멤버 변수를 저장 가로 방향 탭에서 만듬 이때 세로 방향이랑 button, edittext의 이름이 같아야함 가로로 바꿔도 값이 유지가 되는 것은 화면만 유지되는것 if(savedInstanceState != null){ name = savedInstanceState.getString("name"); showToast("값을 복원합니다 : "+name); System.out.println("savedInstanceState 저장된 값 : "+name); } name에 null 값이 들어가 있음 @Override protected void onSaveInstanceState(@NonNull Bundle outState){ //화면 전환시 자동 호출됨 s..

티스토리툴바