제플린의 시작

Steve·2022년 4월 26일
0
  1. 로그아웃시 : Gnb 옆에 ‘회원가입’ 추가(구분선 포함), PC만 적용
    회원가입 링크에 GA 파라미터 추가, 일 클릭이 500회 이상이면 모바일 노출도 고려(아크 신규 회원가입자수 일평균이 587회,_1/3~4/18)

  2. 로그인 시 : ‘회원가입’ 텍스트 미노출, 기존처럼 별명만 노출 (구분선 제외)


사람모양 가로 22px
로그인 텍스트 35px
구분선 17px
회원가입 텍스트 44px
total : 116px로 정했더니 매우 작음. 왜지?
링크 안에 링크 들어가면 안되지.
그냥 문자 기존에 있는거 그냥 넣으면 되니까 픽셀 신경안써도됨.

$font-sizes: (
  f28: 28px,
  f24: 24px,
  f23: 23px,
  f20: 20px,
  f18: 18px,
  f16: 16px,
  f15: 15px,
  f14: 14px,
  f12: 12px,
) !default;

font-size: map-get($font-sizes, f14)

*map-get이라는 내장함수를 이용해서 반복을 줄일 수 있음(in scss)
잠깐..
font-size: 14px; 로 하면 더 짧은데 쓰는 이유가?
유지보수

  • 로그인, 회원가입 사이에 구분선(|) 어떻게 넣을 것인가?
    '신문구독' 옆에 넣었던 것처럼 하드코딩? 아니면,
    제플린의 img태그로 들어가 있는 거 png, svg, webp 셋중에서 하나 이용하면 되는거? 그 이미지들이 따로 들어가 있는 폴더가 있는지?
    조선일보에는 하드코딩으로돼있고, 제플린에는 이미지로 돼있다. 뭐가 맞는지 해당 디자이너에게 질문.
  • .jpg 파일들이 있는 폴더를 찾으려고 거슬러 올라가다 보니 fusion:context부터 경로파악에 어려움이 있음.(+fusion:content)
    일단 vscode에 webp이 잡히진 않음.
    제플린의 srcset도 다 폴더에 넣어주나?
    그림 3개 png로 다운받아놓음.
    어떤 mockdata.js에 넣어줘야 할것같긴 한데..

  • isAmp는 boolean 값이던데 무슨 뜻임?
    더 중요한가 아닌가 차이(속도면에서)

디자이너가 넣어놓은 Rectangle을 이미 다른 곳에서 사용되어 있길래 확인 위해 같은 단어로 vs에 검색했더니 잡히지 않음.

  • 제플린에서 보여주는 태그는 누가 넣은것이며, className들 다 그대로 따라야 하는게 아닌 건가?
    아니면 클래스는 내가 맘대로 하나? 아까 내가 추가로 넣으라고 하셨는데..

_visibility.scss 항상 display: none으로 돼있던데 왜 있는가? sm, md, lg 별로 hidden 처리 한거임.
해결

$breakpoint: (
sm: 767px, 밑으로 모바일(~766)
md: 768px, 밑으로 아이패드(767~768)
lg: 1024px, 밑으로 테블릿(768~1024)
xl: 1280px, 밑으로 데스크탑(1025~1280)
) !default;

픽셀 ratio 공부

react-ga라는 라이브러리를 다운?? 이러면..
작업 후 localhost에서 적용이 된다음,
zip file 만들고, sandbox 올려서 version 받고,
팀장님께 확인 받은 다음, 배포 준비하라고 하면
깃허브에 git push origin ARC-512하고 해당사항 적고 PR 날려.
이제 부터 그럼 다른 팀원들이
로컬 dev 최신화 할 때,
git remote update ->
git pull origin dev를 통해서 할 때,
내가 다운 받아놨던 라이브러리를 팀원의 로컬환경에 가져오게 되고, npm install를 해야 라이브러리를 사용하게 되는건가?
아니면, 최신화 저 두 작업만 하면 라이브러리를 다운 받을 수 있는 것인가?

360 740 <- 보통 이 수치로 많이 봄
겔 s8+

ChosunMGothicBold, sm 사이즈인 767px일때 12px, md 사이즈인 768px일때 12px,
  • 19번줄 props <type 설명위한 props
  • 공백이나 글자 정렬이 안되고 있다. 그때 자체 lint가 있다고 하셨는데..
profile
Front-Dev

0개의 댓글