Team Project 2 | 인스타그램 클론코딩 | 회원가입 UI

좌 기획 우 현재상황

 

 

 

백엔드 기술을 들어가기 전에 먼저 메인화면 UI  수정과 함께 

[ 회원가입 + 로그인 + 마이페이지 + 모달 + 드롭다운 + (개인정보설정?) ] 화면을 팀원들과 나눠 만들게 됐다. 

그 중에 나는 회원가입 화면을 맡았고, 프로젝트가 아예 똑같을 필요는 없다하여 색상을 좀 바꿔봄

MOCK UP대로 만들며 발견한 오타와 실수들을 반영해 만들어 봄 

 

지금 보면 수직정렬이 안되어 있는데,

align-contents, justify-contents, position(static, fixed, sticky, center, relative) flex-direction, grid, cloumn?

진짜 많은 코드를 도전해봤는데 막상 포스팅하려니까 기억이 다 안남......... 

이제 곧 일출시간이겠다 자고 일어나서 다시 도전 ! 

 

 

어제도 고생했고, 오늘도 고생하자 ! 

어린이날이 무어냐 ! 

• 내가 만든 회원가입 화면에서 발생할 수 있는 DB가 뭐가 있을지 확인하기
• 가입창 UI 완성
• 가입창 jQuery, Js 코드 짜기
• API 공부
• 시간적 여유가 남는다면,,,, 안 남을거같네 ^^

 

 

그 와중에 이것저것 시도해보고~ 위의 코드에서 쓸수있는 설정 다 해보고~ 구글링해보다가~

아래의 그림과 같이 왼쪽으로 붙어서 길게 나오는걸 발견했다.

예쁘길래 다음에 쓰려고 캡쳐해놨다.

display: grid;
place-items: center;
min-height: 100vh;