2024/07/12 4

[cs] HTTP III - HTTPS vs. HTTP, 공개키/개인키 etc.

1. HTTPS란?HTTPS(Hyper Text Transfer Protocol Secure)HyperText Transfer Protocol over Secure Socket Layer, HTTP over TLS, HTTP over SSL, HTTP Secure 등으로 불리는 HTTPS는 HTTP에 데이터 암호화가 추가된 프로토콜HTTPS는 HTTP와 다르게 443번 포트를 사용하며, 네트워크 상에서 중간에 제3자가 정보를 볼 수 없도록 공개키 암호화를 지원함HTTPS를 사용할 경우 내가 브라우저를 통해 입력하는 정보를 (ex: form data) 다른 누군가가 훔쳐보지 못하게 만드는 기능임SSL(Socket Secure Layer)/TLS- SSL/TLS은 전송 계층에서 보안을 제공하는 프로토콜- 클..

[HTML] SVG etc.

1. SVG란 ⭐️SVG(Scalable Vector Graphics): 확장 가능한 벡터 그래프픽셀을 이용해 그림 그리는 png, jpg 파일들과 다르게 벡터를 기반으로 이미지를 표현함그러다 보니 크기를 조절함에 따라 깨지는 것이 없고, 용량이 작기 때문에 웹에서 자주 사용하는 이미지 형식장점SVG 이미지는 마크업으로 쓰이므로 텍스트 에디터로 작성하고 또 작성된 이미지를 수정할 수도 있음벡터를 기반으로 그려지므로 사이즈를 크게 해도 깨지지 않음(scalable → 따라서 어떤 해상도에서 사용하든 동일)SVG 버전 1.1은 2011년 W3C 표준이 됨XML 포맷으로 파일이 작성되므로 JS나 CSS로 조작이 가능단점이미지가 복잡할수록 SVG만의 장점 감소Q) SVG 내부 도형 예시?A) rect>, cir..

[React] 하이드레이션(Hydration), Next etc.

1. 하이드레이션2. Next.JS1. 하이드레이션(Hydration) ⭐️하이드레이션리액트에서 서버사이드 렌더링 혹은 SSG(스태틱 사이트 제네레이션)을 실행한 HTML 결과물을 받아온 뒤, 브라우저에서 이것을 다시 리액트 트리에 맞게 파싱하는 행위리액트는 DOM에 리액트 컴포넌트를 렌더링해주는 render 메소드를 제공함 ↓/* 컨테이너 DOM에 리액트 엘리먼트를 렌더링하는 함수 */ReactDOM.render(element, container[, callback])이 render함수는 컴테이너의 자식으로 리액트 컴포넌트를 넣어주는데, 기존에 이미 렌더링 된 리액트 컴포넌트가 있다면 새로 렌더링 하는게 아니라 업데이트만 해줌.그리고 렌더링이 완료도면 세번째 인자로 전달된 콜백이 실행되게 할 수 있음...

Frontend 📚/React 2024.07.12

[정처기] 소프트웨어 구축 II - 소프트웨어 구현, 소프트웨어 테스트, 소프트웨어 유지 보수 etc.

소프트웨어 생명 주기(Sofrware Development Life Cycle, SDLC)①프로젝트 계획 ▶︎ ②요구 분석 ▶︎ ③설계 ▶︎ ④구현 ▶︎ ⑤테스트 ▶︎ ⑥유지 보수④ 소프트웨어 구현■ 소프트웨어 개발 프레임워크- 개발해야할 애플리케이션 일부분이 이미 내장된 클래스 라이브러리에 구현- 동일 로직 반복 최소화 / 재사용성 확대 / 새산성 및 유지보수성 향상→ 모듈화 / 재사용성 / 확장성 / 제어의 역흐름(프레임워크가 어플리케이션 흐름 제어)스프링 프레임워크(Spring Framework)JAVA 플랫폼을 위한 오픈 소스 경량형 프레임워크동적 웹 사이트 개발 / 전자정부 표준 프레임워크전자정부 프레임워크우리나라 공공부문 정보화 사업 시 효율적인 정보 시스템 구출 지원 위해 필요한 기능/아키텍..