Front-end 개발

1.Lottie (로티) 란? 에어비앤비에서 개발한 라이브러리 입니다. After Effects(에프터 이펙트)으로 추출한 애니메이션 데이터(json)를 Bodymovin(오픈소스)를 이용하여 웹, 앱(Android, iOS React-native)에 적용할수 있습니다. 벡터기반의 애니메이션 입니다.(로티는 svg) 2.Lottie 장점 벡터기반이라 용량이 적고 해상도 저하가 없습니다.(리소스 절감) 사용자의 인터렉션에 따라 제어가 가능합니다.(ex: play,stop) 3.Lottie 단점 After Effects(에프터 이펙트)외 에 쓸만한 작업툴이 없습니다. 제작 과정이 복잡하여 숙련도가 필요합니다. 4.참고 사이트 공식홈페이지(Lottie) - https://airbnb.design/lottie/..

1.웹, 모바일 자동 분기 접속한 디바이스 체크하여 현재 location.href 끝에 "/m/"을 추가 해줍니다. 웹서버 실행 후 확인 하세요. 이 글이 도움이 되었다면 ♡(공감)를 눌러 주세요.

1.Android(안드로이드) SMS보내기 location.href = sms:수신자번호?body=보낼메세지; 2.IOS(아이폰) SMS보내기 location.href = sms:수신자번호&body=보낼메세지; 3.Android & IOS 자동 분기 실제 디바이스에서 테스트 해야 정확한 결과 확인 가능 수신자 번호는 옵션.(생략 가능) A Tag에 직접 작성하여 사용 가능 하고 함수로도 사용 가능 줄바꿈 필요시 \n 으로 구분 이 글이 도움이 되었다면 ♡(공감)를 눌러 주세요.

1.검색엔진 최적화 기본 가이드 (Google) https://developers.google.com/search/docs/beginner/get-started?hl=ko 검색엔진 최적화 초보자 가이드 | 검색 센터 | Google Developers 검색엔진 최적화(SEO)는 Google 검색에서 사이트의 인지도를 높이는 데 도움이 됩니다. 초보자를 위한 검색엔진 최적화 가이드를 살펴보세요. developers.google.com 2.검색엔진 최적화 기본 가이드 (NAVER) https://searchadvisor.naver.com/guide/seo-basic-intro 검색엔진 최적화의 목적 검색엔진 최적화 작업은 여러분의 사이트 내 콘텐츠 정보를 검색엔진이 잘 이해할 수 있도록 정리하는 작업입니다...

1. CSS Ketframes로 이미지 모션 만들기 한장씩 제작된 이미지가 아닌 한장으로 만들어진 스프라이트 이미지로 모션 구현(모션용 제작 이미지 필요) img 내 position 변경 2. 소스 및 스프라이트 이미지 (Result 탭 에서 확인가능) 3. 스프라이트 이미지 장,단점 서버에 요청을 한 번만 함 (장점) 하나의 이미지 파일만 관리 (장점) 이미지가 크다면 로딩시 오래 걸림 (단점) 이 글이 도움이 되었다면 ♡(공감)를 눌러 주세요.

1.구글 서치콘솔에 접속(회원가입필수) https://search.google.com/search-console/about Google Search Console Search Console 도구와 보고서를 사용하면 사이트의 검색 트래픽 및 실적을 측정하고, 문제를 해결하며, Google 검색결과에서 사이트가 돋보이게 할 수 있습니다. search.google.com 2.속성 유형 선택(왼쪽상단) 등록하고 싶은 사이트 URL를 등록합니다 올바르게 등록 되었다면 왼쪽상단 사이트 목록에 등록한 사이트 URL을 확인 할수 있습니다. 3.사이트 소유확인(택1) HTML파일 업로드 방식 (직접 파일을 루트 디렉토리에 업로드방식) HTML 태그 불여 넣기(추천) 이 글이 도움이 되었다면 ♡(공감)를 눌러 주세요.

1.여러개 이미지로 시퀀스(Sequence) 모션 만들기 스프라이트(Sprite) 이미지가 아닌 한장씩 제작된 이미지 여러장으로 모션 구현(모션용 제작 이미지 필요) img tag 내 src 변경 2. 소스 및 시퀀스 이미지 (Result 탭 에서 확인가능) 이 글이 도움이 되었다면 ♡(공감)를 눌러 주세요.

1.네이버 서치어드바이저에 접속(회원가입필수) https://searchadvisor.naver.com/ 네이버 서치어드바이저 네이버 서치어드바이저와 함께 당신의 웹사이트를 성장시켜보세요 searchadvisor.naver.com 2.웹마스터 도구 클릭(우측상단) 등록하고 싶은 사이트 URL를 등록합니다. 올바르게 등록 되었다면 사이트 목록에 등록한 사이트 URL을 확인 할수 있습니다. 3.사이트 소유확인(택1) HTML파일 업로드 방식 (직접 파일을 루트 디렉토리에 업로드방식) HTML 태그 불여 넣기(추천) 이 글이 도움이 되었다면 ♡(공감)를 눌러 주세요.