전체 글

최근 우연한 기회로 글쓰는 개발자 모임, 글또에 참여하게 되었다. 모임의 목적은 단순하다. 개발자들이 모여서 글을 쓰고 디벨롭시켜가는 것이다. 평소 노션에 공부한 걸 정리하고 가끔씩 Draft를 블로그로 옮기는 작업을 해오긴 했지만, 보다 완성도 있는 글을 쓰고 많은 사람들에게 보여주고 싶다 라는 니즈가 있었다. 마침 글을 쓰고 피드백을 받는 것에 대한 욕구가 있었던 상태라 글또 신청 마감날에 부랴부랴 지원을 했고, 운좋게 7기를 함께하게 되었다. 왜 혼자서는 글을 잘 쓰지 못했을까 그동안 좋은 글을 꾸준히 쓰지 못했던 이유를 생각해본 결과는 다음과 같다. 내가 쓴 글이 다른 개발자들에게 도움이 될 만한 수준인가에 대한 의문이 있었다. 주니어 연차에 불과한 내가 공부하는 지식들은 대부분 웹 개발자라면 당..

바닐라 자바스크립트로 웹 애플리케이션을 만드는 고된 과정 속에는 DOM 조작이 필수적으로 들어간다. 그런데 이 DOM 조작은 때로는 안티 패턴(Anti-Pattern)으로 인식되기도 한다. 이번에는 DOM을 조작하는 Web API에는 주로 어떤 것들이 있고, 어떻게 하면 DOM을 조작하는 과정을 최적화할 수 있을지에 대해 알아보려고 한다. DOM이란? 문서 객체 모델(The Document Object Model, 이하 DOM) 은 HTML, XML 문서의 프로그래밍 interface이다. 기본적으로 HTML로 된 문서에는 웹페이지의 설계도가 그려져 있는데, 이 구체적인 구조를 웹페이지에 접속할 때 HTML이라는 형식을 통해 브라우저에 전달하게 된다. 그러면 브라우저는 이 형식을 보고, 그 안의 HTML..

문제 출처: https://programmers.co.kr/learn/courses/30/lessons/42587 코딩테스트 연습 - 프린터 일반적인 프린터는 인쇄 요청이 들어온 순서대로 인쇄합니다. 그렇기 때문에 중요한 문서가 나중에 인쇄될 수 있습니다. 이런 문제를 보완하기 위해 중요도가 높은 문서를 먼저 인쇄하는 프린 programmers.co.kr 지나치게 많은 과업이 쌓여갈 때, 우리는 흔히 대기열을 만들듯이 목록의 끝에 과업들을 추가하고 먼저 들어온 과업부터 순서대로 처리한다. 먼저 들어온 것을 먼저 처리하고, 나중에 들어온 것을 나중에 처리하는것. 우리에게 익숙한 이 First In First Out이라는 개념을 가진 자료구조가 바로 큐(Queue)다. 오늘은 이 큐 자료구조를 활용한 문제를..

문제 출처: https://programmers.co.kr/learn/courses/30/lessons/12909 코딩테스트 연습 - 올바른 괄호 괄호가 바르게 짝지어졌다는 것은 '(' 문자로 열렸으면 반드시 짝지어서 ')' 문자로 닫혀야 한다는 뜻입니다. 예를 들어 "()()" 또는 "(())()" 는 올바른 괄호입니다. ")()(" 또는 "(()(" 는 올바르지 않은 programmers.co.kr 괄호가 바르게 짝지어져있는지를 반환하는 함수를 만들어보았다. 마치 텍스트 에디터를 만드는 듯한 재미있는 문제였다. ‘(’ 괄호가 나오면 배열에 괄호를 추가하고, ‘)’ 괄호가 나오면 닫아줄 괄호가 있는지 확인한 뒤, 닫아서 없애고자 하였다. 자바스크립트 배열의 push(), pop() 메서드를 통해 스택 ..

이전 포스트에서도 알아봤듯이, 자바스크립트에서는 많은 것들이 객체로 간주된다. 그 중 하나가 바로 배열이다. 오늘은 웹개발을 하는 데 있어서 절대 빠질 수 없는 배열에 대해서 알아보고자 한다. 배열이란 무엇이고, 왜 자바스크립트에서는 배열을 객체라고 할까? 위키피디아에 따르면, 배열의 정의는 다음과 같다. 컴퓨터 과학에서 배열(Array) 은 번호(인덱스)와 번호에 대응하는 데이터들로 이루어진 자료 구조 를 나타낸다. 일반적으로 배열에는 같은 종류의 데이터들이 순차적으로 저장되어, 값의 번호가 곧 배열의 시작점으로부터 값이 저장되어 있는 상대적인 위치가 된다. 즉, 일반적으로 배열이란 동일한 크기의 메모리 공간이 빈틈없이 연속적으로 나열된 자료구조를 말한다. 보통 동질적인 타입의 값들이 저장되며, 순서에..