🚧

화면이 넘어갈 때 위로 휘리릭 이동하고 옆으로 휘리릭 사라지는 애니메이션을 넣어보자. 나는 이전 화면이 페이드아웃되고 다음 화면이 페이드인되는 애니메이션을 넣어볼 것이다. 1. 애니메이션 만들기 기본적으로 안드로이드 스튜디오에는 animation 폴더가 없어 만들어줘야 한다. res 에 'anim' 혹은 'animation' 이라는 이름으로 directory 를 만들자. 이름은 반드시 두개 중 하나여야 한다. 만든 애니메이션 폴더에 fade_in.xml, fade_out.xml 파일을 추가한다. 자동으로 애니메이션 파일 옵션이 생길 것이다. 아래처럼 입력하자. duration 은 1초 동안 애니메이션을 실행하겠다는 의미고 fromAlpha 는 시작 알파값, toAlpah 는 끝 알파값이다. 0 ~ 1 만..

어플을 키면 제작사 로고가 잠깐 나타났다가 사라진 후 메인 화면이 보인다. 이 화면을 스플래시 화면이라고 한다. 스플래시 화면은 단순히 보여주기 용도로 넣는 경우도 있지만, 주로 앱에서 필요한 리소스들을 다운받을 때 대기 화면 용도로 사용한다. 만드는 방법은 간단하다. 스플래시 액티비티 화면을 따로 만들고, 메인 액티비티로 넘어가면 된다. 1. 스플래시 액티비티 생성 첫 화면으로 사용되므로 보통은 제일 처음 만들어지는 MainActivity 를 활용한다. 만약 별도의 스플래시 액티비티를 생성했다면, 첫 화면에 띄우기 위해 AndroidManifest.xml 에 다음과 같이 입력하자. ... ... intent-filter 부분이 바로 해당 액티비티를 첫 화면으로 쓰겠다는 의미다. 2. 타이틀과 액션바 없..

[start project] 연락처 앱 마크업하기 - 1. 화면 설계 [start project] 연락처 앱 마크업하기 - 2. 메인화면 [start project] 연락처 앱 마크업하기 - 3. 상세화면 [start project] 연락처 앱 마크업하기 - 4. 정리 ✨ 파일 생성 - main.html : 메인 화면 - detail.html : 상세 화면 - style.css : 공통 스타일과 main.css, detail.css 를 import 하는 파일 - main.css : 메인화면 스타일 - detail.css : 상세화면 스타일 ✨ 전체 프레임 연락처 화면을 화면 한 가운데에 띄울 것이다. 먼저 html 을 아래처럼 작성하자. root 는 화면 전체를 차지하는 빈 공간이다. root 안에 메인..

[start project] 연락처 앱 마크업하기 - 1. 화면 설계 [start project] 연락처 앱 마크업하기 - 2. 메인화면 [start project] 연락처 앱 마크업하기 - 3. 상세화면 [start project] 연락처 앱 마크업하기 - 4. 정리 ✨ 프로젝트 목표 위 화면을 html, css 로 구현할 것이다. 애니메이션 등의 고급진 스킬들은 다루지 않는다. 앞서 정리한 box model, position, flex, margin auto 등등만을 이용해 구현할 계획이다. ✨ 화면 구성 메인 화면 - 헤더 - 내 프로필 - 검색바 - 연락처 리스트 상세 화면 - 프로필 - 상세 정보 - 옵션메뉴

There might be a problem with the project dependency tree. It is likely not a bug in Create React App, but something you need to fix locally. The react-scripts package provided by Create React App requires a dependency: "webpack": "4.29.6" Don't try to install it manually: your package manager does it automatically. However, a different version of webpack was detected higher up in the tree: ... ..

error React Native CLI uses autolinking for native dependencies, but the following modules are linked manually: - react-native-vector-icons (to unlink run: "react-native unlink react-native-vector-icons") ... error: Multiple commands produce '/Users/user/Library/Developer/Xcode/DerivedData/todo-amgojlyjogtbyxgotzfheqwjjnom/Build/Products/Debug-iphonesimulator/todo.app/SimpleLineIcons.ttf': ... r..

cd ios xcodebuild clean cd android ./gradlew clean

[!] No `Podfile' found in the project directory. pod install 명령어를 실행했더니 발생한 오류. Podfile 을 못 찾겠다는 의미다. 폴더를 잘 보니... 프로젝트 폴더에는 podfile 이 없다. 튜토리얼을 다시 자세히 보니 cd ios 를 하더라!! ios 폴더 안에 보니 podfile 이 있다 ............ cd ios 후 pod install 을 실행시켜주면 해결.