꿈의 세상
-
Tyepscript - Union, any, unknownFront-end/Typesrcipt 2023. 4. 12. 11:03
Tyepscript Union Tyepscript Union 이란 2가지 이상의 타입을 선언이 필요할때 선언할 수 있는타입이다. 선언 방법은 변수: (타입1 | 타입2) 로 선언할 수 있다. let myName: (string | number) = 'kim'; let myAge: (string | number) = 27; 배열변수에서의 union type 을 선언하여 숫자 또는 문자열 배열 변수를 만들 수 있다. let myNumArr: (string | number)[] = [1, 'zelord', 3]; // 숫자 or 문자열 배열 타입선언 배열 뿐만아니라 오브젝트변수에서도 union type 선언이 가능하다. let myObject: { name: (string | number) } = { name..
-
Typescript - Primitive TypesFront-end/Typesrcipt 2023. 4. 12. 10:05
Primitive Types Primitive Types(기본 타입)이란 string, null, boolean 원시타입이다. 타입스크립트의 변수 선언은 변수명: 타입 이렇게 선언할 수 있다. let myName: string = 'kim'; // myName이라는 변수는 string 타입이 된다 myName = 27; // 숫자타입인 number가 되서 에러가 나타난다. 여러가지 타입으로 변수를 선언 할 수 있다. let myName: string = '내 이름'; // string 타입 let myAge: number = 3; // number 타입 let myboolean: boolean = true; // boolean 타입 타입을 명시적으로 선언해도 되지만 생략이 되면 타입스크립트가 변수를 생성..
-
Typescript - 변수 선언Front-end/Typesrcipt 2023. 4. 11. 16:11
Typescript 변수 선언 Typescript 변수에 타입을 지정할 수 있다. let myName: string = '내 이름'; // string 타입 let myAge: number = 3; // number 타입 let myboolean: boolean = true; // boolean 타입 let myNull: null = null; // null 타입 let myUndefined: undefined = undefined; // undefined 타입 let myStrArr: string[] = ['1', '2', '3']; // 문자열 배열 타입 let myNumArr: number[] = [1, 2, 3]; // 숫자열 배열 타입 let myObject: { name: string } = ..
-
Typescript - 설치 및 셋팅Front-end/Typesrcipt 2023. 4. 11. 10:46
Typescript 란 Javascript를 기반으로 타입을 추가하여 더 나은 도구를 제공하는 강력한 유형의 프로그래밍 언어이다. Typescript를 쓰는 이유 Javascript 는 Dynamic Typing(동적 타입 / week Type) 을 제공한다. Dynamic Typing 이란 변수의 타입 지정(Type annotation)없이 값이 할당되는 과정에서 자동으로 변수의 타입을 지정(타입추론 / Type Inference)해준다. 또한 같은 변수에 여러 타입의 값을 할당 할 수 있다. var str = 'Hello'; var num = 31; var strArr = ['Js', 'HTML', 'CSS']; var dynamicVariable = 'String'; console.log(dynam..
-
AEM Eclipse 디버그AEM 2022. 3. 17. 10:19
AEM Eclipse Debug 설정 AEM폴더 안 bin폴더로 들어간 후 quickstart.bat파일 마우스 우 클릭 후 편집을 클릭한다. if not defined 아랫 부분에 start "CQ" cmd.exe /K java %CQ_JVM_OPTS% -jar %CQ_JARFILE% %START_OPTS% -debug 30303 을 써준다. tasklist > oldTaskList.txt start "CQ" cmd.exe /K java %CQ_JVM_OPTS% -jar %CQ_JARFILE% %START_OPTS% -debug 30303 tasklist > newTaskList.txt java -cp %~dp0 GetProcessID oldTaskList.txt newTaskList.txt java...
-
AEM Server Import / ExportAEM 2022. 3. 10. 14:08
AEM Server Import 또는 Export Build를 통해 서버에 올릴 수 있지만 폴더, 파일단위로 서버에 올릴수 있다. AEM Filter 설정 프로젝트명.ui.apps > src > main > content > META-INF > vault 폴더 안에 filter.xml 파일은 연다. 새로운 폴더를 만들경로를 설정한 뒤 저장한다. // 새로운 폴더 경로 // mode="merge"는 eclips와 AEM서버의 // 폴더구조 싱크를 맞춰주는것 AEM Server Export (Eclipse -> AEM) Eclipse 프로젝트 안에 aem-guides-zelord.ui.apps > src > main > content > jcr_root > apps > zelord 아래에 폴더를 하나 생성한..
-
AEM Eclipse 서버 생성AEM 2022. 3. 10. 09:40
AEM 서버 생성하기 AEM Eclipse 에서 서버 생성 Eclipse에서 servers 탭을 클릭후 마우스 오른쪽 클릭 한 다음 New > Server 를 클릭한다. Adobe Experience Manager 를 클릭 후 Server name 은 자유롭게 설정한다. 다 됬으면 Next를 클릭한다. 모든 프로젝트를 추가한다. 만약 프로젝트 추가시 if server is started , publish changes immediately 가 존재할 경우 체크해제한다. 확인 후 Finish를 클릭한다. 서버가 추가된것을 확인한다. 서버의 설정을 변경하기위해 추가된 서버를 확인 후 더블클릭한다. 서버의 설정을 변경하기위해 Port: 4502 Username: admin Password: admin 으로 변..
-
AEM Eclipse 폴더 구조 편하게 보기AEM 2022. 3. 10. 09:21
Eclipse 폴더구조 간단하게 보게 1. 프로젝트 패키지 시작폴더 변경 프로젝트명.ui.apps의 폴더를 마우스 우클릭 후 Properties 를 클릭후 AEM탭을 클릭한다. Contentsync root directory의 Browse... 를 클릭한 후 ui.apps > src >main > content > jcr_root 를 클릭후 OK버튼을 누른다. 설정된 화면은 이렇게 나타난다. Apply를 클릭한다. 2. 프로젝트 패키지 필요없는 폴더 숨기기 프로젝트명.ui.apps의 폴더를 마우스 우클릭 후 Properties 를 클릭후 Project Facets탭을 클릭한다. 체크 표시로 남겨두어야 할 Project Facet는 Content Module JavaScript Sightly 이다. 체크 ..