라이프사이클 메서드 render: 필수적인 라이프사이클 메서드 constructor: 컴포넌트 생성자 메서드 getDerivedStateFromProps: 컴포넌트가 마운트/업데이트 될 때 사용 componentDidMount: 컴포넌트 만들고 렌더링 마친 후 실행, 비동기 작업 처리 shouldComponentUpdate: props나 state 변경 시, 리랜더링 여부 지정, Boolean 타입이며 기본적으로 ture를 반환 getSnapshotBeforeUpdate: 렌더링 결과가 반영되기 직전에 호출, 업데이트 직전 값 참고할 때 사용 componentDidUpdate: 리랜더링 후 실행, getSnapshotBeforeUpdate의 반환값을 Snapshot 파라미터로 사용가능 componentW..

라이프사이클(Life Cycle) 이란? : 소프트웨어 혹은 프로그램이 특정 단계/이벤트를 거쳐 동작하는 방식을 설명하는 개념. '생성, 초기화, 실행, 종료' 되는 과정 객체 지향 프로그래밍에서 중요한 개념으로 사용됨 라이프사이클의 주요 단계 생성(Initialization) : 컴포넌트 혹은 객체가 생성되고 초기화됨. 필요한 자원을 할당하고 초기 설정을 수행 마운팅(Mounting) : 컴포넌트가 DOM에 추가되거나 객체가 사용 가능한 상태가 됨. 컴포넌트나 객체가 화면에 나타남 업데이트(Updating) : 컴포넌트/객체가 업데이트 혹은 변경 됨. 사용자 상호 작용 혹은 데이터 변경으로 업데이트가 반영 됨. 언마운팅(UnMounting) : 컴포넌트/객체가 DOM에서 제거되거나 더 이상 사용되지 않..

http(Hypertext Transfer Protocol)와 https(Hypertext Transfer Protocol Secure)의 차이점 : 웹에서 정보를 주고받는 데 사용되는 프로토콜 보안 HTTP: 보안 기능을 제공하지 않음 데이터가 평문으로 전송되어 중간에서 가로채기가 쉽고 데이터 무결성을 보장하지 않음. HTTPS: 보안을 강화한 버전의 HTTP SSL(Secure Sockets Layer)/TLS(Transport Layer Security) 프로토콜을 사용하여 테이터를 암호화하고, 서버 인증으로 웹사이트 신뢰성을 확인함. 데이터의 기밀성과 무결성이 보호되어 중간에서 공격을 방지함 프로토콜 및 포트 HTTP는 80번, HTTPS는 443번 포트를 사용함 URL 표시 방식 http:// ..

TCP(Transmission Control Protocol) : 인터넷 프로토콜 스위트의 부분 중 하나로, 컴퓨터와 다른 장치 간 데이터 전송을 위해 사용되는 프로토콜, 데이터를 패킷이라는 작은 조각으로 나누어 전송 HTTP, FTP, SMTP 및 Telnet 등의 다양한 응용 프로토콜에서 사용되며, 신뢰성 있는 데이터 전송이 필요한 거의 모든 곳에서 활용됨 주요특징 신뢰성 데이터가 전송될 때 오류 검출과 복구 메커니즘이 내장되어 있어, 데이터 손실이나 손상을 최소화함 순서 보장 데이터 패킷을 전송한 순서대로 재조립하여 수신측에 전달하여 데이터 일관성을 보장함 흐름 제어 수신 측이 처리할 수 있는 속도로 데이터를 보내고 이를 통해 네트워크 혼잡을 방지하고 데이터 손실을 최소화함 연결 지향적 연경을 설정..

CSR(Client Side Rendering) : 웹 애플리케이션을 구축하는데 사용되는 하나의 렌더링 방식으로 웹 페이지 컨탠츠를 클라이언트(사용자 웹 브라우저)에서 렌더링 함. 렌더링 위치: 클라이언트 측 웹 어플리케이션의 초기 로드 시 서버에서 HTML 스켈레톤을 제공하고, 그 이후에는 클라이언트에서 JS를 사용하여 동적으로 컨탠츠를 렌더링함. 초기 렌더링 속도를 높이고 사용자 경험을 향상시킴. SPA(Single Page Application) 초기 페이지 로드 후에 페이지 간 전환이 서버로부터 새로운 HTML을 받지 않고 클라이언트 측에서 이루어지는 방식. JS프레임워크나 라이브러리(React, Angular, Vue)를 사용하여 CSR 구현 가능 장점 초기 로딩 이후에 필요한 데이터만 요청하여..

쿠키/세션/웹스토리지 쿠키(Cookies) 세션(Session) 웹 스토리지(Web Storage) 저장소 클라이언트 웹 브라우저에 저장 세션 데이터는 서버 측에 저장 클라이언트에는 세션 ID만 저장 클라이언트 측에 데이터 저장 용량 4 KB 미만 데이터 저장 가능 서버 메모리에 저장됨 쿠키보다는 크지만 용량에 한계가 있음 5MB, 브라우저마다 다름 서버 클라이언트가 웹 서버에 요청을 보낼 때 마다 관련 쿠키가 함께 전송 서버에서 관리 클라이언트 요청 간에 데이터 유지 서버와 독립적으로 작동 서버 요청 시 데이터가 자동적으로 전송되지 않음 만료 만료 기간이 있어 해당 기간이 지나면 자동 삭제 브라우저가 종료되거나 세션 타임아웃 발생 시 세션 데이터 삭제 브라우저 종료해도 데이터 지속 보안 보안에 취약함 ..