분류 전체보기 (9) 썸네일형 리스트형 Uncategorized (Xcode): Command CodeSign failed with a nonzero exit code 이것저것 다 해봤지만 쉽게 해결이 안됐습니다. 케바케겠지만... 전, 프로젝트를 iCloud 동기화 하지 않는 경로로 이동했더니 해결 됐습니다. (급하게 ~/Desktop 폴더에 프로젝트를 만들어서 작업했더니 이런 문제가 발생했네요... 참고로, 예전에는 문제 없었는데 최근에 xcode 업데이트하고 iOS 17.0 설치한 후에 생긴 문제입니다.) [reactivity] assignments svelte의 파워풀한 반응성(reactivity)에 대한 설명입니다. 스벨트는 DOM에서 사용하는 변수의 값이 변화를 감지하고 DOM을 수정하여 반영합니다. 이러한 것을 반응, 반응형, Reactivity라고 합니다. 코드 확인 Clicked {count} {count === 1 ? 'time' : 'times'} 설명 버튼을 클릭(이벤트 핸들링에 대한 설명은 곧 업데이트 하고 링크 표시하겠습니다.)하면 increment라는 이벤트 핸들러에 의해 count 변수의 값이 1 증가합니다. 변수의 값이 변화하면 감지하여 증가된 count 값이 반영되어 출력됩니다. 개발환경 구성없이 간단한 테스트는 REPL에서 https://svelte.dev/repl [introduction] HTML tags 문자열 변수에 들어있는 HTML태그를 렌더링하여 출력하려면 변수명 앞에 @html 을 입력합니다. {@html string} [introduction] Nested components 당연하게도 다른 파일(컴포넌트)에 정의된 컴포넌트를 가져다 사용할 수 있습니다. 이번 설명에는 두개의 파일이 필요합니다. 우선 메인 컴포넌트인 App.svelte 중첩된 컴포넌트 다른 컴포넌트를 불러와서 사용해보자 메인 컴포넌트에서 호출하여 사용된 Nested.svelte Nested 컴포넌트 입니다. 실행결과는 요약 설명 import 구문을 사용해서 Nested.svelte 파일(컴포넌트)를 선언 태그(마크업)로 사용 처럼 생성된 컴포넌트는 HTML태그와 구분하기 위해 대문자로 시작해야합니다. 스타일이 적용된 범위(scope)를 확인 해보세요. App.svelte에서 선언된 스타일()은 Nested 컴포넌트에 적용되지 않았습니다. ! [introduction] Styling 코드 플리즈 ~ This is a paragraph. HTML 처럼 태그를 이용해서 컴포넌트를 꾸밀 수 있습니다. 위와 같이 컴포넌트 안에서 태그로 선언된 스타일은 해당 컴포넌트 안에서만 적용됩니다. (스타일이 적용되는 범위, scope) 컴포넌트? 스벨트는 .svelte 확장자 파일로 저장되는데 .svelte 확장자의 파일 하나하나가 컴포넌트 입니다. [introduction] Dynamic attributes 코드 부터 ! 태그의 src 속성에 자바스크립트의 src 변수값을 동적으로 대입 할 수 있습니다. src 변수에 들어있는 '/image.gif' 이미지가 출력되겠네요. one more thing ! 자바스크립트의 변수이름과 속성이름이 같다면 속성이름 생략 가능 [introduction] Your first components 바로 코드 부터 Hello {name}! name 변수를 출력하고 있습니다. 마크업 내에서 참조할 때는 중괄호 { } 를 사용합니다. 당연하게도(?) 중괄호 { } 안에서는 자바스크립트를 사용할 수 있습니다. Hello {name.toUpperCase()}! 개발환경 구성없이 테스트 하려면 https://svelte.dev/repl svelte (스벨트) 튜토리얼 스벨트 공홈에서 제공하는 튜토리얼(tutorial, https://learn.svelte.dev/tutorial)을 이해하여 번역(또는 정리)한 내용입니다. 스벨트란? 웹 애플리케이션 제작을 위한 도구입니다. 스벨트가 무엇인가를 설명한다면 빠르고 강력합니다. 가장 큰 장점은 매우 쉽습니다. 개발 경험이 조금이라도 있다면 1~2일 정도 집중해서 학습하면 스벨트를 활용할 수 있을 정도로 쉽습니다. 끝. (더 자세한 내용을 원한다면 구글링~) 선행되어야 할 학습 HTML, CSS, Javascript => HTML, CSS, javascript에 대해서 깊이 알고 시작하면 좋겠지만 굳이 그럴 필요 없다고 판단합니다. 지식이 필요한 상황에 직면할때 그 때 알아가는 것을 개인적으로 선호합니다. (시작할때는 얕고 .. 울란지 OSMO ACTION3/4 METAL CAGE 뙀 ! DJI OSMO ACTION4와 DJI MIC를 함께 사용하려고 했는데 효과적으로 사용할 수 있는 파트를 국내 쇼핑몰에선 찾을 수가 없었습니다. 알리익스프레스에 비교적 신뢰하는 울란지에서 만든 제품이 합리적인 가격(약 3만5천원)에 무료배송 망설임 없이 구매했습니다. 10월 11일 결제 -> 10월 16일 배송완료 ! 해외배송인걸 감안하면 당일배송 느낌 :) 메탈 소재가 갖고 있는 견고한 느낌 ! OSMO ACTION 3 용이지만 크기가 모양이 같아서인지 OSMO ACTION 4에도 견고하게 잘 맞습니다. 세로 마운트까지 퀵 릴리즈 어댑터에 연결 가능 ! 망설임 없이 구매한 포인트를 정리해 보면, 카메라 결합이 손쉬움 배터리 교체가 용이함 슈(Shoe)를 제공하여 DJI MIC 장착이 가능 USB.. 이전 1 다음
