annyhpk.log

React

React - LifeCycle 간단히 알아보기

크게 3가지 단계로는 Mount -> Update -> Unmount 로 나눠진다. 1. Mounting - 화면을 그린다. constructor - React Component 를 생성한다. : 지역 state를 초기화, 이벤트 처리 메서드 바인딩 ※ this.state나 this.setState()를 사용해야하며, props를 복사하면 안됩니다.( super(props)--X ) (New) getDerivedStateFromProps - props 로 받아온 것을 state 에 넣어주고 싶을 때 사용. render - 컴포넌트를 렌더링합니다. virtualDOM에 해당 컴포넌트를 생성. ※ 실제 DOM노트에 표시를 하는 메소드는 ReactDOM.render 메소드를 통해 표시하게 됩니다. compon..

기타

[WSL] wsl2 zsh 설치하기

1. ZSH 설치 // zsh 설치 sudo apt install zsh // oh-my-zsh 설치 : zsh 설정 관리 프레임워크 sh -c "$(wget -O- https://raw.githubusercontent.com/ohmyzsh/ohmyzsh/master/tools/install.sh)" 2. Shell 변경 // shell 위치 파악 which zsh // shell 변경 chsh -s [shell 위치] chsh -s /usr/bin/zsh 3. 재부팅 // 2가지 방법 // 방법 1. power shell 관리자 모드로 입력 Restart-Service LxssManager // 방법 2. 윈도우 재부팅 4. 원하는 테마적용 및 커스터마이즈 TIP. Windows Terminal 폰트 ..

운영체제

프로세스 - 2

Interprocess Communication : IPC : 프로세스간 통신 문제: 프로세스는 서로 독립적이지 않고 서로 협력해야하는 상황에서 어떤식으로 처리해야 할까. IPC 매커니즘: 프로세스간 데이터를 교환하는 과정 (send data - receive data) IPC의 두가지 모델: shared memory (공유 메모리), message passing (OS가 처리) ※ Producer-Consumer Problem : 생산자-소비자 문제 - 생산자는 정보를 생산, 소비자는 정보를 소비 [ compiler -> assemly -> assembler ], [ web server -> HTML -> browser ] Shared-Memory System 생산자와 소비자가 동시(concurrenc..

운영체제

프로세스 - 1

Process : 프로세스 실행중인 프로그램, OS의 작업의 단위 CPU자원, 메모리, 파일, I/O device 가 필요하다 - Text section: 실행 코드 - Data section: 전역 변수 - Heap section: 동적 할당된 데이터 - Stack section: 함수 호출시 임시적인 데이터 ( return 주소, 지역변수 ) Process life cycle : 프로세스 상태 - New : 프로세스가 생성된 상태 - Running : 프로세스가 실행된 상태 - Waiting : 프로세스가 기다리는 상태 ( cpu자원 할당 전, I/O 작업 대기 ) - Ready : CPU 점유 전 대기상태 - Terminated : 모든 실행 종료 상태 PCB (Process Control Bloc..

운영체제

운영체제 - 2

운영체제의 정의 운영체제는 범용적으로 정의 내릴 수 없다. 컴퓨터에서 항상 동작하는 하나의 프로그램이며 이것을 kernel이라고 부른다. 현대의 컴퓨터 시스템 신경망 컴퓨터, 네트워크 컴퓨터, 양자 컴퓨터, 지식 베이스 시스템(지적 대화, 추론)... 전통적인 컴퓨터 시스템 현재 우리가 사용하는 컴퓨터 시스템 ( 일반적인 컴퓨터, 노트북... ) CPU를 가졌고 여러 device controllers이 bus를 통해 연결된 형태 bootstrap program 전원을 켜거나 재부팅을 할 때 적재되는 프로그램이다. 일반적으로 펌웨어라고 알려진 ROM 또는 EEPROM에 저장되어 있다. 이 프로그램은 시스템을 모든 측면에서 초기화하며, 운영 체제 kernel을 적재하고 실행시킨다. Interrupts I/O..

운영체제

컴퓨터와 운영체제 - 1

정보의 최소단위 : Bit 정보의 처리 : 정보의 상태 변환 ( 0 -> 1, 1-> 0 ) 범용성 : universality NOT, AND, OR 게이트만으로 모든 계산을 할 수 있다. NAND 게이트만으로 모든 계산을 할 수 있다. 계산가능성 : computability Turing-computable : 튜링 머신으로 계산가능한 것. 정지 문제 : Halting Problem : 튜링 머신으로 풀 수 없는 문제. 컴퓨터 : computer 정보를 처리하는 기계 앨런 튜링 - 1936년 컴퓨터의 원형을 논문으로 발표 폰 노이만 - 실제 동작하는 컴퓨터를 만듬 ( ISA: Instruction Set Architecture ) - stored-program 을 처음 설계 ( CPU RAM ) 프로그램..

Web

HTTP Code (1xx~5xx) 주요 코드 살펴보기

- HTTP 1XX Code 1XX코드는 중간 응답 역활을 하는 코드이고 무제한으로 보낼수있으며, 자체 독립 헤더를 포함 할 수도 있다. 하지만 잘 사용되지는 않는다. HTTP 100 Continue : 지금까지 요청은 정상이며 계속 진행하세요~~ HTTP 101 Switching Protocol : 이제 완전히 다른 작업을 수행하고 싶어요~~ Ex. http -> websocket, Discord 음성 채널 접속시 101 Code 확인가능 Connection: upgrade Upgrade: websocket HTTP 102 Processing : 당신의 요청을 아직 처리중이며 곧 응답하겠습니다~~ HTTP 103 Early Hints : 주로 Link 헤더와 함께 사용되어 서버가 응답을 준비하는 동안 ..

기타

DTO, VO, DAO, Entity 간단한 개념

DTO (Data Transfer Object) : 각 계층간 데이터 교환을 위한 객체 (ex. View Controller Service ) - 로직을 가지지 않는 순수 데이터 객체 - getter/setter 메서드만 갖는다. (DB 데이터를 임의로 변경할 필요가없어 setter가 없고 이를 대신에 생성자(constructor)에서 값을 할당한다.) VO (Value Object) : DTO와 동일한 개념 + Read only 속성 - VO === 특정한 비즈니스 값 , DTO === Layer간 통신 용도 객체 DAO (Data Access Object) : 실제 DB에 접근하는 객체 (ex. Service -(DAO)-> DB ) - Service와 DB를 연결하는 역활. - SQL을 사용하여 D..