padawanjoy2166

안녕하세요. 파다완 조이입니다.프로젝트 폴더 내의 node_modules 폴더를 삭제하신 후에프로젝트 루트 폴더 경로에서 npm install 명령어를 실행해봐주시겠어요?감사합니다.

ionic serve가 정상동작 않합니다.

안녕하세요. 파다완 조이입니다~!
답변이 늦어서 죄송합니다.&nbsp;
ionic은 모바일 앱 개발 뿐만 아니라 웹 개발에서도 많은 지원을 하고 있습니다.
특히, PWA 형태의 웹 개발도 지원을 하고 있기 때문에 향후 다양한 서비스나 기능의 웹으로 발전시키는데 이점이 있다고 생각됩니다.&nbsp;
개인적으로는, 사용자와의 상호작용이 적은, 정보 전달 중심의 웹을 ionic으로 개발하는건 조금 무거운 느낌이 들고요.&nbsp;
사용자와 상호작용하며, 웹 푸시와 같은 편의 기능까지 제공하는 웹이라면 ionic이 효율면에서도 좋을 것으로 생각됩니다. 관련된 다양한 라이브러리도 편하게 사용 가능한 장점이 될 것 같네요.
감사합니다~!
&nbsp;
&nbsp;

웹 개발을 위한 ionic

안녕하세요. 파다완 조이입니다~!
SDK 경로를 찾지 못하는 오류로 보여집니다.&nbsp;
platforms 폴더 > android 폴더 > local.properties 파일이 있는지 확인해주세요.

1) 해당 파일 (local.properties)이 있다면.
파일 내용에 다음 내용이 잘 적혀있는지 확인해주세요.
sdk.dir=/Users/{사용자 호스트명}/Library/Android/sdk
사용자 호스트명은 터미널을 열었을 때, 가장 앞 부분에 있는 이름입니다.
제 경우에는&nbsp;
<img src="https://cdn.inflearn.com/public/comments/2a878af4-0199-4aa2-ba88-52dd095236de/q_a_01.jpg" />
&nbsp;터미널에서 사용자 호스트명 (위 빨간 박스)이 이렇게 되어있고,
<img src="https://cdn.inflearn.com/public/comments/1017c716-b04e-47fb-84c9-7fd10c8696cb/q_a_02.jpg" />
local.properties 파일은 이렇게 되어있습니다.&nbsp;

2) 해당 파일 (local.properties)이 없다면,
platforms 폴더 > android 폴더에 파일 새로 만들기로 local.properties 파일을 하나 만들고,
sdk.dir=/Users/{사용자 호스트명}/Library/Android/sdk 를 입력해 주세요.

파일 확인 후, sudo ionic cordova prepare android 명령어를 한번 더 실행 하신 후에,
확인해봐주세요.

캡쳐로 문의해주신 오류 내용 기반으로 원인이 이렇지 않을까 가정하고 답변을 드려봅니다.
한번 해보시고 그래도 해결이 안되신다면, 다시 한번 그 때 오류 내용 캡쳐와 함께 문의 부탁드립니다.

감사합니다.

1:52 안드로이드 스튜디오에서 열었을때

안녕하세요. 파다완 조이입니다~!
네, 맞습니다.
프로퍼티 바인딩이라고 하며, HTML 파일에서 TS의 변수 값을 읽어와서 사용할 수 있습니다.
단, 값을 읽어올 수만 있습니다.
HTML에서 TS 변수로 값을 입력하고 싶을 때는
이벤트 바인딩을 통해 TS의 함수를 호출해서 변수에 값을 넣어주거나,
Two-way 바인딩으로 변수에 바로 값을 입력해주는 방법이 있습니다.&nbsp;
이벤트 바인딩과 Two-way 바인딩 모두 강의 중에 설명을 하고 있으니
강의를 보시다가 또 문의 사항이 있다면 질문 남겨주세요.
감사합니다!

html에서 ts 접근

안녕하세요. 파다완 조이입니다~!
기본적으로 Ionic 앱의 테마는 시스템(또는 브라우져)의 테마 속성을 따라가도록 되어있습니다.
그래서 맥북 테마가 다크모드 상태이거나, 브라우져 테마가 다크모드 상태라면
기본값으로 Ionic 앱의 테마도 다크모드로 보여지게 됩니다.
시스템 테마와 상관없이 하얀색으로 앱이 나오도록 하는 방법은 다음과 같습니다.
src 폴더 > theme 폴더 > variables.scss 파일을 열어서
@media (prefers-color-scheme: dark) 라고 된 부분을 찾아주세요.
여기서 dark 값을 light 로 바꿔주시면 시스템 테마와 상관없이 강의처럼 하얀색으로&nbsp;
보여지게 됩니다.
강의를 촬영할 때, 시스템 속성이 라이트 모드 상태여서 하얀색으로 보여졌는데, 이 부분에 대한
언급을 제가 못 드렸네요. 죄송합니다.&nbsp;
또 궁금하신 부분은 질문 남겨주시면, 확인 후 바로 답변 드리겠습니다.^^
감사합니다!

테마가 검은색으로 적용됩니다.

안녕하세요, 파다완 조이입니다.
본 강의에서 Ionic 개발은 VS Code 프로그램으로 진행을 합니다.
Ionic으로 (하나의 소스로) iOS 앱과 Android 앱 모두 개발이 가능하며,
본 강의에서 Android에서의 실행도 다루고 있습니다.
감사합니다.

padawanjoy2166

Bài viết