자바스크립트

[Javascript][LeetCode] Replace Elements with Greatest Element on Right Side

문제 Replace Elements with Greatest Element on Right Side(요소를 오른쪽에서 가장 큰 요소로 바꾸기 문제 설명 반복문을 돌면서 차례대로 그 값 이후부터의 배열 값들로 최대값을 구해 배열을 다시 구성하는 문제입니다. 마지막에는 -1을 추가하여 개수가 같도록 만들면 끝입니다. 아래와 같이 치환되는 부분을 제외한 나머지 오른쪽을 가지고 최대값을 만듭니다. 배열에서 shift를 사용하면 0번 값이 삭제됩니다. 여기서 spread operator를 이용해 max 값을 구해 줍니다. 이 때 주의할 것은 shift를 사용했기 때문에 arr의 길이가 계속 변하게 되어 바로 사용하게 되면 result 배열의 개수가 모자라거나 -Infinity값이 섞일 수 있습니다. 반복문을 다 ..

프론트엔드 개발자 2021년 회고

작년 10월을 지나면서 프론트엔드 개발자로 만 1년이 넘어 2년차가 되었습니다. 프론트 개발자로의 회고와 2022년의 목표도 새롭게 작성해 보겠습니다. 지난 회고글은 여기에서 보실 수 있습니다. 1. 2021년 목표 달성 상태 달성 성공 DND 프로젝트 무사히 마치기: https://egg-programmer.tistory.com/295 회사에서 기여도 높이기: 하고 싶은 프로젝트로 진행 중 취미생활 범위 늘리기: 활동적인 것으로 늘리려고 시도했으니 반쯤 성공! 저축 목표 달성하기: 연말에 아슬아슬했지만 지원금으로 방어 성공 달성 실패 블로그 글 12개 쓰기: 올해 쓴 글 총 9개(ㅠㅠ) 책 52권 읽기: 24권 읽음(읽다 만 것까지 합해도 38권..) 운동하기: 8월 이후로 다시 원래대로 돌아옴 명상과..

[함수형 자바스크립트] Symbol, Iterator, Generator

자바스크립트에서 함수형 프로그래밍(FP)을 하기 위한 기본 개념인 Symbol, Iterator, Generator에 대해 간단히 알아보도록 하겠습니다. Symbol() Symbol() 함수로부터 반환되는 모든 심볼 값은 고유합니다. 따라서 어떠한 객체의 키가 될 수 있습니다. Array, Map, Set 을 생성하면 고유한 Symbol.iterator 을 가지고 있게 됩니다. 일반 객체({}, object)는 Symbol.iterator를 가지고 있지 않기 때문에 iterable하지 않은 값입니다. Symbol.iterator를 통해 값을 하나씩 실행할 수 있게 됩니다. Iterator, Iterable 아래와 같이 Iterator를 만들게 되면 next() 메소드를 통해 value, done값을 가진..

[리뷰] 디노 첫걸음

최신 자바스크립트 런타임인 디노(Deno)를 소개하는 '디노 첫걸음'을 읽어 보았습니다. 책에서 설명하는 내용이 무엇인지 보고 직접 실행해 보며 디노를 살펴보려고 합니다. 개요 디노의 배경 타입스크립트 npm 없이 외부 모듈 사용하기 1. 디노의 배경 자바스크립트를 백엔드로 구현한다고 하면 Node.js를 보통 생각하곤 했습니다. 그런데 노드가 해결하지 못하는 문제점이 몇 가지 있었습니다. 첫 번째는 보안이 취약한 부분을 해결하지 못했다는 것입니다. 그리고 npm으로 외부 모듈 사용 시 node_modules에 저장하는 방식이기 때문에 무거워지는 문제가 있었습니다. 아래와 같은 유머 사진이 있을 정도로 말이죠 요즘 프레임워크들의 추세인지, 온라인에서 간단히 테스트 가능한 플레이그라운드가 디..