닭발에서 개발까지

공식사이트 : greensock.com/ 트윈맥스는, 다양한 애니메이션 모션을 만들기에 수월한 라이브러리다. 간단한 몇가지만 익혀놔도 다양하게 사용 가능하므로 모션만들일이 많다면 한번쯤 알아놓으면 좋은것같다! gsap객체는 Tween과 Timeline을 만들고 제어하는 다양한 메서드와 속성이 있다. Tween 바로 실행되어야하는 간단한 모션만들때 유용 Timeline 다양한 메서드를 사용해 모션을 컨트롤할 수 있습니다. pause () , play () , progress () , reverse () , timeScale () 등등 아래의 메소드드 들은, gsap의 메소드들입니다. 다양한 메소드가 있지만, 여기서 다룰건 .set(), .to(), .from(), .fromTo, .killTweensOf(..

카테고리 없음 2023. 5. 16. 14:07

@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard-dynamic-subset.css'); font-family: 'Pretendard';

카테고리 없음 2023. 5. 16. 09:12

필수요소 3가지! PC화면에서는 정상작동 하였지만 모바일에서 웹을 볼 시 비디오가 전체화면으로 나와 방해하는 현상을 발견하였다. 이 버그?라고 하기엔 그렇지만 이 것을 수정하기 위해 찾던 중 발견 한 것 video 자동재생 필수 요소 3가지는 바로 1. autoplay 2. muted 3. playsinline pc브라우저나 안드로이드는 1,2번인 autoplay와 muted만 넣어도 모바일에서의 video태그의 문제점은 사라지지만 아이폰 유저들을 위해서 3번인 playsinline을 꼭 넣어줘야 한다. 코드 예시

Study 2023. 5. 2. 15:57

assets : 이미지등의 에셋을 보관하는 곳 node_modules : 앱을 실행할 떄 필요한 모든 라이브러리들의 보관하는 곳 babel.config.js : 바벨을 이용하여 어떻게 코드를 transpile 할지 설정하는 곳 app.json : 리액트 네이티브 앱 자체의 설정을 넣어준는 곳 app.js 화면에 보이게 되는 소스 코드를 작성하는 곳 Packge.json : 해당 프로젝트에 대한 정보들이 들어있는곳, 프로젝트 이름, 버전, 필요한 라이브러리와 라이브러리의 버전 등이 명시되어짐 앱을 시작할 스크립트, 빌드할 때, 테스트할 때 사용되는 스크립드 등이 명시되어있음.

Study/JS 2023. 4. 30. 21:19

웹페이지 쿠키를 이용하여 시간설정으로 팝업을 노출시키지 않게 할 수 있다 또 예약시간 예 : 보지않기 버튼 클릭시 24시간 및 시간단위로 노출시키지않는 방법과 00시가 기준으로 초기화 하는 방법이 있다. 상황에 맞는 방법으로 사용하면 될 것 같다. 팝업창을 만들 때 해당 팝업에 name을 지정 후 해당 name으로 쿠키값을 셋팅 후 name으로 해당 팝업을 찾아서 팝업을 노출, 비노출 시키는 방법으로 제각하였다. 또 팝업이 여러개일 경우 name값으로 쿠키를 설정하기에 각기 다른 name으로 지정 후 해당 name값에 쿠키를 설정하는 방법으로 하였다. 1. 팝업창이 하나일경우 팝업창 입니다 x 오늘만 이 창을 열지 않음 2. 팝업창이 여려개일 경우 팝업창1 입니다 x 오늘만 이 창을 열지 않음 팝업창2 ..

Study/각종모음 및 팁 2023. 2. 15. 18:28

다른 페이지의 원하는 위치로 이동하는 방법 페이지 이동을 한 이후에 새로 불러오는 페이지의 원하는 위치로 이동 하는 기능이 필요할 경우 이동하고자 하는 페이지의 위치를 표시해두고 이동하면 된다. ex) index페이지에서 sub페이지로 이동시 sub페이지의 3번째 색션으로 바로 가고싶은경우 이렇게 호출을 하면 해당페이지 특정 위치로 이동을 하게 된다.

Study/HTML 2022. 10. 21. 10:48

1. 카카오 오븐을 추천하는 이유 다다일기는 간단한 어플이어서 화면 간의 이동이 적고, 이벤트는 간단한 클릭이 전부인 어플입니다. 카카오 오븐의 단점으로는 적용 가능한 이벤트가 클릭이 전부라는 점이지만, 저에게는 큰 문제가 되지 않았습니다. 그리고 몇개의 프로젝트를 생성하던 무료로 사용 가능하다는 점이 큰 장점인 것 같습니다. 그리고 조작이 드래그&드롭이 끝이어서 뭐 공부할 필요 없이 바로 사용 가능하다는 점도 큰 장점입니다. 다른 프로토타이핑 툴로 marvel도 사용해봤고 그 툴도 좋지만, 무료 계정으로는 프로젝트를 딱 1개만 생성 가능하고, 다운로드할 수 없어서 새 프로젝트를 생성하기 위해선 이전에 만든 프로젝트를 삭제해야합니다. 그래서 저처럼 소규모의 프로젝트의 무료 프로토타이핑 툴을 찾는다면 카카..

카테고리 없음 2021. 6. 7. 10:17

2. "어플리케이션 UI/UX 디자인" 단계에서 해야할 일 2-1) 어플리케이션 서비스 플레폼 정의, 기본 테마 이해하고 사용하기 : ① 플레폼 정의는 안드로이드용 앱을 제작할 것인지? iOS용 앱을 제작할 것인지? 를 정의 합니다. 그리고 ② 서비스를 지원하려는 버전을 API 버전 범위를 정의합니다. 예를 들어, 서비스 사용층이 학생이 주 사용층이라고 가정하면, 학생은 스마트폰의 스펙트럼이 구형폰부터 최신형 폰까지 다양하기 때문에 구형 API 버전부터 최신인 API 버전까지 지원해야합니다. 범위를 지정할 때는 반드시 최신형 API를 기준으로 범위를 지정하길 바랍니다. 즉, 최신형 API는 무조껀 지원을 해야하고, 구버전까지의 범위는 필요한 범위를 결정하시면 됩니다. 2-2) 기본 테마 이해하고 사용하기..

카테고리 없음 2021. 6. 7. 10:12