본문 바로가기

Study16

React Native Study 2 | my_first_app 새 프로젝트 생성 Visual Studio Code 실행 상단 메뉴 - Terminal - New Terminal 하단에 생성된 New Terminal 확인 -> cd 사용해서 생성할 위치로 이동 -> react-native init --version 0.61.5 my_first_app -> 버전 0.61.5=, 프로젝트 이름 my_first_app 만약 zsh: command not found: react-native 라고 나오면 기본 어플 터미널에서 chsh -s /bin/bash 라고 쳐서 변경 터미널 재실행 -> 상단에 zsh에서 bash 로 바뀐것을 확인할 수 있다. 마찬가지로 vscode도 확인 zsh 와 bash 맥북을 사용한지 한달 정도라 zsh와 bash 를 몰라 그동안 삽질 열심히 함... 2021. 1. 4.
React Native Study 1 | Install 공부 시작 블로그의 글들은 강의를 들으며 복습 & 공부용으로 기록합니다. 오타와 틀린 부분은 지적해주시면 감사하겠습니다. 글에 문제가 있을 경우 알려주시면 바로 삭제하겠습니다. 강의 주소 iOS/Android 앱 개발을 위한 실전 React Native - Basic - 인프런 Mobile App Front-End 개발을 위한 React Native의 기초 지식 습득을 목표로 하고 있습니다. 진입장벽이 낮은 언어/API의 활용을 통해 비전문가도 쉽게 Native Mobile App을 개발할 수 있도록 제작된 강의입니다 www.inflearn.com React Native 페이스북에서 만든 오픈소스 모바일 응용 프로그램 네이티브 앱 개발을 위한 자바스크립트 프레임 워크 크로스 플랫폼 하나의 코드 개발을 통.. 2021. 1. 4.
Interactive Web Study 1 Interactive Web 인터렉티브 웹이란? 단순히 만들어진 이미지나 데이터를 보여주는 형태에서 벗어나 실시간으로 데이터를 입력하고 활용할 수 있도록 인터페이스를 통해 사용자와 호흡할 수 있는 홈페이지 일방적으로 정보를 받는데에 그치지 않고, 접속자가 페이지안에서 상호작용, 데이터 교류를 하는 동적인 웹 예시 사이트 인터렉티브 웹 예시 사이트 fixate BBC Apple 제작 & 튜토리얼 강의 1분코딩 : 무료 칸 아카데미 khanacademy.org : 무료 참고 블로그 nana_log 제작한 웹 영상 강의에서 가르쳐주신 방법으로 웹을 수정해보았습니다. 영상 (Youtube) Webpage Front-End : 구현되는 표면적 부분, 일반적으로 보여지는 웹 페이지, HTML & CSS & Java.. 2021. 1. 2.
IOS Swift Study 11 MVVM? MVC와 MVVM 패턴 ViewModel : BountyInfo BountyViewController.swift struct BountyInfo Struct BountyInfo 를 추가합니다. bountyInfoList nameList, bountyList를 bountyInfoList로 재구성해줍니다.prepare for segue DetailViewController에 값을 전달하는 부분에서는 BountyInfo를 추가함으로 수정합니다. (그 전에 DetailViewController 상단에서 var bountyInfo: BountyInfo? 를 추가하고 기존의 var name, bounty를 삭제합니다.) tableView & count Cell의 개수는 bountyInfoList의 카운트.. 2020. 12. 25.
IOS Swift Study 10 Bounty List 원피스 현상금 리스트 이미지, 라벨 2개의 View ControllerTable View 새 프로젝트를 생성합니다. Main.storyboard 에서 + 버튼을 통해 Table View를 추가합니다. 적당히 테이블 뷰의 넓이를 넓혀준 후, control 키와 함께 Table View 에서 View 로 드래그하여 auto Layout을 설정해줍니다. (드래그를 한 후에 Shift 버튼을 함께 사용하면 한번에 클릭이 가능) Table View 의 데이터를 표시해줄 Table View Cell을 추가합니다. ) 빌드를 통해 확인합니다. 보여줄 테이블 뷰의 셀 개수? func tableView(_ tableView: UITableView, numberofRowsInSection sectio.. 2020. 12. 25.
IOS Swift Study 9 Flow Control 출처 및 참고 민소네 batterflyyin 작업을 여러번 수행할 수 있는 for와 while 반복문, 특정 조건에 따라 분기시켜 실행하는 if, guard, switch문, 실행 흐름을 코드의 다른 부분으로 이동시키는 break와 continue문 for-in 반복문을 지원하여 쉽게 배열, 딕셔너리, 범위, 문자열 등 순서를 가진 것들을 쉽게 반복하여 사용 가능 swift의 switch문은 C 언어 switch문 보다 더 강력. Swift에서 switch문은 여러 조건들을 다른 패턴들과 일치할 수 있습니다. 예를 들어, 범위, 튜플, 특정 타입으로 캐스팅 등이 있습니다. switch에서 조건에 맞는 값은 임시 상수나 변수에 저장하여 조건문 내부에서 사용할 수 있으며, 복잡한 조건.. 2020. 12. 18.
IOS Swift Study 8 Swift Playground Xcode 12.2 버전에서 PlayGround가 시작 메뉴에 없는 것을 볼 수 있습니다. Xcode 를 실행 후, 상단 바에서 File - New - Playground를 클릭하여 생성합니다. Blank - Next 매 줄마다 ► 버튼으로 실행할 수 있습니다. Study 4 에서 사용했던 랜덤 숫자 출력을 사용할 수 있습니다. 사칙연산 : Arithmetic 간단한 사칙연산을 사용할 수 있습니다. 덧셈 ( + ) 뺄셈 ( - ) 곱셉 ( * ) 나눗셈 ( / ) 나머지 : 연산 Remainder % 를 사용하여 나머지를 계산할 수 있습니다. 비교 연산 : Comparison 해당 연산이 맞으면 True, 틀리면 False 라고 출력합니다. 크다 ( a > b ) 작다 ( .. 2020. 12. 12.
IOS Swift Study 7 Preview 처음부터 기종을 아이폰 11 로 해두고 테스트를 해왔기 때문에 아이폰 11에서의 해상도에는 문제가 없어 보입니다. Preview 를 통해 다른 기종의 아이폰에서는 어떻게 보이는지 확인할 수 있습니다. 우측 상단의 버튼을 눌러 Preview를 클릭하여 Preview를 확인합니다. ) 하단에는 어떤 기종으로 보고 있는지 확인할 수 있습니다. (현재는 아이폰 11 기종) 예시로 하단의 + 버튼을 통해 아이폰 12 미니를 추가해보았습니다. 아이폰 12 미니를 Preview 하였을 경우, 좌 우 비율이 맞지 않는 것을 확인할 수 있습니다. 오토 레이아웃 Auto Layout이란 기존의 Frame-Based Layout과 다른 View들 간의 관계를 이용하여 View의 위치와 크기를 자동으로 결정하는.. 2020. 12. 12.
IOS Swift Study 6 Image -> Assets.xcassets 자기가 앱에 넣고 싶은 사진을 한 장 선정하여 MyAlbum 프로젝트 안에 있는 Assets.xcassets 폴더 위치에 드래그 드랍으로 복사해 줍니다. Main.stroyboard로 돌아와서 Image View를 클릭하고, 우측 Inspector의 image 값에 위에서 넣었던 사진의 이름을 입력합니다. 만약 사진이 다음 사진과 같이 비율이 맞지 않는다면 Inspector - Content Mode에서 Aspect Fill로 변경해줍니다. 빌드 글자 색도 바꾸고 사진도 넣어 조금 더 보기 좋게 변경합니다. DarkMode IOS의 DarkMode를 사용한다면? 가상 머신에서 홈으로 나가 설정 (settings) - 하단의 Developer를 선택 Appear.. 2020. 12. 12.
IOS Swift Study 5 기초값 설정 4 에서 진행했던 프로젝트의 경우 처음에 0원이 뜨는 부분을 수정합니다. 코드 하단에 있었던 랜덤 프라이스 부분을 viewDidLoad()에 추가합니다. 사진과 같이 코드를 수정하고 빌드합니다. 초기값부터 랜덤 값으로 출력하게끔 합니다. 중복? -> func 위 내용처럼 코드를 수정하면 3줄의 코드가 중복되는 것을 확인할 수 있습니다. 코드를 중복하여 사용할 경우, 않기 위해 메소드로 뽑아 줄여줄 수 있습니다. func 를 사용하여 메소드의 이름을 설정하고 중복되었던 코드를 추가합니다. 사진처럼 func 코드를 입력하면 해당하던 코드를 지우고 대신 refresh() 를 추가합니다. 이렇게 수정하면 앞으로도 refesh()가 필요한 경우 같은 기능이면서도 한 줄로 표현할 수 있습니다. 선택한 .. 2020. 12. 12.
MarkDown 도움되는 사이트 모음 velog.io/@yuuuye/velog-마크다운MarkDown-작성법 velog 마크다운(markdown) 작성법 마크다운이란 마크다운(markdown)은 일반 텍스트 문서의 양식을 편집하는 문법이다. README 파일이나 온라인 문서, 혹은 일반 텍스트 편집기로 문서 양식을 편집할 때 쓰인다. 마크다운을 이용해 작 velog.io 2020. 12. 9.
IOS Swift Study 4 랜덤 숫자 -> Alert와 Label 랜덤으로 가격을 Alert 변수를 하나 지정해줍니다. CurrentValue = 0 Button func 에서 Message = "let message = "가격은 $ (CurrentValue) 입니다." 코드를 추가해줍니다. let alert 에서 message: message로 변경해줍니다. 여기에서 빌드를 하여 버튼을 누르면 다음과 같이 출력됩니다. arc4random_uniform을 사용하여 랜덤 숫자를 출력합니다. 랜덤 프라이스 = 0~10000의 숫자 중 랜덤으로 , 뒤에서 +1 을 해줌으로써 0원이 alert 되지 않도록 해줍니다. 오류 발생 위 사진과 글에 따라 코드를 입력하게 되면 다음과 같은 오류가 발생합니다. 이 경우는 상단에서 정해준 변수 Cu.. 2020. 12. 9.

티스토리툴바