로그아웃시 : Gnb 옆에 ‘회원가입’ 추가(구분선 포함), PC만 적용
회원가입 링크에 GA 파라미터 추가, 일 클릭이 500회 이상이면 모바일 노출도 고려(아크 신규 회원가입자수 일평균이 587회,_1/3~4/18)
로그인 시 : ‘회원가입’ 텍스트 미노출, 기존처럼 별명만 노출 (구분선 제외)
사람모양 가로 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; 로 하면 더 짧은데 쓰는 이유가?
유지보수
.jpg 파일들이 있는 폴더를 찾으려고 거슬러 올라가다 보니 fusion:context부터 경로파악에 어려움이 있음.(+fusion:content)
일단 vscode에 webp이 잡히진 않음.
제플린의 srcset도 다 폴더에 넣어주나?
그림 3개 png로 다운받아놓음.
어떤 mockdata.js에 넣어줘야 할것같긴 한데..
isAmp는 boolean 값이던데 무슨 뜻임?
더 중요한가 아닌가 차이(속도면에서)
디자이너가 넣어놓은 Rectangle을 이미 다른 곳에서 사용되어 있길래 확인 위해 같은 단어로 vs에 검색했더니 잡히지 않음.
_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+