Project/축구모임 홈페이지개발 68

[축구모임 홈페이지개발] 02/27 개발일지 Nodejs / 사이트 확대 제어 meta tag

승부차기 탭에서 버튼을 빠르게 클릭하다보면 버튼 클릭이 인식되는 게 아니라 자동으로 확대가 되어서 좀 불편했다. 이를 해결하기 위해서 확대를 제어할 수 있는 방법이 있을까 알아보았는데, 위 meta 태그를 사용해보았다. "user-scalable=no" 모바일로 확인하니까 반응형 디자인이 다 초기화가 되었다. 웹버전으로 보여졌다. 위 meta 태그는 사용자의 확대/축소 제스처를 비활성화 하지만, 이로 인해 반응형 디자인이 초기화가 될 수 있다고 한다. 그래서 더 알아보니, 위 태그를 유지한 채 javascript 를 이용해야한다고 한다. document.addEventListener('gesturestart', function (e) { e.preventDefault(); }); 위와 같은 방법으로 중간..

[축구모임 홈페이지개발] 02/26 개발일지 Nodejs MongoDB collection 삭제

승부차기 점수가 매 달 초기화가 되어야하는데, mongoDB 의 gamezone_shooting 이름의 collection 안에 점수들이 다 저장되어있기 때문에 통째로 그 collection 을 삭제하면 점수가 초기화가 되었다. 그래서 알아보니, const collectionName = 'gamezone_shooting'; await db.dropCollection(collectionName); 위와 같은 방법으로 collection 이름을 지정한다음 삭제해주면 되었다. 근데 문제가 하나 발생했다. 점수 순서대로 출력하기 위해서 승부차기 탭에서 const shootingScoreArray = Object.entries(ShootingScore); shootingScoreArray.sort((a, b) =..

[축구모임 홈페이지개발] 02/19 개발일지 Nodejs / 로그인 에러 수정

출시가 얼마 안 남았다. 마무리를 하면서 기존에 수정하지 못한 몇 가지 부분들을 수정하고있다. 로그인 페이지에서는 기존에 form 태그를 이용해서 서버로 아이디와 비번을 보낸 후에 서버에서 DB와 비교 후, passport.use(new LocalStrategy(async (입력한아이디, 입력한비번, cb) => { let result = await db.collection('user').findOne({ userID: 입력한아이디 }) if (!result) { return cb(null, false, { message: '아이디잘못침' }) } if (await bcrypt.compare(입력한비번, result.password)) { return cb(null, result) } else { ret..

[축구모임 홈페이지개발] 02/14 개발일지 출시 전 세부 디자인 수정

WEB 버전에서 LAST MATCH 글씨가 아래로 내려간 오류 수정 .carousel-item img { max-width: 460px; max-height: 100%; width: 100%; height: auto; margin: auto; } @media only screen and (max-width: 460px) { .story-main { width: 100%; } } @media only screen and (min-width: 461px) { .story-main { width: 460px; } } 핸드폰 가로 화면 460px 까지는 사진탭 사진 가로가 꽉차도록 설정 기존에는 보통 풋살을 금요일로 하기 때문에 그냥 요일은 따로 입력칸을 안했다. (운영진 입력시 편의성 위함) 근데 아예 val..

[축구모임 홈페이지개발] 02/12 개발일지 Nodejs css / 승부차기 게임 구현

app.get('/gamezone-shooting', this.isLoggedIn, async (req, res, next) => { let mvpboardDic = await db.collection('mvpboard').find().sort({ _id: -1 }).limit(1).toArray(); let mvpboard = mvpboardDic[0].member_score; let ShootingScore = await db.collection('gamezone_shooting').find().toArray(); console.log(ShootingScore) res.render('gamezone-shooting.ejs', {mvpboard : mvpboard, ShootingScore : Shoo..

[축구모임 홈페이지개발] 02/06 개발일지 / 디자인,기능 피드백 구현

MVP 폰트 수정 Gloock, Regular (Google Font) 날짜, vs 폰트 연하게 설정 상대팀 로고 연하게 설정, 크기 축소 네비게이션 버튼 상하 확대 상단바 우측 마이프로필 버튼 추가 클릭시 로그인페이지 이동 기능 추가 메뉴탭 배경이미지 추가 메뉴탭 메뉴 글씨 확대 LAST MATCH 상하 중앙정렬 공지사항 상세페이지 댓글 입력칸 아이폰 미니 버전 추가 사진&영상 탭에 소제목 추가 PHOTO, VIDEO 버튼 div 태그에서 button 태그로 변경 (갤럭시 오류 수정 목적)

[축구모임 홈페이지개발] 02/01 개발일지 Nodejs css / html 에 유튜브 영상 올리기

영상 탭을 구현해보려고 한다. 우선 검색을 해보니 그냥 단지 이 코드만 넣어주면 내 페이지에 youtube 영상을 띄울 수 있다. 나는 운영관리 탭에서 링크를 입력하면 알아서 영상이 올라가는 기능을 구현할 것이다. 예를들어 유튜브 링크가 https://www.youtube.com/watch?v=eqnaRtqFWy8 이거라면 나는 저 등호 = 뒤에 있는 코드를 가져와서 https://www.youtube.com/embed/ㅇㅇㅇ 위의 ㅇㅇㅇ 자리에 넣어주면 되는 것이다. 유튜브 링크가 입력되었을 때 등호 뒤에 값을 가져오기 위해서 function UploadYoutube() { // 입력된 YouTube URL 가져오기 var fullURL = document.getElementById('inputYout..