자바스크립트 내에서의 세미콜론(;) 사용

May 20, 2023

서론 자바스크립트는 을 지원하는 언어 중 하나이다. 함수형 프로그래밍이란 프로그램의 각 부분을 작은 함수들로 나누고, 이러한 함수들이 서로 상태를 공유하지 않고 데이터를 변경하지 않도록 설계하는 것에 중점을 둔다. 이렇게 되면, 각 함수는 가 되어 동일한 입력에 대해서 항상 동일한 출력을 생성한다. 즉, 을 보장할 수 있다는 뜻이다. 이런 접근 방식은…


[JavaScript] 자바스크립트의 객체 wrapper에 대해 알아보자

March 27, 2023

Intro 오늘 진행한 에서 나눈 대화다. 🙋🏻 아래 코드는 생성자 함수로 생성한 이다. 🙋🏻 변수의 타입은 일테고. 🙋🏻 가 어떻게 이 나오는걸까? 🙋🏻‍♂️ 이 그렇게 변환하는거 아니야? 🙋🏻 그래서 어떻게 변환하길래 와 의 덧셈이 가능한거지? Main 이는 에서 찾을 수 있었다. AdditiveExpression 규칙은 덧셈 연산자(+)가 사용된 경…


Vanilla JS 로 간단한 전역 상태 관리 시스템 만들기

February 27, 2023

서론 https://github.com/woowacourse/javascript-lotto 우아한테크코스 두번째 미션인 미션에서 기존에 콘솔 기반으로 구현한 구조를 UI 와 도메인 여역을 분리 할 수 있는 설계로 리팩토링하기 위해 고민을 했었다. 그러던 중 element 를 동적으로 생성하여 비출 수 있다면 좋지 않을까 라고 생각했었다. vanill…


멋쟁이사자처럼 10기 해커톤 이후 회고

September 25, 2022

서론 멋쟁이 사자처럼 10기 전체 해커톤에서 우리학교 팀원들과 이라는 물물경매 플랫폼으로 약 900명 / 150팀 중 이라는 좋은 성적을 받게 되었다. 깃헙 링크: https://github.com/bunderLikeLion 하지만 해커톤의 특성상 짧은 시간내로 를 만들어야 했었고, 개발 과정에서 놓치고 지나간 부분이 꽤나 많다는 부분을 인지하고 …


자바스크립트 원시(primitive)타입 vs 참조(reference)타입

June 01, 2022

서론 이란 개발을 할때 매일매일 사용하고 무조건적으로 이해해야 하는 개념이라 생각한다. JavaScript 에서는 데이터 타입을 나눈다. 하나는 이고, 다른 하나는 타입이다. 본고에서는 이 둘의 차이점에 대해 다룰 예정이다. 본론 자바스크립트의 원시(primitive)타입. 자바스크립트의 원시타입으로는 , , , , , 와 총 7 개가 존재한다…


자바스크립트 배열 원소 swap

May 16, 2022

서론 Node.js 를 사용해 와 같은 알고리즘을 공부하거나 일반적인 메서드를 사용할때도 종종 두 원소를 비교하여 조건문이 라면 순서를 바꿔야 (swap) 하는 상황이 종종 생긴다. 두 원소의 바꾸는 행위를 이라 부르는데, 스와핑은 언어에 따라, 성능에 따라, 또한 개개인의 편의 및 선호도에 따라 적용할 수 있는 많은 방법이 있다. 본고에서는…


Queue with JS

April 20, 2022

서론 는 먼저 온 소비자가 먼저 서비스를 받는 리소스에 대한 소비자 대기열이라 이해하면 편하다. 는 의 특징을 가지고 있다. 본론 Queue with normal array 예시 Queue with Linked List 예시


Stack with JS

April 15, 2022

서론 거의 모든 응용 프로그램에 존재하는 기능의 작동원리나 웹 브라우저에서의 버튼의 작동원리를 추적한다면, 스택이 사용되었을 것이라 짐작한다. 은 작업의 이정상태를 메모리에 저장하여 마지막 상태가 먼저 나타나게 한다. 본론 Stack 의 특징 및 사용 메서드 스택은 기본적으로 원리를 따르며 기본적으로 아래의 세 가지의 메서드를 사용한다. Push: …


Linked-list with JS

April 11, 2022

서론 란 과 유사한 선형 데이터 구조이다. 하지만 대표적인 차이로는 배열과 달리 요소가 특정 메모리 위치나 인덱스에 저장되지 않는다. 각 요소는 해당 List 의 다음 객체에 대한 포인터 또는 링크를 포함하는 별도의 객체이다. 각 에는 저장된 와 다음 노드에 대한 라는 두 가지의 항목이 포함된다. 연결 리스트의 진입점을 라고 부르고, 헤드는 연결 목록…


자바스크립트 reduce break

March 28, 2022

서론 Javascript 메서드란 각 요소에 대한 주어진 를 실행하고, 하나의 결과값을 반환한다. 나에게는 애증의 관계에 있는 메서드 중 하나이다. 생각보다 복잡한 것 같아서 기피하다가도, 실제 사용해보면 이는 JS 에서 얼마나 강력한 기능을 가졌는지 매번 느끼게 된다. 보통 는 보편적으로 위와 같이 배열의 전체 합을 구할때 쓰이지만, 익숙해진다…