느릿늘있

이번에는 이펙티브 타입스크립트 4장에 나오는 " 포스텔의 법칙 IN TypeScript"라는 주제를 제 나름의 방식대로 해석하고 정리한 내용을 공유해보려고 합니다! 본 내용은 항해 플러스 프론트엔드 3기 토요 지식회에 발표했던 내용을 기반으로 작성하였습니다!  라는 책을 읽으면서 개발이라는 게 그냥 기능만 구현하는 것 너머에 이런 철학적인 바탕이 있을 수 있구나라는 것을 알게 되었습니다. 그러던 와중에 를 읽게 되었고 책에 나오는 이 29번 Item이 함수형 프로그래밍에서 그러한 철학 중 하나라고 느껴졌고 이에 매력을 느껴 깊게 공부해보게 되었습니다.  견고성의 원칙이라고도 불리는 포스텔의 법칙은 TCP 초기 모델을 구축한 Jon Postel이 남긴 말입니다. 자유도가 아주 높은 인터넷이라는 환경에서 견..

React에서는 다양한 Hooks를 사용해서 컴포넌트의 상태를 관리하는 패러다임을 제시합니다. 그 중 하나로 useContext라는 훅이 있는데요. 실무에서 자주 써본 것이 아니라면 그냥 전역 상태 관리를 할 수 있게 해주는 훅이다 정도로 알고 있을 겁니다. 저 또한 그랬기에 이번 기회에 useContext에 대해 공식 문서를 보면서 꼼꼼하게 정리해보려고 합니다!https://ko.react.dev/reference/react/useContext useContext – ReactThe library for web and native user interfacesko.react.dev  React의 공식 문서에는 useContext를 컴포넌트에서 Context를 읽고 구독할 수 있는 React Hook이라고..

항해 플러스를 진행하면서 메모이제이션을 구현해보는 미션을 받았습니다. 객체를 비교함에 있어서도 얕은 복사(Shallow Copy), 깊은 복사(Deep Copy)와 마찬가지로 얕은 비교(Sallow Equals), 깊은 비교(Deep Equals)라는 용어를 사용한다는 것도 이번 과제을 진행하면서 처음 알게 되었는데요. 그런데 두 개념을 이해함에 있어서 깊이(Depth)라는 키워드가 약간 다르게 쓰이는 것 같아서 이번 기회에 깔끔하게 정리해보겠습니다.  보통 개발을 바닥부터 시작하게 되면 저처럼 얕은 복사와 깊은 복사에 대해서 먼저 접하게 되는데요. 제 기준으로는 비교에 대해서 먼저 짚고 넘어가는 게 이해하기가 더 수월하다고 생각이 듭니다! 그래서 비교에 대해서 먼저 정의를 해보겠습니다. 정말 간단한데요..

인증은 웹 개발의 기본이 되면서도 종류의 다양성과 보안의 정도에 따라 꽤 많은 케이스가 존재하기에 정답이 없다. 최근 회사에서의 신규 프로젝트와 몇 가지 토이 프로젝트들을 개발하면서 브라우저의 웹 스토리지와 인증을 하나로 엮어서 글로 정리해두면 기억하기 좋을 것 같다는 생각이 들어 이 주제로 글을 쓰게되었다.브라우저 웹 스토리지(+ 쿠키)와 인증  브라우저의 웹 스토리지 각각의 세부 내용과 사용법은 이 글의 목적이 아니다. 비교해서 기억하기 쉬운 형태로 각각의 주요 특징만 짚고 넘어가겠다.[ 로컬 스토리지 ]1. 브라우저를 종료해도 데이터가 유지된다. (로컬 - 유지)2. 서로 다른 도메인 간 데이터를 공유하지 않는다. (동일 도메인은 공유)3. 개발자 도구의 Application 탭에서 조회할 수 있다..

FE 개발자의 막무가내 Rust 도전기완전제곱수[Bronze 2] (#1977)use std::io;fn main() { // 문자열을 저장할 mutable 변수 선언 let mut min_input = String::new(); let mut max_input = String::new(); // 표준 입력에서 한 줄 읽기 io::stdin().read_line(&mut min_input).unwrap(); io::stdin().read_line(&mut max_input).unwrap(); let min: i32 = min_input.trim().parse().unwrap(); let max: i32 = max_input.trim().parse().unwrap..

FE 개발자의 막무가내 Rust 도전기8진수 2진수 (#1212)use std::io::{self, BufRead};pub fn main() { let mut input= String::new(); io::stdin().lock().read_line(&mut input).unwrap(); let input = input.trim(); let mut res = String::new(); let arr = ["000", "001", "010", "011", "100", "101", "110", "111"]; for o_num in input.chars() { res.push_str(change_o_to_b(o_num, arr)); } if res == "000" { println!(..