전체 글 201

[일상/2020-12-09] 역시 예뻐야 해! 나를 움직이게 하는 git Dark Mode

오랜만에 git 계정에 들어갔다. 회사에서 작년부터 Confluence를 도입하면서 git을 떠나보내고 bitBucket을 위주로 돌아가는 나에게 github를 딱히 들어갈 일도 없었다. 블로그를 시작하기 전 집에 오면 너무 지친 일상에 쉬는 게 제일 중요해졌고, 어느 순간부터 github은 나와 멀어진 존재가 되었는데 오늘 커뮤니티를 통해서 git Dark Mode를 만나버리고만 것이다. 개발자 특징 : 모든 화면을 다크모드로 한다. 이유는 모름 😎 현재 Git에서 Dark 모드로 전환하면, 밋밋한 회색이미지에서 불이 하나씩 켜지면서 고양이가 나오는 효과가 적용되어있다 이 얼마나 귀여운가!!! 정말 어이없게도 오늘 이 다크모드의 출시로 내 잔디밭을 좀 채워보고 싶다는 생각을 했다. 오늘 내가 만났던 잔..

Diary 2020.12.09

한글 파일(.hwp) 설치 파일 없을 경우 문서 수정 방법 (무료사용)

한글파일(. hwp)을 무료로 수정하기 말랑말랑 플랫폼 한컴 스페이스 회사 내부 문서는 주로 MicroSoft 제품을 사용해서 공유를 하고 있지만, 가끔 정부사이트에서다운받은 문서를 수정해서 제출해야 할 때가 있다. 이 경우 .hwp파일일 경우가 많다😅 혹은 다른 컴퓨터에는 한컴오피스가 설치되어있으나, 다른 외부 PC를 사용 중에 한컴 오피스가 없어서 .hwp 파일을 수정 못하는 경우가 있을 수 있다. 오늘은 PC에 한컴 오페스가 안 깔려있을 경우, 한글 파일을 생성하거나 수정할 수 있는 방법을 공유한다. 💜 말랑말랑플랫폼 2019년 한글과 컴퓨터에서 유용한 생산성 서비스와 다양한 엔터테인먼트 서비스들을 한 곳에 모아 제공하는 서비스 플랫폼인 말랑말랑 플랫폼을 출시했다. 추억의 게임인 타자연습, 산성비 ..

etc. 2020.12.08

[Notion] 노션으로 월별 고정 지출을 간단히 정리하기🧮 (템플릿 공유)

Notion으로 만든 월별 고정 지출 템플릿 공유 🧮 월별 고정 지출 템플릿 기능 소개 재테크의 시작은 급여를 받으면 통장을 나누는 것을 기본으로 한다. 통장은 각각 만들어 놨지만, 자동이체 날짜도 제각각이며, 각 은행 별로 적금 이자가 좋은 걸로 통장을 개설하다 보니 매달 월급이 들어올 경우 각 은행 통장마다 얼마씩 넣어야 될지 도무지 정리가 되지 않는다. 😨 오늘은 노션을 이용해서 월별 고정지출을 정리해 보기로 했다. 템플릿을 만들 때 고려한 점은 지출 내역을 한번만 작성하면 작성한 지출 내역에서 내가 원하는 분류 별로 합계를 자동 계산해주는 페이지를 만드는데 의의를 두었다. 월별 고정 지출 템플릿 사용 방법 고정지출내역에 지출비용, 항목, 지출통장 혹은 카드를 선택해서 작성한다. 고정지출 항목별로 ..

etc./Notion 2020.12.07

[vue/error] Vue packages version mismatch error 해결방법

Vue error 해결방법 Vue packages version mismatch vue 프로젝트 내에 package.json파일을 이용하고 있을 때, 새로 프로젝트를 가져오거나, npm update를 진행한 뒤 해당 에러를 만날 때가 있다. 원인 현재 사용하고 있는 npm 라이브러리의 의존성이 깨질 때 해당 에러가 발생한다. vue에 의존하는 vue-server-renderer의 버전이 높기 때문이다. 해결방법 해결은 간단하다 vue-server-renderer와 vue의 버전을 맞춰주면 해결 된다. npm install vue-server-renderer로 설치 시 자동적으로 최신 버전이 설치된다. 하지만 우리는 vue와 버전을 맞춰서 설치해야 되기 때문에 특정 버전을 지정해서 npm을 설치하도록 한다..

FrontEnd/Vue.js 2020.12.05

[Vue.js] 현업에서 잘 사용하는 Vue 무료 라이브러리 추천

현업 개발자가 소개하는 vue.js 유용한 라이브러리 필자는 현재 Vue.js를 주 언어로 사용하는 프런트 앤드 개발자이다. 오늘은 현업 시 유용하게 사용하고 있는 Vue.js 라이브러리 들을 소개해보려고 한다. 누구나 보기 좋은 웹 화면은 만들기 위함이나, 까다로운 코드들을 해결해주는 라이브러리 들이다. 사용법이 매우 편해 Learning Time(학습시간)이 적지만, 웹에서는 드라마틱한 효과를 내주는 소중한 라이브러리이다. 🖱 Vuebar License : MIT Demo : github.serafin.io/vuebar/ Vuebar Other than examples below - this site itself is an example of Vuebar usage. If you look to the..

FrontEnd/Vue.js 2020.12.05

[JavaScript] 배열 메소드 map, filter 개념 및 예시 (배열 내 특정 조건에 해당하는 데이터 가져오는 방법)

JavaScript의 Array 메서드 중 강력한 기능 Map, filter 활용하기 최근 프로젝트 개발 중 DBQuery를 통해 받은 결과를 재가공하는 일이 많아졌다. 해당 값에서 중복을 제거한다던지, 특정 조건을 만족하는 값으로 새로운 배열을 만들어야 할 경우가 생겼는데, 이 경우 많은 선배 개발자들은 Array 메서드인 map과 filter를 활용하는 것을 알 수 있었다. 오늘은 이러한 Array에서 Map과 Filter가 무엇인지, 어떤 식으로 이용해야 될지 공부를 해보기로 했다. 💎Array.prototype.map() ES5에서는 Array method 중 Map이 추가되었다. map()을 활용할 경우, 특정 배열을 for문을 도는 것처럼 각각의 요소에 대해 함수를 호출하여, 해당 함수를 실행..

FrontEnd/Javascript 2020.12.03

[Notion] 노션에서 다른 사람이 공유한 템플릿 사용하는 방법 및 공유법

Notion으로 만든 템플릿을 공유하고 사용해보기 Notion은 이미 많은 사용자들이 좋은 템플릿을 만들고 공유하고 있다. 내가 필요한 노션 양식을 공유해주는 분들이 계신데 그중에서 원하는 템플릿을 내 공간으로 가져올 수 있다. 노션에서는 템플릿 갤러리를 운영하고 있다. 해당 페이지에서 내가 원하는 템플릿을 찾아볼 수 있다. www.notion.so/1639712845e5473083442d3ff3be023c 템플릿 갤러리 Notion 한국 커뮤니티가 만든 템플릿 ✨ www.notion.so 해당 페이지 외 다양한 포스팅으로 개인 사용자들이 만든 템플릿도 찾아볼 수 있다. 이제 원하는 노션 페이지를 찾았다면, 복사해보자. 노션 템플릿 URL로 복사하기 복사하고 싶은 페이지에서 해당 템플릿 URL을 입력하고..

etc./Notion 2020.11.30

[Notion] 룸메이트와 함께 쓰는 월별 가계부 템플릿 공유

Notion으로 만든 월별 가계부 템플릿 공유 템플릿 기능 소개 이전 포스팅에서 정의한 가계부 템플릿이 완성돼서 공유해보기로 한다. 처음 고민한 양식과는 조금 다르게 완성이 되었지만, 원하는 기능은 모두 넣은 가계부가 완성되었다. 해당 가계부가 어떻게 만들어졌는지 궁금한 경우 이전 포스팅을 참고하면 된다. ordinary-code.tistory.com/2?category=957306 [Notion/ 표, Relation, Rollup 사용법] Notion을 이용해 룸메와 사용할 생활비 가계부 만들기- 1편 Notion 표와 Relation과 Rollup 개념을 이용한 자동 계산되는 가계부 만들기 Notion이 2020년 일반 사용자에게 무료로 풀리면서, 동거인과 함께 쓸 가계부를 만들어보기로 했다. No..

etc./Notion 2020.11.29

[Notion/표, Formula 사용법] Notion을 이용해 룸메와 사용할 생활비 가계부 만들기 - 3편

Notion Formula 기능을 이용하여 월별 지출을 점검하는 가계부 만들기 전편에서는 날짜 필터와 Create linked database 기능을 이용해서 각각 월별로 지출 내용을 볼 수 있는 가계부를 만들었다. 전편을 안 보고 이 글을 들어오셨다면, 전편을 먼저 보고 오기를 추천한다! ordinary-code.tistory.com/3 [Notion/날짜필터, linked database] Notion을 이용해 룸메와 사용할 생활비 가계부 만들기 -2편 Notion 날짜 필터와 linkted database를 이용한 월별 확인 가계부 만들기 전편에서 룸메와 함께 쓸 가계부의 기능에 대해 정의한 뒤. 지출내역을 입력하면, 자동으로 지출 항목 별, 지출한 사람별로 합 ordinary-code.tistor..

etc./Notion 2020.11.22

[Notion/날짜필터, linked database] Notion을 이용해 룸메와 사용할 생활비 가계부 만들기 -2편

Notion 날짜 필터와 linkted database를 이용한 월별 확인 가계부 만들기 전편에서 룸메와 함께 쓸 가계부의 기능에 대해 정의한 뒤. 지출내역을 입력하면, 자동으로 지출 항목 별, 지출한 사람별로 합계를 계산해주는 가계부를 만들어 보았다. 전편을 안보고 이 글을 들어오셨다면, 전편을 보고 오기를 추천한다! ordinary-code.tistory.com/2?category=957306 [Notion/ 표, Relation, Rollup 사용법] Notion을 이용해 룸메와 사용할 생활비 가계부 만들기- 1편 Notion 표와 Relation과 Rollup 개념을 이용한 자동 계산되는 가계부 만들기 Notion이 2020년 일반 사용자에게 무료로 풀리면서, 동거인과 함께 쓸 가계부를 만들어보기..

etc./Notion 2020.11.21