daniel_park.log https://velog.io/ python holic Sun, 04 Jul 2021 12:49:45 GMT https://validator.w3.org/feed/docs/rss2.html https://github.com/jpmonette/feed daniel_park.log https://images.velog.io/images/daniel_park/profile/045dbab5-eaa1-4c5a-9239-6cafdd5f7e0c/cafe_coding.jpg https://velog.io/ Copyright (C) 2019. daniel_park.log. All rights reserved. <![CDATA[Toy Project#1 Web Note 3]]> https://velog.io/@daniel_park/Toy-Project1-Web-Note-3 https://velog.io/@daniel_park/Toy-Project1-Web-Note-3 Sun, 04 Jul 2021 12:49:45 GMT 안녕하세요

Web note 프로젝트에 대해서, 저번에 이어서 작업 진행 과정을 기록하고자 합니다.

요즘 개인적인 일들도 많고 공부할게 많아서 Web Note 작업을 너무 등한시 했습니다. 이왕 시작한거 마무리는 지어야 겠다는 생각으로 다시 열심히 하고 있습니다.

제가 구상하는 Web Note의 주요 기능은 스케줄링 기능, 메모 기능, 타이머 기능, TO do 리스트 기능입니다.

그 중에서 지금 어느정도 완성이 된 메모 기능에 대해서 기록하고자 합니다.

하나의 메모장에서 서로 다른 메모 내용을 구분할 수 있는 좋은 방법이 없을까?라는 고민을 종종 했습니다. 한 페이지에 구역을 나눠서 하는 방법도 있고, 페이지를 추가로 만드는 방법도 있지만 한 화면에서 간편하게 버튼으로 구분을 하면 좋겠다는 생각이 들었습니다.

◼ 메모 Concept

Javascript를 공부해가며 개발하는거라 정말 투박하고 주먹 구구식으로 구현을 했습니다. 개선해야할 점이나 조언은 언제든 환영입니다!

]]> <![CDATA[Toy Project#1 Web Note 2]]> https://velog.io/@daniel_park/Toy-Project1-Web-Note-2 https://velog.io/@daniel_park/Toy-Project1-Web-Note-2 Sun, 30 May 2021 13:28:38 GMT 안녕하세요

web note의 작업 진행 과정을 기록하고자 합니다.

기능이나 화면 구성은 개발을 해가면서 계속 수정할 계획이며, 그때 그때의 생각이나 고민들을 적는게 가치가 있을 거 같네요

1. 개발 진행 내용

먼저 처음 생각했던 화면 구성이랑 달라진점은 두 가지입니다.

  1. Memo장에 버튼 기능 추가
  2. 워라벨 파이차트 양식 통일

업무를 보면서 간단한 내용을 적어야 할때도 있지만 코드를 복사해서 메모장에 넣는 경우도 많습니다. 이에 메모 버튼을 만들어서 메모 종류별로 따로 관리할 수 있도록 할 예정입니다.

구상했던 UI는 다음과 같습니다.

뭔가 많이 허접하네요..ㅎ

요즘 일이 바빠서 평일에는 작업이 불가능하고, 주말에 짬짬이 작업을 하고 있습니다... 하루종일 web note 개발만 하고싶네요 ㅜㅜ

2. 구현중인 프로그램

파이차트에 대한 부분은 아직 건드리지도 못했고, 나머지 기능들은 기본 기능정도 구현을 해놓은 상태입니다.

제 Github에 가시면 지금까지의 작업 내용을 확인할 수 있습니다. https://github.com/Park-Developer/Web_note/deployments/activity_log?environment=github-pages

2.1 기본 기능 소개

  • Schedule : 표 형태로 구현했으며, 표를 클릭하면 일정을 등록할 수 있도록 설정했습니다.

  • Memo : 메모장 위에 버튼이 있어, 3개의 다른 메모장을 버튼을 통해 이동해가며 작성할 수 있도록 했습니다.

  • To do List : To do List를 작성할 수 있도록 했습니다.

  • Timer : Timer 기능도 추가했습니다.

3. 향후 계획

작업해야할 내용이 너무 많은데, 우선적으로 진행해볼 작업은 다음과 같습니다.

  • Notion을 통한 wiki 작성
  • UI 다듬기
  • Timer 기능 보완, Memo장에 Markdown 문법 추가
  • API 연동
  • 공부한 내용이나 삽질한 내용 기록
]]> <![CDATA[Toy Project#1 Web Note (1일차) ]]> https://velog.io/@daniel_park/Side-Project1-Web-Note-1%EC%9D%BC%EC%B0%A8 https://velog.io/@daniel_park/Side-Project1-Web-Note-1%EC%9D%BC%EC%B0%A8 Sun, 23 May 2021 01:34:22 GMT 1. 프로젝트 선정 배경

: 저는 보통 일정 관리나 Todo List 정리는 Google Calender와 Google Task를 사용하고, 간단한 메모나 작업을 하면서 잠깐 기억을 해야할 것들은 One Note에 적는 편이었습니다.

프로그램을 세개를 쓰다보니 창도 많아지고 관리도 번거로워져서, 이걸 한 페이지에서 사용하게 할 수는 없나라는 생각을 갖게 되었습니다. 통합된 기능을 제공하는 프로그램이 이미 존재하겠지만 지금 막 Javascript를 배우는 입장에서 웹으로 한번 프로그램을 만들어보게 되었습니다.

2. 프로젝트 소개

◼ 프로그램명 : Web Note

◼ 기능

◽ Memo 기능

◽ 시간표 기능

◽ Todo List 기능

◽ 분석 기능

◼ Concept Design

◼ 개발언어 : HTML, CSS, Javascript

]]>