배워서 남 줄 건데요?

본문에서 말하려는 이슈는 위와 같은 이슈를 말하는 것이다. eslint에 대해서는 다음 기회에 상세히 서술할 예정이니 오늘은 eslint를 알고 있다는 전제 하에 글을 이어 간다. eslint는 간략하게 말하자면, 자칫 잘못하면 중구난방으로 작성될 수 있는 자유분방한 언어인 Javascript를 조금 더 엄격하게 관리하기 위한 문법적 규칙을 얘기한다. 위 이슈는 문서에 작성 된 코드의 개행 문자가 CRLF 방식으로 작성 되었기에 뱉는 에러인데, 왜 CRLF를 에러로 다룰까? 운영 체제별로 파일을 다루는 방식이 다르듯, 개행 문자도 서로 다르게 취급되는데, 리눅스, Mac OS 등의 운영체제는 LF 방식을 지원하며, Windows는 CRLF를 기본으로, LF도 지원한다. 그렇기 때문에 맥, 리눅스, 윈도우..

서론많은 개발자들이 자신의 소스코드를 보관하기 위해 깃을 사용한다.그 중에서도 특히나 많은 개발자들이 이용하는 깃허브는 안정된 서비스와 여러 편의 기능으로 인해 개인 개발자 뿐 아니라 많은 회사들이 사내 프로젝트를 저장하기 위하여 사용하기도 한다.그런 깃허브가 제안한 브랜치 관리 방법이 있는데, 나도 기억에 남길겸 이 곳에 정리하기로 한다. 통상적으로 사용되던 Git Flow는 다음과 같았다. 척 보기에도 굉장히 어지럽다. 현재 많은 깃 프로그램이 그래프 시스템을 지원하는 이유이다. master 브랜치는 실서버에 배포작업을 진행할 브랜치, hotfix는 실서버에서 문제가 생겼을 때 급하게 작업하기 위한 브랜치, feature 브랜치는 이슈 수정 및 추가 개발에 사용되며 실제로는 푸쉬하지 않을 브랜치, r..

개요 본인이 만든 블로그를 구글 검색 엔진에 띄우기 위해서는 구글에 내 홈페이지가 있다는 사실을 알려야 한다. 그러한 작업을 진행하려면 구글의 Search console에 사이트를 등록해야 한다는 사실을 알 것이다. 모른다면 '티스토리 구글' 이라고만 검색해도 정말 많은 블로그에서 방법을 소개하고 있다. 하지만 내가 이 글에서 정리할 것은 그런 일반적인 검색엔진 등록 방법이 아니라, 검색 엔진 등록 작업 중 Sitemap 등록 작업이라는게 있는데, 간단하면서도 나를 고생시킨 이 문제에 대해서 이야기하고자 한다. 본론많은 블로그에서 구글에 사이트맵을 등록하기 위해서는 Sitemap.xml을 게시글에 등록 후, 미리보기를 눌러서 파일의 링크를 복사하여 구글의 Search Console에 넘긴다고 소개를 할 ..

서론 어느 글에서나 그랬듯, 이것도 대회를 준비하다가 알게 된 기술이다. LocalStorage, 말 그대로 지역 저장소를 의미하는데, DB를 사용하지 않는 로컬 웹 어플리케이션에서 데이터를 저장해야 할 때 사용할 수 있는 굉장히 강력한 기술이다. 심지어 접속한 도메인에 따라 참조할 수 있는 데이터가 구분이 되기 때문에 도메인 간 저장소 충돌을 염려하지 않아도 된다. 주의사항 로컬스토리지는 반드시 보조수단으로 사용되어야 한다. 저장소이긴 하지만, 용량이 10MB밖에 되지 않아서 간단한 문자열이나 크지 않은 JSON을 저장할 때 사용된다. 사용법 데이터 삽입 localStorage.setItem(key, data); 데이터 참조 localStorage.getItem(key); 데이터 삭제 localStor..

서론 나는 학교에서 수학같은거 배워다가 평생 써먹지 않을 줄 알았다. 주변 사람들이 다들 그렇게 말했고, 나조차도 학교 시험문제를 푸는 순간만 사용하고 사용을 하질 않으니 그런 줄 알았다. 그리고 그런 나의 생각은 내가 프로그래머의 길에 들어서면서 완전히 틀렸다는 것을 알게 되었다. 내 프로그래머 인생이 기능대회에서 비롯되어서 그런진 몰라도 대부분의 기술 문서에 기능대회라는 단어가 적혀있을 것이다. 이 역시 기능대회로 인해 알게 된 알고리즘인데, 어느 날 처럼 기출문제 모음집에서 풀어볼 문제를 고르던 도중, 수족관 사이트를 만드는 과제를 풀게 되었다. 국가대표 선발전 문제였던지라 난이도도 난이도지만 처음 보는 유형의 문제가 등장했는데, 수족관 홈페이지에서는 해당 수족관에 있는 물고기를 가상으로 구입할 수..

고등학생 시절, 웹을 공부하던 필자는 PHP의 number_format 함수에 대해서 알게 되었다. number_format 함수는 다시 말해, 10000 이라는 숫자값이 있다면, 10,000 이라고 변환을 시켜주는 함수였다. 이와 같은 숫자 표시 문제가 대회 문제에 출제가 되었는데, PHP에서는 number_format 함수만 사용하면 손쉽게 끝날 일이지만 Javascript는 도무지 number_format 같은 함수를 찾아볼 수 없었다. 그래서 필자는 정규식으로 숫자를 3단위로 끊어서 콤마를 찍는 아래와 같은 방식을 채택했다. result = subject.replace(/(\d)(?=(\d\d\d)+(?!\d))/g, "$1,"); 하지만 더욱 간단한 방법이 있다. var result = 1000..

세상 모든 웹개발자들의 1순위 야근 원인... 표준을 따르지 않고 지 혼자 막나가면 어떻게 되는지 보여주는 아주 좋은 예

초성 검색에 대한 알고리즘을 더 찾아보던 중, 초성 검색 알고리즘이 더욱 간단한게 있어서 해당 알고리즘을 토대로 새롭게 작성하였다. function cho(str) { var cho = ['ㄱ','ㄲ','ㄴ','ㄷ','ㄸ','ㄹ','ㅁ','ㅂ','ㅃ','ㅅ','ㅆ','ㅇ','ㅈ','ㅉ','ㅊ','ㅋ','ㅌ','ㅍ','ㅎ']; var result = []; for (var i in str) { var char = str.substr(i, 1); var index = (char.charCodeAt() - 44032) / 588 result.push(cho[index] || char); } return result.join(''); } function match(keyword, data) { var dataC..

때는 2016년, 고등학교 3학년 시절. 노래방에 놀러갔던 후배가 노래를 검색하다가 초성으로 검색이 되는 것을 확인하고 했던 말이 있다. "이거 기능대회 문제에 출제하죠?" 이 때부터 이 망할 초성 검색의 열풍이 불기 시작했다. 단순한 초성검색이라면 어렵지도 않은 일이었다. 하지만 이 곳은 어디인가, 전국대회 아니겠는가. 그 평범하지 않은 기능인들은 검색 기능도 평범하게 구현할 리가 없겠지. 초성검색은 기본이요, AND OR 검색, 하이라이트 추가, 초성과 완전글자의 합성 검색 등 절대 3시간 안에는 나오지 않을 법한 검색 엔진으로 무장한 문제를 출제하는데 혈안이 되어있었고, 나는 그런 문제를 해결하려고 노력했던 한명의 학생이었다. 단순한 초성검색 기능은 구현한지 옛날이요. 그러나, and or 기능을 ..