본문 바로가기

분류 전체보기70

[99클럽] 알고리즘 TIL: 백준 10798번 세로읽기 - JavaScript 문제링크https://www.acmicpc.net/problem/10798 풀이방법input으로 들어오는 string들의 길이가 제각각일 수 있기 때문에, 1차로 input의 길이 중 max 값을 구한다.가장 긴 길이에 맞춰서 이중 for문을 돌려 앞에서부터 차례대로 세로 글자들이 쌓이게끔 result를 업데이트한다.최종 업데이트 된 result를 출력한다.const readline = require("readline");const rl = readline.createInterface({ input: process.stdin, output: process.stdout,});const input = [];rl.on("line", (line) => { input.push(line);});rl.on("clos.. 2025. 1. 18.
[React] React 19에 추가된 핵심 기능 React 19 버전이 24년 12월 5일에 stable로 올라오면서, 주요 기능들에 대해 공식문서를 기준으로 정리했습니다.Actions이전에는 pending states, errors, optimistic updates, and sequential requests를 수동으로 처리해야 했습니다.다음은 기존에 pending, error를 useState를 활용하여 핸들링하는 예제입니다.// Before Actionsfunction UpdateName({}) { const [name, setName] = useState(""); const [error, setError] = useState(null); const [isPending, setIsPending] = useState(false); con.. 2025. 1. 16.
[HTTP 완벽 가이드] 15장 엔터티와 인코딩 15.1~15.3 메시지는 컨테이너, 엔터티는 화물HTTP 메시지를 인터넷 운송 시스템의 컨테이너라고 생각한다면, HTTP 엔터티는 메시지의 실질적인 화물이다. HTTP/1.1은 10가지 주요 엔터티 헤더 필드를 정의한다.Content-Type : 엔터티에 의해 전달된 객체의 종류Content-Length : 전달되는 메시지의 길이나 크기Content-Language : 전달되는 객체와 가장 잘 대응되는 자연어Content-Encoding : 객체 데이터에 대해 행해진 변형(압축 등)Content-Location : 요청 시점을 기준으로, 객체의 또 다른 위치Content-Range : 엔터티가 부분 엔터티라면, 이 헤더는 이 엔터티가 전체에서 어느 부분에 해당하는지 정의한다.Content-MD5 : 엔터티 본문의 콘텐츠.. 2025. 1. 15.
[HTTP 완벽 가이드] 14장 보안 HTTP 14.5~14.9 디지털 서명디지털 서명은 보통 비대칭 공개키에 의해 생성된다. 요약에 사용자의 개인 키를 매개변수로 하는 서명 함수를 적용하여 메시지와 함께 전송한다. 메시지가 위조된 것이 아닌 것을 확인하고자 공개키를 이용한 역함수를 적용한 후 가지고 있는 버전의 요약과의 일치여부를 판단한다.디지털 인증서디지털 인증서는 신뢰할 수 있는 기관으로부터 보증 받은 사용자나 회사에 대한 정보를 담고 있다. 디지털 인증서는 대상의 이름, 유효 기간, 인증서 발급자, 인증서 발급자의 디지털 서명 등의 기본적인 내용들을 담고 있다. 디지털 인증서에 대한 세계적인 단일 표준은 없지만, X.509라는 표준화된 서식에 대부분의 인증서를 저장하고 있다.HTTPS를 통한 웹 트랜잭션을 시작하게 되면 브라우저는 접속한 서버에서 디지털 인증서.. 2025. 1. 15.
[항해 플러스] 프론트엔드 3기 수료 후기 항해99로 돌아온 이유'항해99'로 돌아왔다는 말에서 알 수 있듯이, 나는 항해99 부트캠프를 통해 프론트엔드 개발자로 첫 발을 디뎠다. 항해99를 통해 수많은 프로젝트를 만들면서 React에 대한 경험을 쌓았고, 당시 1위 프로젝트를 할만큼 나름 만족스러운 결과를 얻으며 수료를 했었다. 이후 '두브레인'에 입사하며 실무 경험을 쌓았지만, 아무래도 프론트엔드는 나 혼자이다보니 프론트엔드 기술에 대해 자유롭게 논의할 수 있는 환경은 아니었다. 이러한 이유로 개인적으로 사람들을 모아 스터디를 오픈했고 항해 플러스 이전까지 2년이 넘는 시간동안 매주 1~2회 모여 모던 자바스크립트, 알고리즘, 테스트 코드, 사이드 프로젝트, Svelte, GraphQL 등을 학습했다.꾸준히 스터디를 운영하면서 실무에 신기술을.. 2025. 1. 11.
[HTTP 완벽 가이드] 14장 보안 HTTP 14.1~14.4 HTTP를 안전하게 만들기HTTPS는 넷스케이프 커뮤니케이션 주식회사에서 개척했으며 모든 주류 브라우저와 서버에서 지원한다. HTTPS를 사용할 경우, 모든 HTTP 요청과 응답 데이터는 네트워크로 보내지기 전에 암호화된다. SSL과 TLS를 이용하여 구현되며 두 가지는 매우 비슷하기 때문에 양쪽 모두를 포함하는 용어로 SSL을 사용한다.디지털 계산의 도래로 복잡한 인코딩과 디코딩이 가능해졌다. 또한 매우 큰 키를 지원하는 것이 가능해져서 단일 암호 알고리즘으로 키의 값마다 다른 수조 개의 가상 암호 알고리즘을 만들어낼 수 있게 되었다.대칭키 암호법대칭키 암호법에서는 인코딩을 할 때 사용하는 키가 디코딩을 할 때 사용하는 키와 같다. 발송자와 수신자 모두 통신을 위해 비밀 키를 똑같이 공유해야 한다. 대.. 2025. 1. 10.
반응형

티스토리툴바