JavaScript 스터디에서 알고리즘 문제를 풀고 풀이법을 공유하고 있습니다. 이번 문제는 프로그래머스의 Hash - 위장 문제입니다. 설명과 제한사항을 먼저 보겠습니다. 풀이코드를 바로 보고 싶으시면 여기를 클릭해주세요 문제설명 스파이들은 매일 다른 옷을 조합하여 입어 자신을 위장합니다. 예를 들어 스파이가 가진 옷이 아래와 같고 오늘 스파이가 동그란 안경, 긴 코트, 파란색 티셔츠를 입었다면 다음날은 청바지를 추가로 입거나 동그란 안경 대신 검정 선글라스를 착용하거나 해야 합니다. 스파이가 가진 의상들이 담긴 2차원 배열 clothes가 주어질 때 서로 다른 옷의 조합의 수를 return 하도록 solution 함수를 작성해주세요. 제한사항 clothes의 각 행은 [의상의 이름, 의상의 종류]로 ..

CSS (가상요소)의 content에 개행이 필요한 경우 보통 JavaScript에서 콘텐츠에 개행이 필요한 경우 ES6의 Template literals을 이용해 편하게 개행을 하는데 CSS에서도 될 줄 알고 했다가 전혀 되지 않았다. \A 키워드를 이용하면 쉽게 개행(줄바꿈, 엔터, new line)할 수 있습니다. 대소문자 무관하게 적용되며 가상요소가 아니어도 상관없이 content에 모두 쓸 수 있습니다. JavaScript의 \n과 동일하게 기능합니다. 코드와 결과물은 아래에 있습니다. .className::after{ content: "클릭하여 이미지 변경"; /*...연관없는 스타일은 주석처리...*/ } 여기에 \A와 white-space 속성을 추가해줍니다. .className::afte..

개발 프로젝트 동아리 활동 중 JS기술 면접을 대비하고 싶은 사람들과 함께 지난 7주간 모여 스터디를 진행했습니다. 질문 리스트는 front-end-interview-handbook에서 가져왔으며 매주 모여 일정 분량의 질문에 대한 답변을 준비하고 서로 돌아가며 말하고 이를 서로 보완하고 지적하는 식으로 진행하였습니다. 이 스터디를 하면서 JavaScript에 대해 피상적으로 알고 있던 내용을 문장으로 정리할 수 있었고 그러면서 동시에 모르는 내용이나 안다고 생각했던 내용에 대해서도 개념을 확실히 잡을 수 있었습니다. 이 글은 스터디 내용을 복기하고 정리하는 글로 아주 상세한 기술내용은 담고 있지 않습니다. 관련해서는 이후에 따로 정리할 계획입니다. 첫주차 질문은 이벤트 위임, this, 프로토타입 상속..

개발 블로그를 만들어야겠다고 마음을 먹었습니다. 개발 뿐 아니라 취업, 기획, IT 등의 여러 정보를 기록하고 생각을 정리하는 블로그를 만들기로 했습니다. 예전에 Github과 Hexo를 통해 정적 블로그를 운영한 적이 있지만 테마별로 다르게 적용되는 마크다운이 번거로웠습니다. 테마도 별로 마음에 드는 것이 없어 테마 분석과 커스텀에만도 시간이 너무 많이 걸려서 방치해두었습니다. 결정적으로 게시글을 올리고 수정하는 일이 너무 번거로웠습니다. hexo clean - hexo generate - hexo deploy의 반복... 그래서 그냥 블로그 서비스를 이용해야겠다고 생각했고 서비스들을 쭉 찾아봤습니다. 제가 어떤 선택지들을 고려했고 왜 티스토리를 선택하게 되었는지 말씀드리려고 합니다. 1. Naver ..

JavaScript 스터디를 하면서 자바스크립트 면접 질문을 준비하던 것이 끝나서 이젠 알고리즘을 하루에 한 문제씩 풀기로 했습니다. 그래서 프로그래머스 코딩테스트 연습(https://programmers.co.kr/learn/challenges) 문제를 풀기로 했습니다. 그 중 Hash를 우선적으로 풀고 첫 문제인 '완주하지 못한 선수'(https://programmers.co.kr/learn/courses/30/lessons/42576)를 풀었습니다. 그런데 기묘한 일을 하나 겪은게 있었는데, 정합성 테스트에서 소요 시간이 줄었는데 오히려 효율성 테스트를 통과하지 못한 것입니다. 우선 문제는 이렇습니다. 문제 설명 수많은 마라톤 선수들이 마라톤에 참여하였습니다. 단 한 명의 선수를 제외하고는 모든 선..