😥 문제 상황 회원 관리 기능을 구현하면서 비밀번호 찾기 view에서 사용자의 진행 단계에 따라 컴포넌트가 변경되어 보여주는 페이지를 만들고 있는 중에 오류가 발생했다. 간단하게 동적 컴포넌트를 활용하여 구현하려 했으나, 기존의 Vue2 방식으로 동적 컴포넌트를 설정했더니 작동이 되지 않는 오류가 발생했다. 작동이 되지 않는 코드는 다음과 같다. ...

vue3환경에서 타입스크립트로 vuex를 사용하는 방법을 정리해보았다. 먼저, vuex4를 설치한다. $ npm install vuex@next --save 1. 기본 준비 1) main.ts에 스토어를 세팅한다 import { createApp } from "vue"; import "./style.css"; import App from...

강의링크 / 공식문서 섹션6. 고급 타입 1) 고급 타입 (1) intersection 다른 타입을 결합할 수 있는 타입 interface Admin { name: string; privileges: string[]; }; type Employee = { name: string; startDate: Date; }...

강의링크 섹션 5-1. 클래스 객체 지향과 클래스 개념은 코드에서 실제 개체 (entity)로 작업한다는 점이 중요하다. 객체 지향 방법으로 객체를 구성하면서 로직을 만들면 로직의 일부를 관리하는 객체로 분할 할 수 있다. 객체는 코드로 작업을 수행하면서 사용할 수 있는 구체적인 요소들, 데이터를 저장하고 메소드를 실행하기 위해 메소드를 ...

기본 컴퓨터의 구조와 설계 part2 강의 링크 1) 입출력과 인터럽트 (Input-Output and Interrupt) 입출력장치들과 CPU가 서로 통신을 하면서 데이터를 주고 받으며 데이터를 입력하거나 출력합니다. 입출력장치들은 CPU보다 굉장히 느리다. 그래서 CPU는 현재 입출력 장치들이 사용이 가능한지 체크해야한다. (1) 입출력 ...

기본컴퓨터의 구조와 설계 part1-1 강의 링크 1) 기본 컴퓨터 (Basic Computer) DEC. Corp 사의 중형 컴퓨터 PDP-11을 지칭한다. 이후 VAX-11 등의 주요 minicomputer의 기본이다. (1970 ~ 1980년대) 컴퓨터 구조 설계의 가장 기본적인 부분이다. 현대...

강의링크 섹션3. TypeScript 컴파일러 tsc 파일이름으로 매번 컴파일하는 것은 매우 불편한 일이다. 컴파일 과정에 관련하여 구성할 수 있는 몇가지 기능이 있다. 무엇을 어떻게 컴파일 할지 구성할 수 있다. 이에 대해 알아보자. 1) 자동으로 컴파일 하기 (1) watch모드 변경할 때마다 변경 사항을 웹페이지에서 출력으로 반영하고...

강의링크 섹션1. TypeScript 시작하기 1) TypeScript란? 타입스크린트는 결국 자바스크립트를 기반으로 하는 프로그래밍 언어이다. 자바스크립트 언어에 새로운 기능과 장점을 추가해 코드를 더 쉽고 강력하게 작성할 수 있다. (1) 핵심 기능 타입을 추가한다. 브라우...

레지스터 전송과 마이크로 연산 파트1 강의 링크 1) 레지스터 전송 언어 (Register Transfer Language) (1) 마이크로 연산 (Micro-operation) 레지스터에 저장된 데이터를 가지고 실행되는 기본동작을 의미한다. 하나의 clock 시간 동안 실행되는 기본 동작이다. (플립플롭회로로 구성되어 있기 때문에 c...

데이터의 표현 파트 1 강의링크 1) 데이터의 종류 (Data Types) (1) 컴퓨터 레지스터에서 쓰이는 데이터 종류 산술 연산용 숫자 (Numeric): 원래 숫자처리를 하기 위해 만들어진 것이 컴퓨터이다. 데이터 처리용 영문자(Alpha) 특수 목적용 기호 (Special) (2) 진수와 진법 radix: 진법...