APP 만들기/ios - study
-
따라하며 공부하기 3.1 - 테트리스 기초 1APP 만들기/ios - study 2023. 7. 29. 23:34
Udemy 강의 중 'Swift 언어로 만드는 Tetris Game' 강의를 보고 Swift 언어 기초 공부를 진행했다 Xcode를 실행하고 화면 우측상단에 File -> New -> Playground를 클릭 Blank를 누르고 Next버튼 클릭 파일 이름은 간단하게 test로 했다 var는 변경가능하고 let은 변경 불가능하다 참고자료 https://kmooc.udemy.com/course/swift-tetris-game/ https://www.swift.org/documentation/
-
따라하며 공부하기 2.8 - 인스타그램 사진 업로드 ( 마지막 )APP 만들기/ios - study 2023. 7. 29. 16:56
Udemy 강의 중 '누구나 따라 할 수 있는 ios 클론코딩 - 컴공선배' 강의를 보고 이미지 업로드 버튼을 클릭하면 앨범이 올라오도록 했다 위와 같이 이미지 추가 버튼을 클릭하면 앨범이 올라오고 선택도 가능하다 그리고 선택하면 선택표시가 뜬 후 화면이 내려간다 공부내용 정리 서버와 통신을 하기 위해선 인코딩과정과 디코딩 과정이 필요하다 control + shift + 화살표 -> 멀티커서 control + i -> 드래그 영역 코드를 자동으로 정리해 준다 인스타그램 클론코딩하면서 배운 점 ios 앱개발을 처음 하기 때문에 따라가는데 어려움이 많았지만 웹개발을 한번 해봐서 연결되는 부분은 이해하기 쉬웠다 휴대폰의 화면 비율이 다 다르므로 이에 맞게 UI 설정을 해주는 방법을 배워서 좋았다 화면의 UI ..
-
따라하며 공부하기 2.7 - 인스타그램 홈 화면 피드 ( 서버 연동하기 )APP 만들기/ios - study 2023. 7. 29. 13:31
Udemy 강의 중 '누구나 따라 할 수 있는 ios 클론코딩 - 컴공선배' 강의를 보고 홈 화면 피드작업을 했다 cat api를 사용할 것이고 postman을 통해 확인하였다 3개만 골라 보내니 위와 같이 정보가 정상적으로 생성되었다 다음으로 kingfisher를 사용했다 사용하기 위해 pod 파일에 추가해 주는 작업을 진행했다 마찬가지로 Castargram 폴더에서 podfile을 열어준다 alamofire 아래에 kingfisher를 추가해 준다 pod install 한 뒤 Xcode를 끄고 다시 실행한다 다시 실행하면 위처럼 정상적으로 적용된다 고양이의 이미지가 위처럼 정상적으로 업로드되었다 공부내용 정리 화면에 나오는 첫 셀은 스토리셀이기때문에 인덱싱 과정에서 스토리셀을 신경써야 한다 한번에 1..
-
따라하며 공부하기 2.6 - 인스타그램 Alamofire 설치하기( ruby update 하기 )APP 만들기/ios - study 2023. 7. 29. 00:50
Udemy 강의 중 '누구나 따라 할 수 있는 ios 클론코딩 - 컴공선배' 강의를 보고 Alamofire를 설치했다 설치하는데 ruby의 버전이 너무 낮아서 설치가 되지 않아 업데이트하는 과정도 포함했다 위와 같이 cocoapods 설치 명령어를 입력하고 비밀번호를 입력한다 설치에 실패했는데 이유는 Ruby의 버전이 2.7.0 이상이어야 하는데 현재 버전이 2.6.10.210 이어서 안된다고 한다 brew install rbenv 로 설치를 진행한다 설치가 완료되면 rbenv install -l 명령어로 설치 가능한 목록을 확인한다 최신버전인 3.22 버전을 다운로드 했다 ( rbenv install 3.2.2 ) 설치가 완료되었고 rbenv global 3.2.2 를 통하여 실행 경로를 업데이트했다 ..
-
따라하며 공부하기 2.5 - 인스타그램 프로필 화면 구성APP 만들기/ios - study 2023. 7. 27. 23:45
Udemy 강의 중 '누구나 따라 할 수 있는 ios 클론코딩 - 컴공선배' 강의를 보고 커스텀과 정보전달을 했다 화면에서 터치했을 때의 범위는 유지하면서 이미지의 크기만 줄이기 위해 Image Insets를 사용했다 위와 같이 프로필화면을 구성했다 완성된 화면은 위와 같고 게시글, 팔로워, 팔로잉에는 숫자가 무작위로 들어가도록 했다 또 프로필 편집과 친구추가하는 부분의 테두리 설정도 했다 공부내용 정리 Core Graphic을 이용하여 테두리를 설정하거나 크기를 설정할 수 있다 보통 CGSize, cgColor와 같이 사용한다 셀을 등록하기 위해 Nib를 사용했다 ViewCell 에서 버튼을 가져온 다음 버튼의 내용은 지우고 이미지를 채움으로써 이미지 클릭 시 버튼기능을 하도록 할 수 있다 참고자료 h..
-
따라하며 공부하기 2.4 - 인스타그램 홈 화면 구성APP 만들기/ios - study 2023. 7. 27. 18:33
Udemy 강의 중 '누구나 따라 할 수 있는 ios 클론코딩 - 컴공선배' 강의를 보고 커스텀과 정보전달을 했다 지난 시간에 이어 아래의 3개 화면이 추가되었다 인스타그램에 있는 피드를 표현하기 위해 셀을 사용했다 위와 같이 그룹을 생성한뒤 그 아래 2개의 파일이 생성된다 화면에 있는 컨트롤 바를 없애기 위해 위 사진처럼 2개 모두 체크 해제했다 위 사진은 셀을 적용했을때의 모습이고 선택하면 오른쪽과 같이 변한다 홈화면 구성이 완료된 모습이다 공부내용 정리 TableViewCell을 만들 때 XIB file을 체크하고 만들어야 위와 같이 파일이 생성된다 Indicators아래 2가지를 체크 해제하니 스크롤 시 보이면 스크롤바가 삭제되었다 인스타그램에 보이는 게시글 1개를 위해 셀 1개를 할당했다 사진은..
-
따라하며 공부하기 2.3 - 인스타그램 커스텀, 정보전달APP 만들기/ios - study 2023. 7. 27. 00:01
Udemy 강의 중 '누구나 따라 할 수 있는 ios 클론코딩 - 컴공선배' 강의를 보고 커스텀과 정보전달을 했다 위 사진과 같이 맨 아래 계정이 없으신가요? 와 가입하기의 색을 다르게 설정하였다 마찬가지로 회원가입에서도 계정이 있으신가요? 와 로그인 부분의 색을 다르게 설정하였다 그리고 뒤로 가기 모양도 화살표로 변경하였고 드래그해서 로그인 페이지로 이동하도록 했다 왼쪽 사진의 회원가입페이지에서 입력한 정보를 전달하여 로그인페이지에서 똑같이 입력하면 로그인되도록 했다 왼쪽은 로그인 된 후 이동한 홈페이지이고 오른쪽은 Profile 페이지이다 공부 내용 정리 글자 색상 커스터마이징 하기 위해선 순서를 잘 지켜서 작성해야 한다 회원가입에서 로그인으로 뒤로 가기는 pop~~ 이고 로그인에서 회원가입으로 가는..
-
따라하며 공부하기 2.2 - 인스타그램 액션연결, 유효성검사APP 만들기/ios - study 2023. 7. 26. 00:17
Udemy 강의 중 '누구나 따라 할 수 있는 ios 클론코딩 - 컴공선배' 강의를 보고 액션연결과 유효성검사를 했다 위와 같이 회원가입의 이메일, 성명, 이름, 비밀번호 입력란을 연결해 줬다 하지만 강의를 따라 하면서 위와 같이 입력이 다 된 후 가입버튼의 색이 변해야 하는데 바뀌지 않았다 그래서 색을 변경하고 실험해 보니 입력값을 검증하는데 문제가 있는 것 같다 위와 같은 에러 메시지가 있어 검색해 보니 iphone 14 Pro로 실험을 해서 그렇다는 이야기가 있었다 영상과 같은 버전인 iphone 13 Pro로 실험을 하니 위와 같은 에러는 발생하지 않았지만 여전히 버튼의 색은 변하지 않았다 공부내용 정리 같은 내용의 코드가 여러 줄 반복된다면 연산 프로퍼티(배열)를 이용하여 작성할 수 있다 연산 ..