본문 바로가기
Project/축구모임 홈페이지개발

[축구모임 홈페이지개발] 12/07 개발일지 Nodejs / 한국식 날짜 표기 고정 출력, 반응형 웹디자인 구현, 팀 미팅

by 한33 2023. 12. 7.

 

밖에서 공지사항탭에서 발견한 에러들을 발견했다.

오늘은 이걸 해결해볼 예정

 

1. 로그인으로 상세페이지 접속 후 목록 누르면 다시 로그인화면으로 돌아가는 에러

function gotoNotice(){
  window.history.back();
}

 

기존 목록 버튼 클릭시 실행하는 함수에서

function gotoNotice_Home(){
  window.location.href = '/notice/1'
}

 

아래와 같이 변경.

 


  let Time =  new Date().toLocaleString('ko-KR');

 

상세페이지에 시간을 기입하고 싶어서 Time 변수를 하나 더 DB로 추가해주고 상세페이지에서 Time 을 호출했다.


 

큰 소득이 하나 있다.

나는 지금 main.css / management.css / notice-detail.css 등 이렇게 css 파일도 분리해서 프로젝트를 진행중인데,

@media only screen and (max-width: 1000px) {

 

모바일 버전으로도 디자인하기 위해서 위 코드를 main.css 에서 넣고

모바일버전 코드는 다 main.css 의 위의 미디어 쿼리 코드 안에 집어넣었었다.

근데 그렇게하면 태그되는 클래쓰의 순서가 영향이 있던걸까 우선순위에서 밀려서 적용이 안되는 class 들이 있었다.

그래서 각 코드마다 미디어 쿼리를 넣어주고 따로따로 관리를 해봤는데, 그렇게 하니까 잘 된다. 굿


함수 수정, 삭제등으로 에러들 해결 완료.

10개이상 페이지가 오버될 때 생길 대안책은 더 생각해봐야함.

메뉴탭 열었을 때 외부를 클릭해도 메뉴탭이 닫히는 기능 추가 실패... 곧 주말이다 주말안에 해결해보자 이 기능 생각보다 쉽지않다.

 

 

 

 

 

 

 

 


오늘은 디자인팀과 미팅을 진행함.

 

1. 팀소개
메인이 되는 폰트 전달(두께 조절해서 사용 예정)
글자별로 두께 전달
맨위 팀 미션도 투명해서 전달, 메인 사진, 선수소개 전달

2. 메인화면
상대방 엠블럼 찾기(고정)
우리팀 엠블럼, 상대방 엠블럼, 위치이모티콘, 네이버이모티콘 전달
작은 상어 이모티콘, win lose 투명하게 전달
엠브이피 백 주기(사람별로 전부) 12개
엠브이피 창 천천히 개발(순위 바뀌고 하는 부분 등 어려움이 있음)

3. 경기결과
Win, Lose, Draw, 엠블럼 전달
붙어있는 버전도 전달

4. 공지사항
공지사항_클릭시 댓글 작성 만들기
로그인 화면(아이디, 패스워드, 로그인, 회원가입)
회원가입 페이지(이름,코드,아이디,패스워드)