기록저장소

13강. props class Subject extends Component{ render(){ return( {this.props.title} {this.props.sub} ); } } class App extends Component{ render(){ return( ); } } 14강. React Developer Tools 개발자 도구에서 리액트 컴포넌트 확인 가능, 임시 수정 가능 15강. Component 파일로 분리하기 //TOC.js 생성 //error. 'Component' is not defined 해결 //react에서 {component} 노드 로딩 import React, { Component } from 'react'; class TOC extends Component{ rend..

7강. JS 코딩하는 법 //index.html //index.js const root = ReactDom.createRoot(document.getElementById('root')); root.render(

4강. npm을 이용해서 create-react-app 설치 1. npm을 이용하여 create-react-app 설치하기 1) node.js 설치 : https://nodejs.org/ko/ 2) cmd 창 열기 : window+R -> cmd *cmd : 컴퓨터를 명령어를 이용하여 제어하는 프로그램 npm -v//npm 버전확인 3) 설치하기 npm install -g create-react-app sudo npm install create-react-app//권한이 없을 경우 3-1) npm 또는 node의 버전 업그레이드를 요구할 때 npm install -g npm@8.15.1//npm 버전 업그레이드 node버전 업그레이드 : https://nodejs.org/ko/ 에서 최신버전 재다운로드 ..

#_자료구조 : 효율적으로 데이터를 관리하고 수정, 삭제, 탐색, 저장할 수 있는 데이터 집합, C++는 STL을 기반으로 전반적인 자료구조를 잘 설명할 수 있는 언어 *STL : C++의 표준 템플릿 라이브러리이자 스택, 배열 등 데이터 구조의 함수 등을 제공하는 라이브러리 묶음 #include //(1) using namespace std;//(2) string a;//(3) int main() { cin >> a;//(4) cout

#_데이터베이스 (DB, DataBase) : 일정한 규칙, 규약을 통해 구조화되어 저장되는 데이터 모음, DB내의 데이터드릉ㄴ 특정 DBMS마다 정리된 쿼리언어를 통해 삽입, 삭제, 수정, 조회 등 CRUD 수행가능, 실시간 접근과 동시공유 가능 #_DBMS (DataBase Management System) : 해당 데이터베이스를 제어, 관리하는 통합시스템 #_엔터티 (entity) : 사람, 장소, 물건, 사건, 개념 등 여러개의 속성을 지닌 명사, 서비스의 요구사항에 맞춰 엔터티의 속성이 정해짐 *약한 엔터티와 강한 엔터티 : A가 혼자서는 존재하지 못하고 B의 존재여부에 따라 종속적일 경우 A는 약한 엔터티, B는 강한 엔터티 #_릴레이션 (relation) : DB에서 정보를 구분하여 저장하는..

https://wazacs.tistory.com/34 select 태그 커스텀 하기, 혹은 직접 만들기 (feat. javascript) 1. Select CSS Customizing Select 태그의 외형은 주로 각 브라우저에서 정의 합니다. 보다 시피 크롬(왼쪽), IE(오른쪽) 이 똑같이 보이면서도 미세 하게 다름니다. 공통적으로 둘 다 그리 예쁘게 생기진 wazacs.tistory.com

운영체제 #_운영체제의 역할 1. CPU 스케줄링과 프로세스 관리 : CPU 소유권을 어떤 프로세스에 할당할지, 프로세스의 생성과 삭제, 자원 할당 및 반환 관리 2. 메모리 관리 : 한정된 메모리를 어떤 프로세스에 얼마나 할당해야하는지 관리 3. 디스크 파일 관리 : 디스크 파일을 어떤 방법으로 보관할지 관리 4. I/O 디바이스 관리 : I/O 디바이스들인 마우스, 키보드와 컴퓨터 간에 데이터 주고받는 것 관리 #_운영체제의 구조 GUI : 사용자가 전자장치와 상호 작용이 가능하도록하는 사용자 인터페이스의 한 형태, 단순 명령어 창이 아닌 아이콘을 마우스로 클릭하는 단순한 동작으로 컴퓨터와 상호작용(리눅스 서버는 GUI가 없음) 드라이버 : 하드웨어를 제어하기 위한 소프트웨러 CUI : 그래픽이 아닌..

네트워크 #_TCP/IP 4계층 모델과 OSI 7계층 : 인터넷 프로토콜 스위트(internet protocol suite) : 인터넷에서 컴퓨터들이 정보를 주고받는데 쓰이는 프로토콜의 집합으로 TCP/IP 4계층 또는 OSI 7계층 모델로 설명 TCP/IP (Transmission control Protocol/Internet Protocol) 4계층 모델 : 네트워크에서 사용되는 통신 프로토콜의 집합, 프로토콜의 네트워킹 범위에 따라 구성 OSI 7계층 : TCP/IP 세분화 #_TCP/IP 4계층 : 각 계층에 영향x 애플리케이션(application) 계층 : FTP, HTTP, SSH, SMTP, DNS 등 응용프로그램이 사용되는 프로토콜 계층으로 웹 서비스, 이메일 등 서비스를 실질적으로 사람..

디자인패턴 #_디자인패턴 : 프로그램을 설계할 때 발생했던 문제점들을 객체간의 상호관계 등을 이용하여 해결할 수 있도록 하나의 '규약'형태로 만들어 놓은 것 #_라이브러리와 프레임워크의 차이 라이브러리 : 공통으로 사용될 수 있는 특정한 기능들을 모듈화한 것, 프레임워크에 비해 자유로우며 컨트롤주체는 '내'가 됨 프레임워크 : 공통으로 사용될 수 있는 특정한 기능들을 모듈화한 것, 라이브러리에 비해 엄격하며 컨트롤주체는 '도구'가 됨 #_싱글톤패턴(singleton pattern) : 하나의 클래스에 오직 하나의 인스턴스만 가짐, 일반적으로 DB연결 모듈에 사용, 인스턴스 생성시 비용 감소, 의존성이 높아짐 / 미리 생성된 하나의 인스턴스 기반으로 독립적인 인스턴스 생성이 어려워 TDD(Test Driv..

https://emessell.tistory.com/149