전체 글
-
iOS - 개발 로드맵iOS 2020. 12. 3. 10:32
iOS Roadmap Swift Roadmap 개발환경, 사용할 프레임워크를 알아야 한다. 1. xCodeIDE -> Playgroud 에디터에 코드를 입력, 실행, 디버그 가능한지 2. Cocoa Touch 3. Swift 그래서 처음 시작할때는 xCode를 띄우고 자신이 이해할 수 잇는 언어로 설명할 수 있느냐? Swift나 Objective-c같은 알고리즘이나 코딩 절차를 설명할 수 있냐? 모든 문법을 다알아야 하나? 그러면 당연히 좋겠지만 찾아가면서 이런방법도 있고 저런방법도 있구나를 찾아가면서 하면 좋을거같다. [Common Topics] 가장먼저 강조하는건 Human Interface Guideline(ios버전)! 거기에 나오는 용어들 뷰 구성요소 메뉴구성요소 컨트롤들, 어떻게 동작하게 만들..
-
iOS - xCode12 설정iOS 2020. 12. 2. 17:40
xCode 실행 -> Preferences 클릭 General -> Issues : Show live issuse 체크 => 코드에러가 편집기에 표시됨. Accounts -> +버튼 클릭 그리고 Apple ID 등록 이렇게 추가해놓으면 앱 서명과 관련된 복잡한 작업을 xCode가 대신 처리해준다. Behaviors 여기는 xCode에서 이벤트가 발생할때마다 추가로 실행할 액션들을 설정 Succeeds -> Play sound, Notify using bezel or system notification 체크 => 프로젝트가 정상적으로 빌드되었을때 설정한 효과음과 화면 하단 중앙에 빌드 메세지가 표시됨 fail 도 동일하게 하되 Play sound만 바꿔서 Navigation => 파일을 여는 방법을 설정 ..
-
iOS - OutletAndActioniOS 2020. 12. 2. 16:05
iOS - OutletAndAction Scene에 추가되어 있는 ui를 코드와 연결할때는 Outlet이나 Action중 하나로 연결한다. Outlet은 코드를 통해 속성에 접근할때 연결하고 Action은 컨트롤에서 발생한 이벤트를 코드에서 처리할때 연결한다. Outlet은 속성으로 추가되고 반드시 scene과 연결된 클래스 내부에 추가해야 한다. Outlet은 일반속성과는 다르게 @IBOutlet이라고 표시됨 이 특성은 compiler에게 outlet으로 연결된 속성이라는 것을 알려줌 코드 옆에 커넥션웰의 동그라미 안에 꽉찬 동그라미가 있으면 ui와 코드가 연결되어있다는 거고, 빈 동그라미이면 연결 안되어 있는 상태 연결되어 있지 않은 outlet에 접근하면 crush 발생, 연결되어 있지 않은 act..
-
iOS - xCode12 설정iOS 2020. 12. 2. 15:28
xCode 실행 -> Preferences 클릭 General -> Issues : Show live issuse 체크 => 코드에러가 편집기에 표시됨. Accounts -> +버튼 클릭 그리고 Apple ID 등록 이렇게 추가해놓으면 앱 서명과 관련된 복잡한 작업을 xCode가 대신 처리해준다. Behaviors 여기는 xCode에서 이벤트가 발생할때마다 추가로 실행할 액션들을 설정 Succeeds -> Play sound, Notify using bezel or system notification 체크 => 프로젝트가 정상적으로 빌드되었을때 설정한 효과음과 화면 하단 중앙에 빌드 메세지가 표시됨 fail 도 동일하게 하되 Play sound만 바꿔서 Navigation => 파일을 여는 방법을 설정 ..
-
React - 주요개념 #5 State and LiftcycleReact 2020. 11. 27. 15:02
2020/11/27 - [React] - react - 주요개념#3 엘리먼트 렌더링(element rendering) 에서 잠깐 다룬 Clock 예시를 다시 살펴보겠습니당! 엘리먼트 렌더링(element rendering) 에서는 UI를 업데이트하는 한 가지 방법만 배웠고, 렌더링 된 출력값을 변경하기 위해 ReactDOM.render()를 호출했습니당 function tick() { const element = ( Hello, world! It is {new Date().toLocaleTimeString()}. ); ReactDOM.render( element, document.getElementById('root') ); } setInterval(tick, 1000); -> 여기서 보면 ReactDO..
-
React - 주요 개념 #4 Components 와 PropsReact 2020. 11. 27. 12:57
컴포넌트를 통해 UI를 재사용 가능한 개별적인 여러 조각으로 나누고, 각 조각을 개별적으로 살펴볼 수 있다. 개념적으로 컴포넌트는 Javascript 함수와 유사하다! props라는 임의의 데이터를 입력받은 후 화면에 어떻게 표시되는지를 기술하는 React element를 반환한다! 함수 컴포넌트와 클래스 컴포넌트 컴포넌트를 작성하는 가장 간단한 방법은 Javscript 함수를 작성하는 것이다. function Welcome(props) { return Hello, {props.name}; } 이 함수는 데이터를 가진 하나의 props ( props는 속성을 나타내는 데이터) 객체인자를 받은 후 React 엘리먼트를 반환하므로 유효한 React 컴포넌트이다! 이러한 컴포넌트는 Javscript 함수이기 ..
-
react - 주요개념#3 엘리먼트 렌더링(element rendering)React 2020. 11. 27. 12:31
엘리먼트 - react의 가장 작은 단위! - 화면에 표시할 내용을 기술 const element = Hello, world; * 브라우저 DOM과 달리 react element는 일반 객체(plain object) 이며 쉽게 생성 가능! 주의 - component와 element를 혼동할 수 있는데 element는 component의 구성요소! 명확히 알고 가자! DOM에 element 렌더링하기! HTML 파일 어딘가에 가 있다고 생각하자! 이안에 들어가는 모든 element들을 React DOM이 관리하기 때문에 이 div를 루트(root) DOM 노드라고 부른다! React로 구현된 애플리케이션들은 일반적으로 한개의 루트 DOM 노드가 있다 물론 React를 기존 앱에 통합하려는 경우, 원하는 ..
-
react - JSX란?React 2020. 11. 27. 11:27
JSX에 표현식 포함하기! JSX의 중괄호{} 안에는 유효한 모든 javascript 표현식을 사용할 수 있다. const name = 'Josh Perez'; const element = Hello, {name}; ReactDOM.render( element, document.getElementById('root') ); 중괄호 안에 formatName(user) 라는 함수를 호출해서 반환 결과를 삽입할 수도 있다. 또한 element에 JSX 문법을 넣어줄때 처럼 괄호()로 묶는 것이 자동 세미콜론 삽입을 피하는데 유용하다~ function formatName(user) { return user.firstName + ' ' + user.lastName; } const user = { firstName..