# Oven
thesarang_project_prototyping
0. 개요 빠른 개발을 위해 Python의 Djnago를 선택하였고, prototyping 후 진행했다. 1. 프로토타이핑, Oven 1) Prototyping 프로토타이핑이란 개발자와 사용자들의 의사소통상의 효과를 증진시키기 위하여 취하는 시스켐 개발상의 기법 프로토타이핑 기법을 수행할 때 중요한 점은 상호이해 및 지식 교환 2) Oven 카카오에서 제공하는 프로토타이핑 툴 선택이유: 무료*, Drag and drop을 통한 쉬운 배치, 직관적인 디자인 2. 프로토타이핑 후 작업 0) 공통사항 1) 메인화면 구성 2) 서비스소개 페이지 3) 장기요양등급대리신청 페이지 0) 공통사항 base.html을 만들어 모든 html에 상속시킨다. >* 네비게
UI 프로토타입 Tool Oven
웹 화면 설계를 하는 중 기존에는 ppt나 아이패드로 그려서 설계를 해왔었다.. 디자이너나 ui/ux 개발자가 아닌 내가 웹 프론트엔드 개발을 하면서 화면설계를 해야하는 상황이여서 입문자용 프로토타입 tool을 사용해야겠다는 생각이들었다. 프로젝트를 생성하여 작업 가능 작업 예시 효율적으로 작업을 할 수 있으면서 팀원들과 공유할 수 있는 괜찮은 툴.
0824 개발일지
오늘 한 일 인프런 모든 개발자를 위한 HTTP 웹 기본 지식 수강 중 개인 연습 : 홈 목록조회 화면 (메인), 홈 상세조회 화면 html 수정 및 css 추가 화면 수정 오늘 화면수정 css파일을 추가해서 꾸미려고 하니 egov로 만들었던 폴더 구조와 달라 어디에 폴더를 만들어야 할지 고민이 되었다. /resources/static/css 폴더 아래에 새로운 css 파일 추가했다. 브라우저 별 차이점 초기화를 위해 normalize.css를 다운로드했다. 내가 주로 사용하는 디폴트 설정 적용을 위해 style.css를 생성했다. 기타 css설정은 main.css에 작성하였다. 
랜딩페이지를 통한 첫 가설검증
부제 : 아이템을 처음으로 알리기 위한 랜딩페이지를 만들고, 배포하고 검증하기 만드는 입장에서야 너무 좋은 아이디어일 수 있지만, 시장은 예측할 수 없는 변수가 너무나도 많다. 우리는 사람들의 반응(그들의 정보 제공)을 기준으로 세운 가설을 검증하기 위해 랜딩페이지를 구상하게 되었다. >랜딩페이지란? 랜딩(landing)이라는 단어는 '착륙'이라는 뜻을 가지고 있다. 즉, 어떠한 링크를 눌렀을 때 처음으로 도착하는 페이지를 말한다. 1. 랜딩페이지 내용 구성 사업계획서 형태일 뿐인, 아직은 두루뭉술한 아이디어를 가지고 실제 고객에게 다가가는 방법은 생각만큼 간단하지 않았다. 타깃이 구체적이었고 알릴 기회가
0802 개발일지
오늘 한 일 프로젝트 : 화면설계 회원가입, 로그인 자리 생성 불필요한 화면, 요소 삭제 내일 할 일 메뉴구조도 삽입 및 비교 회원가입 절차 추가 로그인 절차 추가 사이드 2차 회의 화면 목업 제작 완료 -> 회의 수정사항 반영 gradle 프로젝트 생성 아직 github, db 연결은 못함
0801 개발일지
오늘 한 일 프로젝트 : 통합화면 화면설계 기존에 만들어 둔 페이지에 구체적인 메뉴 목록, 검색 조건, 화면 설명 등 내용 작성 유료강의가 존재하는 점, 강의 일괄 신청 기능이 필요한 점을 고려해 수강바구니 기능 및 화면을 추가함 학습 중/학습완료/수강신청현황/수강바구니 화면 추가 사이드 카카오oven 카카오 oven으로 목업화면 제작 중 마이페이지, 홈 설정 화면에 내용이 너무 적은 것 같아서 고민됨 게시판 프로젝트 1. UPDATE 안되는 문제 해결 controller의 로직에는 문제가 없어보이는데 별도 에러 메시지 없이 update 안되는 문제 있었음 debugging 도구 이용해 찾아본 결과 qna 판별하는 고유 id인 QNA_ID 값이 js
0729 개발일지
오늘 한 일 프로젝트 타 사이트 참고해서 통합사이트 메인화면, 나의강의실 요소 조사 통합화면, 나의강의실 메인, 강의 상세 3개에 들어갈 요소 ppt 작성 완료 사이드 화면 그리기 시작
[SEB BE] Wireframe / OVEN
week 1 / 22.06.28 >## WireFrame 💿 와이어프레임 웹 또는 앱을 개발할 때 레이아웃의 뼈대를 그리는 단계. 단순하게 레이아웃과 제품의 구조를 보여주는 용도 단순한 선과 도형으로 웹이나 앱의 인터페이스를 시각적으로 묘사한 것. >## Mock-up 📀 목업 목업 : 실물 크기의 모형 다만, 앱이나 웹은 실물이 없으므로 실제와 동일하게 작동하는 HTML, CSS 문서를 작성한다. 실제와 동일한 기능을 제공하지는 않음. >## OVEN 💿 오븐 웹 와이어프레임을 직접 만들어 볼 수 있는 툴. [🔗오븐 바로가기] (https://ovenapp.io) >
0331 개발일지
오늘 한 일 오늘, 내일은 개발자 친구를 위한 포트폴리오 웹사이트 개발 계획을 짜기로 했다. 4월 내로 만들어야 하는데, 평소와 달리 백엔드 기능 없이 프론트만 만들어주면 되기 때문에 평소 못 써봤던 효과들도 써 보고 싶다. 오늘은 다른 포트폴리오 사이트들을 찾아보고 안에 들어갈 내용 및 구성을 어느정도 고민한 후 대략적인 목업 화면을 ovenapp으로 만들었다. 내일까지 계획을 구체화하고 다음주부터 코딩을 시작할 것이다. 오후에는 정보처리기사 실기 데이터 입출력 구현 파트를 공부했다. 그 후 시간이 남아서 리액트에서 배운 끝말잇기에 적용하기 위해 한글 입력단어에 따라 조사를 바꿔주는 js모듈을 만들어보았다. 포트폴리오 웹사이트 구성 들어갈 내용 포트폴리오 사이트니까 about(자기소개), projects 만 넣고 나머지 경력, 교육 등은 자소서 사이트 링크로 하기 추후 데이터는 하드코딩으로 입력할 듯 깃허브, 벨로그, 링크드인 등 링크 추가
[제주코딩베이스캠프] Day-3 웹 서비스 (개발 입문자)
01. Bootstrap > 빠른 웹사이트 구축을 위한 유용한 툴 부트스트랩은 HTML/CSS로 직접 만들 수는 있지만 빠른 속도를 위해 기본적인 컴포넌트를 지원한다. 각종 레이아웃, 버튼, 입력창 등의 디자인을 CSS와 Javascript로 만들어 코드 한 줄만 입력한다면 별도의 CSS를 구축하지 않고도 예쁜 디자인을 얻을 수 있다. ![](https://im