1조
http://13.124.12.77:5000/#home
Z.Emission
Q?
< 팀 프로젝트 미해결 이슈 >
-
동영상 여러개 연속 재생하는 법 (loop)
해결하려고 찾아봤으나 적용이 안 됨
다시 공부해보자 -> https://m.blog.naver.com/skydoor2014/221667330746 -
'더 보기' 버튼 DB 연결
도대체.. 어떻게 연결하는걸까?
시간이 걸려도 꼭 해결 해 보고싶다.
< 미해결 이슈 - 나만의 아쉬움 >
- 배경 전체에 색 넣는 법
: 로그인 창 처럼
그니까 뷰포트? 혹은 웹을 켰을 때 보이는 창의 크기 만큼 (기기별, 브라우저별로 다른데도 불구하고) 딱 그만큼만 body 크기를 설정하는 법? 그니까, 가령 Figma의 Frame 개념처럼 그 안에 있는 배경색 소스가 Figma에 딱 맞게 들어가 있고, 그 Frame 사이즈를 멋대로 조정한다고 해도 소스도 함께 반응적으로 변하는 것처럼 크기를 설정할 수 있는가?
(웹은 페이지 개념이 아니기 때문에 불가능한가? 뭔가 동영상 넣었을 때, 스크롤 나오는 현상도 같은 맥락으로 보임.)
-> 일단, 반응형에서 쓰이는 단위 공부를 해 보자.
-
반응형 구조 짜기
우선, 그리드와 칼럼 공부해야 할 듯 -
JS 공부하기
확실히 프엔 쪽에선 강력한 장점 -
비디오 반투명 오버레이 (구조 순서와 연관)
https://www.python2.net/questions-1143475.htm -
부트스트랩 custom 수정하는 방법
뭔가 '버튼'의 경우 클래스 이용해서 어찌저찌 수정해 보았으나, 다른건 딱히 적용 안되는 듯 하여 다시 찾아봐야 함.
아래 링크를 참고해 보자.
https://reeme.tistory.com/92
html의 헤드 섹션에서 custom.css를 bootstrap.css 아래에 배치하십시오.
<link href="bootstrap.min.css" rel="stylesheet">
<link href="custom.css" rel="stylesheet">그런 다음 custom.css에서 재정의하려는 요소에 대해 정확히 동일한 선택기를 사용해야합니다. 의 경우 legend그것은 단지 숙박 legend당신의 custom.css의 부트 스트랩은 선택자에게 더 구체적인이 없어 때문이다.
- 마스킹? (이건 그냥 해보고 싶음! 아직 시도하지 않음)
https://blog.naver.com/brusher3063/221725732689
< ME 해결 이슈 >
- 콘텐츠 가운데 정렬
일단 무조건 margin: auto (적어도 좌, 우는)
cf) 이 사이트에 나온 방법 parents-child 관계를 보면 Figma의 hug? fixed? 이런것과 관련있는 것 같음. 확인해보자.
HTML
<div class="logo_box">
<a href="#"><img src="https://via.placeholder.com/300x300.png?text=logo+sample" alt="LOGO"></a>
</div>CSS
html{height: 100%;}
body{position: relative;width: 100%;height: 100%;}
.logo_box{position: absolute;top: 50%;left: 50%;margin:-150px 0 0 -150px}
[출처] https://ddorang-d.tistory.com/73
< 튜터님의 조언 feat.양튜터 >
개발자 질문하는 법
프로젝트 마무리하기
github push
1. 나의 러프한 작업 코드
2. 나의 원시 코드
github pull
1. 프로젝트 최종 코드 (나중에 디비 구축하는 법 물어보자.)
about team
1. 프로젝트 대신 스터디
2. 뒷풀이 및 짧은 회고의 시간 갖기
