bluayer

서론 이 포스트를 쓰게 된 계기는, 내가 원하는 저 조합(TS + Node.js + Express + Babel + eslint)으로 개발환경을 세팅했으며 이에 대해 잘 정리된 글을 생각보다 찾기 힘들어서다. 위의 조합으로 개발환경을 세팅하는 가장 강력한 이유는 TS(TypeScript)를 사용하고 싶기 때문이라고 생각한다. '정적 타입이 주는 안정감'이란 단어는 얼마나 HIP한 단어인가!! (안타깝게도 JS 개발자들에겐 HIP하게 느껴진다ㅠㅠ) 아무쪼록 저렇게 세팅을 해보도록 하자. (다만, 이 글은 Node.js + Express 세팅에 이미 익숙한 사람을 전제로 쓰여진 글이다.) 미리 보는 결론 결론은 매우매우 간단하다는 것이다. 1) tsconfig 생성 및 수정 2) eslint 설정 3) ba..

Log.Develop/JS&TS 2020. 7. 23. 13:08

서론 Markdown은 문서를 작성하는 방법 중 특히 개발자들에게 상당히 보편적인 방법이라고 할 수 있다. '.md' 확장자로 작성되는 문서들이 바로 마크다운으로 작성된 문서라고 할 수 있는데, 이런 마크다운이 편리한 이유는 텍스트를 쉽게 편집할 수 있을 뿐 아니라, (개인적으로는 마우스를 쓰지 않아도 글씨 크기 조정, 양식화 등 다양한 일을 할 수 있어서 좋아한다 :) HTML 등 다양한 형식으로 변경할 수 있기 때문이다. 아무쪼록 내가 이번 포스트를 쓰게 된 이유는, 내가 작성했던 Repository들의 README.md를 보며 개인적으로 마크다운에 대해서 잘 알고 있었다고 생각하지만 막상 내 프로젝트의 README.md가 적절한 설명을 가지고 있는지에 대한 고민을 하게 되었기 때문이다. 보통 프로젝..

Log.Develop/Culture 2020. 6. 16. 12:53

서론 ES6에는 다양한 내용들이 새로 포함되었고, 유용한 것들이 많다. 그렇지만 사용 빈도로 순위를 매긴다면, 필자는 오늘 다룰 Arrow function이 다섯 손가락 안에 꼽힐 것이라고 확신한다. 또한, Arrow function을 그냥 단순하게 축약 문법이라고 생각하고 쓰기엔 생각보다 신경 써서 알아 둬야 할 부분들이 있다. (이 내용이 바로 this와 관련된 부분이다.) 아무쪼록, Arrow function에 대해 간단히 알아보자. 또한 this 키워드에 대해서도 간략히 알아볼 것이다. (솔직히 MDN 문서에 아주 잘 설명되어 있지만, 간단한 정리는 언제나 좋다.) ** 참고로 대부분 코드의 실행 결과를 접은 글로 첨부하였다. ** 실행 결과가 궁금한 분들은 참고하시길 바란다. Arrow func..

Log.Develop/JS&TS 2020. 4. 28. 14:38

서론 H2 DB를 처음 사용할 때 맞이할 수 있는 문제다. 필자는 개인적으로 Spring boot를 사용할 때 테스트 용 디비로 H2를 사용하고 있었는데, 최근에 컴퓨터에서 직접 DB 조작할 일이 생겨 깔아서 사용하던 중 맞이한 문제다. 개발 환경 필자의 개발 환경은 다음과 같다. OS : macOS Catalina Device : Macbook pro early 2015 H2 version : 1.4.200 문제가 무엇인가? Database (디렉토리 경로) not found, either pre-create it or allow remote database creation(not recommended in secure environments) 맞이한 문제가 위와 같다면, 본 포스트를 읽는 것이 도움이..

Log.Develop/DB 2020. 4. 23. 15:57

서론 개인적으로 JavaScript(이하 JS)를 공부할 때 이해하기 어려웠던 내용을 뽑자면, 단연 이 글의 주제인 Closure와 IIFE라고 할 수 있다. 심지어 Closure와 IIFE, 이 두 가지 개념은 면접 단골 질문이라고 할 수 있다. (js 개발자 혹은 FE(Front-end) 개발자 면접에서 자주 나온다고 한다.) 위의 사진은 하단 참고 자료 3번에 있는 인터뷰 질문 정리 깃헙이다. (정말 좋다!!) (https://github.com/JaeYeopHan/Interview_Question_for_Beginner/tree/master/JavaScript) 이 인터뷰 질문 정리 내용에도 이미 있는 내용이지만, 필자 본인이 Closure와 IIFE를 좀 더 이해해 보자는 마음으로 이 글을 쓰게..

Log.Develop/JS&TS 2020. 4. 20. 23:08

서론 내가 사용하고 있는 환경은 다음과 같다. OS : macOS Catalina MySQL : 8.0.19(brew로 설치함) JDBC : 글 작성일 기준 latest 버전 이 문제를 발견하게 된 상황은 MySQL과 JDBC를 함께 사용하고 있는 상황이었다. 하지만 찾아보니 MariaDB에서도 일어나는 에러인 것으로 보였다. 아무쪼록, 필자는 MySQL을 사용하다 발견한 에러임을 먼저 밝힌다. 정확한 에러 메시지의 내용은 다음과 같다. java.sql.SQLException: The server time zone value 'KST' is unrecognized or represents more than one time zone. You must configure either the server or ..

Log.Develop/DB 2020. 4. 15. 22:07

서론 2019-2학기부터 올해 2월쯤까지 삼성 빅스비 크루 2기로 활동했습니다. 사실 이런 활동이 존재하고 있는지도 몰랐는데, 같은 동아리에서 활동하시던 분이 삼성과 빅스비에 관심이 많으셔서 운 좋게 기회를 얻게 되었습니다. 빅스비 크루란? 빅스비 크루란, 삼성에서 대학생을 대상으로 진행하는 활동으로 빅스비에 관심이 많으며 이에 대해 개발적으로도 잘 알고 있어 여러 행사를 주최할 수 있는 크루를 의미합니다. 실제로 세미나, 해커톤과 같은 행사를 주최하기도 하며 빅스비 디벨로퍼에 초청받기도 했습니다. 행사를 진행할 때에는 보통 삼성 프로님들의 서포트를 받아 진행되며 간식, 진행 장소 대여 등 다양한 방면으로 도움을 주셨습니다. 또한 슬랙과 메일을 통해서 활발하게 연락을 주고 받으며 원활한 행사 기획 및 진..

Log.Develop/Retrospection 2020. 4. 15. 01:28

Google Code Jam이란? Google Code Jam은 매년 열리는 구글에서 주최하는 알고리즘 대회이다. 참가 후기를 보면 단순히 대학생들 뿐 아니라, 실제 현업에서 일하는 직장인들도 많이 참여한다. 단순히 한 번의 대회로 결정되는 대회는 아니고 상당히 많은 과정을 거쳐야 한다. 구조는 다음과 같은데, 1. Qualification Round 2. 1라운드 3. 2라운드 4. 3라운드 5. World Final(최종 결선) 이렇게 총 5단계로 이루어져 있다고 생각하면 된다. 또한 '아니, 매 라운드마다 날짜가 있을텐데 그날 일정이 있으면 어떻게 하지?'라는 걱정을 할 수 있는데 보통 많은 사람들이 떨어지는 1라운드의 경우 꽤 여러 번 round가 개최된다. (1A, 1B... 이런식이다) 물론 ..

Log.Develop/Retrospection 2020. 4. 7. 16:27