📕 [ TIL ] : 4일차_2022.04.21.(목)

20220421(Thu)_TODAY TIL

TODAY PRJECT

• 자기 소개 페이지 디버깅 및 세부사항 수정

TO LEARN

• 개인페이지 프로필 사진 크기(퍼센트로)조정
• CSS 가로 정렬 grid 조정
• CSS 전체적인 페이지 여백 조정 및 카드 크기 안깨지게 디버깅
• CSS 웹폰트 설정(눈누 페이지 참조)
• mongoDB 데이터베이스설정(flask와 연동)
• CSS 클래스 깔끔하게 정리(안쓰는 CSS 정리)
• HTML-CSS 샘플이미지 실제 쓰일 이미지로 변경
• 자기소개란 입력 및 자기소개글 CSS 적용
• flask에서 버튼 클릭시 원하는 링크로 이동안되는 문제 해결(새창띄우기 기능 업데이트)
• flask에서 html간 연결
• og태그 및 배포

✏️ REMIND : PROJECT ..ing

• 우리 팀(킹콩파워 팀)의 이번 '자기소개 페이지' 프로젝트 핵심 기능
  -- 1) Flask에서의(로컬 서버에서의) 페이지 간, Html간 이동​
  -- 2) 방명록 (flask를 활용한 요청 및 응답기능)​
  -- 3) 버튼 호버 및 간단한 CSS 애니메이션​버튼에 넣기(꾹- 누르면 카드 커지는 기능)
  -- 4) 배포 및 테스팅 (og태그, 배포)​

✏️ REMIND : PROJECT ..next

• 우리 팀(킹콩파워 팀)의 프로젝트 다음 해결해야할 목표
  -- CSS grid 기능 좀 더 자유자재로 다뤄보기
  -- CSS 애니메이션기능 다양하게 다뤄보기
  -- 모바일쿼리기능 사용해보기
  -- 레이아웃, 목업 작업시 figma tool 사용해보기
  -- 체계적인 분업화

- google slice를 이용하여 mockup

🌾 수확 및 질문

• app.route를 하나로 묶을 순 없는건가?
• 내가 지금까지 작성한 코드 중 좀 더 간결하게 혹은 함수로 묶어서 실행할 수 있는 방법은?
• 서버 돌렸을때 좀 더 편하게 미리보기 할 수 있는 방법?
• 부트스트랩 수정은 따로 어떻게 하는가?

🌱 느낀점

• HTML,CSS,자바스크립트,Flask,파이썬,장고,제이쿼리,에이젝스 등 기능에 사용되는 기초 문법과같은 기본에 대한 이해와 깔끔한 페이지를 만들기 위해서는 클론코딩이 필요하다고 생각했다. 또한 다음 프로젝트부터는 발표자와 영상시연자, 코드에서는 각자가 어떤 기능을 구현해볼지 등 세부적인 역할을 미리 정하면 개인의 실력향상 뿐 아니라 더 효율적인 분업이 가능하겠구나 생각했다. 😃

오늘 작업한 자세한 코드는 나의_깃허브 에 게시해 두었다 💩