코딩헤딩

https://balsamiq.cloud/ Balsamiq Cloud Fast, Approachable, Collaborative Wireframing balsamiq.cloud 최근 프로젝트 중 웹 화면구성 계획을 할 때 유용한 도구를 찾았다. 1. 발사믹 목업 홈화면에서 product 클릭 2. 트라이얼 버전 시작 클릭 3. 메일인증 후 30일간 무료 트라이얼버전 사용이 가능하다. 4. 작업 화면에 들어오면 구성은 파워포인트와 비슷하다. ① 상단에 택스트박스부터 토글버튼까지 다양한 요소들이 미리 만들어져 있어 드래그 후 가져와서 각각의 프로젝트에 맞게 배치해 나가면 된다. ② 실행버튼같은게 있는데 이거를 누르면 ppt에서 프레젠테이션이 시작된 것 같은 화면으로 전환되며 구성해 놓은 화면 설계를 발표할..

프로젝트에서 사용할 데이터를 전처리 해보겠다. https://bigdata.kepco.co.kr/cmsmain.do?scode=S01&pcode=000166&pstate=L&redirect=Y 전력데이터 개방 포털시스템 꺾은선그래프 라벨관련 js --> 월별 데이터 다운로드 다운로드 (단위: 호, kWh, 원, 원/kWh) caption 지역구분 계약구분 고객호수(호) 사용량(kWh) 전기요금(원) 평균판매단가(원/kWh) caption 그래프 선택 원 bigdata.kepco.co.kr 사용할 데이터 : 업종별 전력사용량 => 엑셀파일 다운로드 1. 판다스 라이브러리 정의 import pandas as pd 2. 데이터 불러오기 file_path="./용도별 전기 사용량 1년 통합.xlsx" df = ..

60시간 프로젝트가 반이상 흐른 시점에서 오늘은 데이터베이스 오류때문에 오늘은 더이상 작업이 힘들어서 시간도 남는겸 지금까지의 진행상황을 써보려한다. 지금 내가 맡은부분은 프론트엔드다. 프로젝트 초반 타임리프로 사용할 상단 메뉴바를 시작으로 이번프로젝트의 주 기능인 게시판의 전반적인 프론트를 담당해 만들고 있다. 지난 이틀간 게시판리스트와 상세 게시물보기 게시물 작성화면을 만들었으며, 게시판 리스트 에서는 기본적인 게시물의 정렬과 더불어 조회수가 많은 상위 게시글을 보여줄 수 있는 구역도 따로 만들어보았다. 지금 하고있는 프로젝트의 취지와 백엔드의 요구사항에 맞춰 프론트를 구성하며 사용자가 사용하기 편리하도록 배치하는것이 중요한 작업이라 생각이 들었다. 더불어 약간의 미적감각? 이 필요했다. 현재 게시판..

오늘부터 계획상 60시간 동안의 프로젝트를 시작했다. 일단 가장 중요한 콘셉트 선정과 앞으로 만들어 나갈 기능들과 전체적인 레이아웃을 결정하기 위해 회의를 하며 다양한 의견을 주고받았다. 그 중 시간과 인력을 생각하여 구현 가능한 기능과 불가능한기능을 분류했다. 먼저 컨셉 선정부터 시작해서 최초 전기차 중전소를 알려주는 기능을 메인으로 부가적인 기능을 추가하려 했으나, 평범함 보다는 사람들이 직접 참여하고 소통할 수 있도록 하는 커뮤니티 성격을 강하게 가져가며 전기차 충전소 안내는 부가적인 기능으로 조금 변경되었다. 콘셉트 선정 뒤에 이름을 정했으며 그 이름과 관련된 로고도 만들었다. 그 후 색감에 통일감을 주기 위해 색조합을 선정했으며, 메인 화면과 각각의 화면의 대략적인 레이아웃까지 구상했다.

최종 모습의 홈 화면이다. 5명의 인원으로 약 3일간의 기간 동안 만들어봤다. 내가 맡은 부분은 회원가입과 메일인증 그리고 상단 thymleaf 홈화면의 시계 유흥의 로또 번호 뽑기를 만들었다. 어려웠던 점은 메일인증이었는데 처음에 대략적인 코드의 흐름을 이해하는데 시간이 걸렸다. 구글에서 키를 받아 로그인한 계정의 메일로 인증번호를 보내는 방식이었는데, 메일은 정상적으로 오지만 스팸메일함으로 들어가는 문제가 아직 남았다. 프런트 프로젝트 후 두 번째로 백엔드 프로젝트를 진행하며 프런트를 다루게 조금 더 수월해졌음을 느꼈고, 백엔드 부분을 하며, 이제 어느정도어느 정도 코드의 흐름과 getmapping postmapping의 사용법 데이터베이스의 관리등 어느 정도 개념을 이해해가고 있음을 느꼈다. 내일부..

오늘 한 일. 1. 회원가입 css와 회원가입시 이메일이 중복되면 회원가입이 불가능하도록 조치 2. 이메일인증 1-1. 회원가입 css. 1-2. 이메일 중복체크 및 가입버튼 활성, 비활성화. 이메일 중복검사결과 데이터베이스에 중복된 이메일이 있다면 가입불가 알람이뜨며 가입버튼이 비활성화 상태며, 없다면 가입가능 이라는 알림과 함께 가입 버튼이 활성화 되도록 했다. 2. 이메일로 인증번호를 보내 일치여부를 확인 할 수 있도록 했다. 매일이 발송될 수 있도록 키를 받아 인증번호를 메일로 받을 수 있도록 했다. 인증번호는 Math.random을 사용하여 6자리의 무작위으 숫자가 나오도록 했다. 하지만 메일이 발송되면 수신시 스펨메일함으로 가는 문제점이 있었다. 내일 계획 : 나머지 탬플릿에 css 적용 th..

백엔드 부분의 공부를 거의 다해가는 시점에서 2차 미니 프로젝트를 시작했다. 이번 주제는 크게 로그인기능구현과 게시판기능을 구현하는 것이다. 그중 나는 로그인 기능중 회원가입 부분을 맡았다. 해야 할 일은 크게 1. 프론트 화면 2. 엔티티 생성 및 데이터베이스 연결 3. 컨트롤러 만들기 가입시 Email은 중복되지 않도록 하기 위해 중복체크 기능을 넣었다. 4 레파지토리 만들기 정도로 볼 수 있다. 오늘은 첫날 이기 때문에 세부적인 유효성검사등은 아직 하지 않았다.