IT(59)
-
Swift 3주차 - 이미지 뷰어 만들기
이번 주차에서는 간단하게 여러 이미지를 볼 수 있는 이미지 뷰어를 만들어 볼 예정이다. 일단 ImageViewer 프로젝트를 하나 생성한다. 그런 다음 이미지 뷰어에서 보고싶은 이미지를 3개정도 준비해보자. 그리고 그 이미지들의 이름을 각각 '1.jpg', '2.jpg', '3.jpg'와 같은 형태로 저장한다. 준비한 이미지들을 프로젝트에 추가해보자. 그리고 메인 스토리보드를 열고 + 버튼을 눌러 레이블을 하나 가져오자. 레이블의 텍스트를 'Image Viewer'로 변경하였다. 그리고 이미지를 표시해주는 이미지 뷰도 하나 가져온다. 이미지 뷰의 크기는 본인이 원하는 만큼 적당하게 조절하면 된다. 마지막으로 이미지를 넘기기 위한 '이전', '다음' 버튼을 만들어보자. 이제 뷰 컨트롤러 창도 함께 띄워놓고..
2024.03.23 -
Swift 2주차 - Hello World 화면 꾸미기 (feat M.V.C 패턴)
Swift 2주차 - Hello World 화면 꾸미기 (feat M.V.C 패턴) 이번 주차에서는 swift로 앱을 만들기 위해서 사용되는 xcode의 사용법에 대해서 간단하게 알아보고, 입력창을 통해 입력한 문자를 표시해보는 실습을 진행 하려고 한다. 그 과정에서 M.V.C 패턴에 대해서도 설명할 예정이다. 목차 xcode 설치하기 먼저 swift 언어를 쓰기 위해서는 xcode라는 개발 툴을 사용해야 한다. (그리고 당연하게도 iOS에 관련된 앱을 만들기 위해서는 반드시 메킨토시 컴퓨터가 필요하다.) 설치하는 방법은 간단하다. app store에 들어가서 'xcode'를 검색 후 가장 먼저 보이는 앱을 깔아주면 된다. 프로젝트 생성하기 다운받은 xcode 앱을 실행시켜 보면 아래와 같은 창이 뜨게 ..
2024.03.17 -
Swift 1주차 - 1부터 100까지 더하기
Swift 1주차 - 1부터 100까지 더하기 목차 변수 선언 방법 먼저 swift에서 변수 선언 방법을 알아보자. 아래 swift 공식 문서를 참고하여 설명할 예정이다. https://docs.swift.org/swift-book/documentation/the-swift-programming-language/thebasics swift에서는 Constants and Variables (상수와 변수)를 선언해줄 수 있다. 값을 최초 지정 후 변경할 수 없는 변수를 '상수' 라고 하고, 값을 변경할 수 있는 변수를 '변수'라 한다. 상수는 let 키워드로, 변수는 var 키워드로 선언이 가능하다. let maximumNumberOfLoginAttempts = 10 var currentLoginAttemp..
2024.03.13 -
백엔드와 프론트엔드 차이점
프론트엔드(Front-End)가 하는 일 프론트엔드 개발은 주로 웹 및 모바일 솔루션의 사용자 인터페이스(UI)와 사용자 경험(UX)을 만드는 데 초점을 맞추고 있다. 슬라이더, 드롭다운(drop-down) 메뉴, 레이아웃, 폰트, 컬러 등 모든 요소가 프론트엔드 개발을 이루는 부분이다. 시선을 사로잡는 프론트엔드를 만드는 데는 HTML, CSS, 자바스크립트(Javascript)가 중요한 역할을 한다. 최종적인 사용자 인터페이스를 디자인하기 전에는 목업(Mockup), 와이어 프레임(Wire-frame), 클릭할 수 있는 프로토타입(Prototype)을 만들어야 한다. 이런 도구들은 애플리케이션의 사용자 경험 안에 있는 이슈들을 확인할 수 있게 도와준다. 백엔드(Back-End)가 하는 일 백엔드는 소..
2024.03.13 -
cordova란 무엇일까?
아파치 코도바(Apache Cordova, 이전 명칭: 폰갭, PhoneGap)는 니토비(Nitobi)가 만들고 어도비 시스템즈가 인수한 모바일 개발 프레임워크이다. 소프트웨어 프로그래머들이 오브젝티브-C처럼 기기에 특화된 언어들 대신 자바스크립트, HTML5, CSS3를 이용하여 모바일 기기를 위한 응용 프로그램들을 만들 수 있게 한다. 응용 프로그램 결과물들은 하이브리드 형태인데, 이는 모든 레이아웃 렌더링이 플랫폼의 네이티브 UI 프레임워크가 아닌 웹 뷰를 통해 수행되며 단지 웹앱일 뿐만 아니라 배포를 위해 패키지화되면서 네이티브 기기 API에 접근할 수 있음을 의미한다. 1.9 버전부터 네이티브 코드와 하이브리드 코드 일부를 자유롭게 섞어서 쓸 수도 있다. 다음과 같은 경우 아파치 코도바를 사용하..
2024.03.13 -
ReactiveX 란?
ReactiveX, RX는 reactive eXtensions의 줄임말이며 ReactiveX는 관찰 가능한 시퀀스를 사용하여 비동기 및 이벤트 기반 프로그램을 구성하기 위한 라이브러리다. 여기서 시퀸스는 일련의 이벤트 또는 데이터 스트림을 나타내는 개념이라고 보면 된다. sequences는 순서들이라는 뜻을 가지고 있고 비동기적으로 발생하는 이벤트를 처리하기 위한 도구로 사용되며 이벤트는 스트림에 도착하는 순서대로 처리하게 된다. ReactiveX는 옵저버 패턴, 이터레이터 패턴, 함수형 프로그래밍 등의 개념을 결합하여 반응형 프로그래밍(Reactive Programming)을 구현했다. 옵저버 패턴 : 옵저버는 객체의 상태의 변화를 관찰한다. 객체의 상태 변화를 관찰하는 관찰자들, 즉 옵저버들의 목록을..
2024.03.09 -
웹과 앱 차이점
1. 웹(World Wide Web)이란? 월드 와이드 웹(World Wide Web, WWW, W3)은 인터넷에 연결된 컴퓨터를 통해 사람들이 정보를 공유할 수 있는 전 세계적인 정보 공유 시스템을 말한다. 간단히 웹(the Web)이라 부르는 경우가 많다. 인터넷상의 정보를 하이퍼텍스트 방식과 멀티미디어 환경에서 검색할 수 있게 해주는 정보검색 시스템이다. 하이퍼텍스트 형식으로 표현된 인터넷상의 다양한 정보를 효과적으로 검색하는 시스템으로 전 세계적으로 가장 널리 보급되어 있다. (web은 기본적으로 거미줄을 뜻한다.) 2. 앱(application software) 이란? 응용 소프트웨어(application software) 또는 애플리케이션은 운영 체제에서 실행되는 모든 소프트웨어를 뜻한다. 따..
2024.03.09 -
VsCode 맥os C언어 링크 오류 해결법 - Undefined symbols for architecture arm64:
소스 코드 main.c #include extern void f2(); int main(void) { f2(); return 0; } sub.c static void f1() { printf("f1()이 호출되었습니다.\n"); } void f2() { printf("f2()가 호출되었습니다.\n"); } main.c와 sub.c 파일을 간단히 설명하자면 sub.c 파일에 함수 f1과 f2를 만들고 f1함수는 static을 붙여 다른 파일, 즉 main.c 파일에서 외부연결을 하지 못하게 막아 놓았다. f2 함수는 사용자가 저장 유형을 추가하지 않아 자동으로 auto 유형으로 정의되고 외부 파일에서 참조할 수 있는 형태이다. main.c 파일에서 extern을 사용해 f2함수를 사용한다. 프로그램이 정상..
2023.12.27 -
아두이노 실습 12, 13주차 (ESP32 실시간 주식시세 표시)
실습 12, 13주차 (ESP32 실시간 주식시세 표시) 이번주 실습에서는 ESP32 보드와 텍스트 LCD를 이용하여 실시간으로 주식시세를 표시해 보려고 한다. 목차 ESP32와 16x2 LCD 연결 먼저 라이브러리 매니저에서 'lcd' 를 검색해서 LiquidCrystal 라이브러리를 설치한다. 라이브러리 매니저는 스케치 -> 라이브러리 포함 -> 라이브러리 관리로 들어가면 된다. esp32 보드 라이브러리가 설치되지 않았다면 esp32 라이브러리를 먼저 설치해 주어야 한다. esp32 라이브러리 설치는 아래 글에서 참고하자. https://nicodora.tistory.com/34 아두이노 실습 11주차 (ESP32 보드 무선통신) 실습 11주차 (ESP32 보드 무선통신) 이번주 실습에서는 저번주에..
2023.12.07 -
아두이노 실습 11주차 (ESP32 보드 무선통신)
실습 11주차 (ESP32 보드 무선통신) 이번주 실습에서는 저번주에 진행했던 무선통신 실습의 연장선으로 ESP32 보드를 사용하여 실습을 진행해보려 한다. ESP32 보드 설정 먼저 ESP32 보드를 사용하기 위해서 준비작업이 필요하다. 위 사진은 ESP32 보드의 모습이다. 먼저 아두이노 IDE를 열어 환경설정에 들어간다. 윈도우 - 좌측상단 파일 -> 기본 설정 맥 - 좌측상단 Arduino IDE -> 기본 설정 ⌘(command) + ,(comma) 단축키로도 들어갈 수 있다. 추가 보드 관리자 URL 옆에 있는 파일모양 아이콘을 누른다. 그러면 위와 같이 추가 보드 관리자 URL을 추가할 수 있는 창이 나오게 되는데, 여기서 아래의 URL을 입력해주자. https://raw.githubuser..
2023.11.29