전체 글301 [Angular/NestJS] 컴포넌트/모듈/서비스 쉽게 만들기 @angular/cli 컴포넌트를 만들때 일일이 폴더를 만들고 HTML 파일 만들고 CSS 파일 만들고 TS파일 만들고... 꽤 귀찮은 일이다. ng 명령어를 이용하면 간편하게 컴포넌트를 만들 수 있다. → "ng generate component 컴포넌트명"또는... (축약형)→ "ng g c/m/s 컴포넌트/모듈/서비스명"→ "ng g c/m/s 상위 컴포넌트/모듈/서비스명 / 컴포넌트/모듈/서비스명" c : componentm : modules : serviced : directivep : pipe 이렇게 하면 자동으로 app.module.ts에 방금 생성한 컴포넌트가 추가도 된다. (@NgModule) 심화 버전① "standalone" 메타 데이터를 추가하여 생성하고 싶은 경우--standalone ② spec 파일.. 2023. 1. 3. [Angular] Angular 개요와 프로젝트 구조 (공식문서) 실행순서 1. 브라우저는 index.html 파일을 먼저 받아온다. 2. main.ts 스크립트 파일이 제일 처음 실행된다. main.ts의 역할은 "AppModule"을 실행시키기 위함이다. 3. app.module.ts 스크립트가 실행된다. app.module.ts는 프로젝트에서 실행될 모든 컴포넌트, 외부 모듈, 비즈니스 로직, 처음 실행 할 컴포넌트 설정을 하도록 도와준다. 앵귤러를 신체로 비유했을때, 몸 안에 있는 주요 장기들을 보관하는 역할을 하는 것 같다. app-root와 컴포넌트 모든 컴포넌트는 HTML, CSS, JS 그리고 이 것들을 한대 묶어 모듈화 해주는 스크립트(TS)로 구성되어 있다. index.html에 있는 app-root 태그는 모든 컴포넌트를 담고 있는 제일.. 2023. 1. 3. [Angular] 터미널에서 ng 명령어 실행 실패 - 원인: 보안 오류(PSSecurityException) Angular 프로젝트를 만들기 위해 ng 명령어를 입력했을때 오류가 나타났다. node와 Angular은 모두 정상적으로 설치되어 있었다. 나의 경우 window OS를 이용하고 있었고, 해결방법은 PowerShell 앱을 관리자 권한으로 실행한 뒤 Set-ExecutionPolicy RemoteSigned를 입력하고 Yes 또는 A를 입력해 ExecutionPolicy를 RemoteSigned로 바꾼 것이다. 참고링크 2023. 1. 3. bind 함수 구현 우연히 유튜브 영상을 시청 중 유튜버 바닐라코딩님의 영상 중 "라이브 코딩 테스트 'Bind 함수' 구현이라는 영상을 보게되었다.https://youtu.be/xR2YkQxOtI4 ■ 문제 function bind(fn, context){ // TODO...}const obj = { title: "vaco" };function logTitle(){ console.log(this.title)}const fn = bind(logTitle, obj); ■ 정답#1 function bind(func, context){ return () => func.call(context);}function myFunc(){ console.log("text: " + this.text);}const obj = { t.. 2022. 12. 23. Linked List 자바스크립트로 구현해보기 ■ linked list의 종류 1. 단일(단방향) 연결 리스트 2,. 이중(양방향) 연결 리스트 3. 원형 연결 리스트 위 세가지 중 기본적인 "단일 연결 리스트"를 먼저 이해해보기로 하자. ■ 특징 1. 각 노드는 다음 노드를 가리키는 포인터를 포함한다. 그리고 다음 노드를 가리키는 포인터는 "다음 노드의 주소"를 값으로 가지고 있다. ■ 코드로 구현 // 노드 생성 class Node { constructor(data, next = null) { this.data = data; this.next = next; } } // 리스트 생성 class LinkedList { constructor() { this.head = null; this.length = 0; } } 노드/리스트 만들기 1. 우선 리스.. 2022. 12. 5. Array List vs Linked List ※ 데이터 스트럭쳐의 역할은 메모리의 효휼적 사용에 있다. ■ Array List 가장 기본적인 자료구조인 Array 자료구조는, 논리적 저장 순서와 물리적 저장 순서가 일치한다. 따라서 인덱스(index)로 해당 원소(element)에 접근할 수 있다. 그렇기 때문에 찾고자 하는 원소의 인덱스 값을 알고 있으면 Big-O(1)에 해당 원소로 접근할 수 있다. 즉 random access 가 가능하다는 장점이 있는 것이다. 하지만 삭제 또는 삽입의 과정에서는 해당 원소에 접근하여 작업을 완료한 뒤(O(1)), 또 한 가지의 작업을 추가적으로 해줘야 하기 때문에, 시간이 더 걸린다. 만약 배열의 원소 중 어느 원소를 삭제했다고 했을 때, 배열의 연속적인 특징이 깨지게 된다. 즉 빈 공간이 생기는 것이다. .. 2022. 12. 1. 이전 1 ··· 12 13 14 15 16 17 18 ··· 51 다음
