2024/07/14 3

컴포넌트 생명 주기와 useEffect, useLayoutEffet

리액트는 컴포넌트를 생성하고 렌더링 하다가 어떤 시점이 되면 소멸한다. 이러한 과정을 컴포넌트의 생명 주기라고 표현한다. 클래스 컴포넌트 예제import {Component} from "react";import {Title} from "../components";export default class ClassLifecycle extends Component { state = { today: new Date(), intervalId: null as unknown as NodeJS.Timer // null 값을 unknown 타입으로 변환한 값을 다시 NodeJS.Timer 타입으로 변환한다. // 최종적으로 intervalId 변수는 null로 초기화..

Javascript/React 2024.07.14

돈은, 너로부터다

비슷한 책을 여럿 보았지만 부의 이르는 순서에 대해서 다룬 책은 처음이었다. 이러한 이유로 책의 핵심 내용을 간추려 본다. 시간은 금이다.시간은 돈으로 교환할 수 있는 가치가 있다.자기만의 가치를 만들자.시간을 세공하여 시장과 교환할 수 있는 특별한 가치를 창출하자.이 가치는 자신이 만든 '절대 반지'와 같다.월 1000만 원의 수익 목표1000만 원을 벌기 위해 목표를 설정하고 행동하자.시간을 온전히 자신의 것으로 만들기남을 위해 일하는 것이 아니라, 자신의 시간을 효과적으로 사용하자.브랜딩화 및 가치 극대화자신의 시간을 브랜딩 하여 그 가치를 극대화하자.훌륭한 브랜딩은 무형자산을 끌어모은다.시장에서 이름을 인정받을 때 브랜딩이 완성된다.최고 효용 지점에 이르기시간의 최댓값에 다다르면 고 또는 스탑을 ..

도서 2024.07.14

OWASP Top 10 공격 패턴

OWASP(Open Web Application Security Project)는 매년 발표하는 OWASP Top 10 보안 취약점 목록을 통해 주요 웹 애플리케이션 보안 취약점을 정리하고 있다. 이들 취약점은 공격자가 웹 애플리케이션을 공격할 때 자주 이용하는 패턴들을 반영하고 있다.1. 인젝션 (Injection)공격 원리: 악의적인 코드를 웹 애플리케이션의 입력 파라미터에 주입하여 실행되게 하여 시스템을 손상시키거나 정보를 유출시키는 공격예를 들어 SQL Injection(SQL 쿼리에 악의적인 SQL 코드를 삽입하는 것)이 있다.방어 방법:Prepared Statement 및 Parameterized Query 사용입력 데이터의 검증 및 이스케이핑(Escaping)2. 인증 및 세션 관리 취약점 ..

DevOps/AWS 2024.07.14