search

ShinHan-CapsTon-2team / lsy

0 stars 3 forks source link

edit #5

Open ddooing opened 11 months ago

ddooing commented 11 months ago
  1. landing page
  1. hompage
  1. post
  1. lookup
  1. quiz index
  1. quiz test
  1. quiz result
  1. header
  1. post edit
  1. profile page
  1. loading
  1. login page 후에
  2. 프로필 아이콘
    • [ ] 모달창 미디어
    • [ ] 모달창 추가 로그아윳 마이프로필

      기본

미디어 쿼리 하기 정리하기 꼬옥 겹치면 컴포넌트로 빼기 꺄악! 로딩창 /확인모달창 보여주기 폰트 사이즈 확인

ddooing commented 11 months ago
  1. headerhome 고치기
  2. 룩업 고침 , 컴포넌트로 이동하기/ 수정 눌렀을때 페이지 ( 후 수정 할거 , 삭제 버튼 누를때 api / 모든 사용자 식별번호 )
  3. 포스트 플러스 버튼 생성
ddooing commented 11 months ago
  1. home 미디어쿼리 처리
  2. 프로필 페이지 생성
ddooing commented 10 months ago

카카오톡 공유 관련

  1. https://gallery-k.tistory.com/421
  2. https://songsong.dev/entry/kakao-link-api%EB%A1%9C-%EC%B9%B4%EC%B9%B4%EC%98%A4%ED%86%A1-%EA%B3%B5%EC%9C%A0%ED%95%98%EA%B8%B0
  3. https://dc2348.tistory.com/17 .. 사파리 이슈
  4. https://blog.redinfo.co.kr/post/view?pid=157
  5. https://say-young.tistory.com/entry/find-my-Roomie-%EB%82%B4-%EB%A3%B8%EB%A9%94%EC%9D%B4%ED%8A%B8-%EC%9C%A0%ED%98%95-%EC%B0%BE%EA%B8%B0-%ED%85%8C%EC%8A%A4%ED%8A%B8-%EA%B0%9C%EB%B0%9C%EA%B8%B0-React%EC%97%90%EC%84%9C-%EC%B9%B4%EC%B9%B4%EC%98%A4%EB%A7%81%ED%81%AC-%EA%B8%B0%EB%8A%A5-%EC%A0%81%EC%9A%A9%ED%95%98%EA%B8%B0
  6. https://developers.kakao.com/tool/demo/message/kakaolink?default_template=feed
ddooing commented 10 months ago
  1. 프로필 아이콘 - 로그인 여부에 따른 컴포넌트 만듬
  2. quizstart -> 텍스트로 바꿈
  3. !! 폰트 사이즈 생각하기
  4. quizindex font size 수정
ddooing commented 10 months ago

카카오톡 공유 썸네일 관련 이슈

ddooing commented 10 months ago

이모지 https://emojipedia.org/camera

아이콘 https://www.flaticon.com/kr/search/6?author_id=716&style_id=1288&type=standard

ddooing commented 10 months ago

font size

const FontStyle = { '@media screen and (max-width: 1024px)':{

fontSize: 22 },

'@media screen and (max-width: 850px)':{ fontSize: 21

},

/ mobile 규격 / '@media screen and (max-width: 540px)':{

fontSize: 19 }, / tablet 규격 / '@media screen and (min-width: 1025px)':{

fontSize: 24 }, '@media screen and (min-width: 1700px)': {

fontSize: 37 } };

landing

font-size: 35px; @media screen and (max-width: 1024px){ font-size: 28px; }

@media screen and (max-width: 850px){
    font-size: 27px;
}
/* mobile 규격 */
@media screen and (max-width: 540px){

    font-size: 25px;
    margin-bottom:15px;
}

/* s 데스크 */
@media screen and (min-width: 1025px){ 
    font-size: 30px;

}
/* l 데스크 */
@media screen and (min-width: 1700px){

    font-size: 40px;

}
ddooing commented 10 months ago

inside 규격 width:80%;

  /* tablet 규격 */
@media screen and (max-width: 1024px){
  width:87%;
}

/* mobile 규격 */
@media screen and (max-width: 540px){
  width:95%;

}
/* s 데스크 */
@media screen and (min-width: 1025px){

}
/* l 데스크 */
@media screen and (min-width: 1700px){
  width:75%;
}
ddooing commented 10 months ago

https://velog.io/@milkyway/CSS-%EB%8B%A8%EC%9C%84-%EB%B9%84%EA%B5%90-vh-vw-em-rem

ddooing commented 10 months ago

border line all @media screen and (max-width: 1600px) { border: 3px #3A76EF solid; };

@media screen and (max-width: 540px) { margin-top: 15px; border: 2px #3A76EF solid; };

@media screen and (min-width: 1601px) { border: 4px #3A76EF solid; };

ddooing commented 10 months ago

media screen and (max-width: 1024px){

}

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

} / mobile 규격 / @media screen and (max-width: 540px){

}

/ s 데스크 / @media screen and (min-width: 1025px){

} / l 데스크 / @media screen and (min-width: 1700px){

}

ddooing commented 10 months ago

찐막 border size

const ContentRadius = styled.div` padding: 20px; word-wrap: break-word; border-radius: 31px; box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25); margin-top: 20px;

@media screen and (max-width: 1600px) { border: 3px #3A76EF solid; };

@media screen and (max-width: 540px) { margin-top: 15px; border: 2px #3A76EF solid; };

@media screen and (min-width: 1601px) { margin-top: 30px; border: 4px #3A76EF solid; }; `;

ddooing commented 10 months ago
  1. home 게시글 없으면 -> 주소 안바뀜 /게시글 안바뀜 / 오류로 남
  2. 게시글 최신순 .. 날짜 기준
  3. 수정 시 이미지 안바꾸면 수정 반영이 안됨
  4. 로딩중 스타일

0913

  1. 룩업 설명 \n 처리
  2. 포스트에디트 ,포스트 작성 후 -> 성공 팝업 추가, 룩업페이지로 이동하게끔 수정
  3. 포스트에디트 스타일 수정
  4. 룩업 날짜 -- 한국시간으로 처맇기
  5. 본인 게시글 아닐 시 수정삭제 버튼 안보임 확인
ddooing commented 10 months ago
  1. reco result IMG 요소 체크하기

0914

  1. Image_Lookup_Comtest -> Image_Lookup 으로 이름 변경
ddooing commented 10 months ago

0916

  1. 프로필 최근까지 추가
  2. 분류 중 띄우기 -> 색깔 바꿔서
  3. 이미지 유사도 알아보기
  4. 간트차트 수정하기