[04.05] 2일차 기본적인 틀을 제작 book_review_site 로 프로젝트를 시작하였고 추가적인 앱을 책의 리뷰를 쓰는 reivews와 사용자의 정보를 넣을 수있는 accounts를 생성했다. book_review_site에는 index.html을 만들어 부트스트랩의 starter templates 만 넣어주었다. book_review_site의 urls.py에서 리뷰와 어카운트의 url로 진행할수있게 include 해주었다. 모델 설정 기본적인 유저 커스터마이징 accounts/model.py accounts/forms.py 리뷰와 유저의 모델 설정 review/model.py reviews/forms.py 고민인 것이 원래는 관리자가 책을 올려주고 거기에대해서 리뷰를 다는 방식으로 하려고 했..

읽은 책들을 올리고 리뷰를 올릴수 있는 게시판 계획 장고를 이용해서 책 리뷰를 올릴수있는 게시판을 만든다. 리뷰에는 좋아요를 할수있고, 댓글 역시 달을수있다. 책이 종류가 많은 만큼 카테고리를 지정해서 올릴수있도록하고 탭을 통해서 분류를 할수있게 한다. 계획한 index 페이지 상세페이지 무엇을 구현할지 부트스트랩을 적극적으로 이용할것 ( nav bar 와 책을 나타내는걸 카드로 나타낸다.) 책 : 책사진, 책이름, 저자, 간단한 소개내용으로 정보가 이루어져있다. 좋아요 : 로그인 했다면 좋아요, 싫어요를 고를 수있고 그 수를 집계해서 index에 표현해준다. 회원가입 : 닉네임, 비밀번호 입력으로 끝낸다. 댓글 : 댓글을 달을때 별점을 매길수있다. 5점 만점으로 제한을 두고: 그러면 댓글에 필요한 요소..

설날의 기간동안 많은 시간을 쏟으면서 이 명함 프로젝트를 진행했다. 배운것을 토대로 진행했기 때문에 큰어려움은 없었고 어려움이있었다 하더라도 html 이나 css 에대해서 자세한 설명을 써놓은 글들이 많았기 때문에 이를 참조해서 도움을 많이 받았다. 페이지를 만들면서 어떻게만들지 무엇을 채워놓을지 생각하면서 진행하면서 힘들다기 보다는 재미있었다. 프로젝트를 제안해주신 종백님에게 감사하다. 프로젝트를 통해서 지금까지 배운것을 복습 제대로 했기 때문에 오랫동안 까먹지않을것 같다. 이후에 플라스크, 장고를 배워서 더 양질(?)의 페이지를 만들것인데 이때도 재밋을지는 모르겠지만 기대된다. github.com/shs9509/Project shs9509/Project 웹 포트폴리오 명함 만들기. Contribute..

3일차 Project의 컨텐츠들을 추가했다. 지금까지 했던 프로젝트를 추가를 하였다. 하면서 bootstrap 의 Scrollspy를 이용해서 버튼을 누르면 해당 프로젝트로 이동되도록 만들었다. 내용들을 채우면서 보기 힘들게 되는경우가 많아서 hr과 br 태그를 통해서 보기 쉽게 만들었다. 내용마다 li를 이용하여 마커가 보이게하여 보기 쉽게 할뿐더러 배치하기 쉽게 했다. 프로젝트의 경우 사진이 많아 이를 col 을이용하여 적절히 배치했다. 추가 사이트의 로고 만들기 https://www.favicon-generator.org/을 통해서 favicon을 만들어주고 링크를 넣어주고 이미지파일을 프로젝트파일에 넣어준다. 사이트의 썸네일 만들기 https://developers.kakao.com/ meta 데..

2일차 2일차에는 Home 과 Profile 을 만들었다. Home 홈페이지에서 좀부족했던 설명을 추가하였고 flex 방향을 세로로 하여서 배치하였다. 사진을 추가하기보다 폰트어썸의 로봇머리를 추가였다. Profile 어떻게 구성할지 고민들 많이하면서 부트스트랩의 component를 계속 둘러봤다. Popover 를 처음에 고려를 했고 List group 도 생각했다. 결국 navigation 이달려있는 Card를 선택하였다. card의 nav가 색깔로 이상하고 엉성하게 자리를 잡았기 때문에 삭제하였다. card의 nav 부분은 tab 을 사용하여 바꾸었다. https://www.codingfactory.net/11453 감사할따름 크기는 width의 40%로 정해서 한눈에 그리고 깔끔하게 보이도록하였다.

※Home※ bootstrap 의 컨포넌트 nav를 통해서 상단을 Home, Profile, Project 로 구성하였다. hr 태그를 통해서 구분선을 그었고 이부분에서 원하는 대로 되지 않아 고생했다. 구분선이 자꾸 왼쪽으로 치우치게 되서 얻은 결과 margin:auto; 로 해결 그뒤로도 대부분 한쪽으로 치우치는 것은 margin:auto 로 해결되었다. 폰트어썸을 통해서 깃헙, 구글, 블로그, 폰의 아이콘을 넣었다. 아이콘의 크기 조절은 fa-?x 이런식으로 한다. 배치 문제로 원하는대로 되지않아 힘들었는데 flex 를 이용해서 붙였다가..뗐다가.. 붙였다가... 여러번 반복한 결과 폰 밑에 링크 세개를 가로로 배치하는 원하는 배치를 얻었다. 배운대로 했는데 맞는 방식인지는 모르겟다. margin ..