티스토리

Monti

검색하기

블로그 홈

Monti

dolmengs.tistory.com/m

montt 님의 블로그입니다.

구독자: 0

방명록 방문하기

주요 글 목록

Swift) RxSwift - Observable Observable Rx에서 옵저버는 Observable을 구독한다. Observable이 배출하는 하나 또는 연속된 항목에 옵저버는 반응하여 동시성 연산을 가능하게 한다. onNext, onCompleted, 그리고 onError onNext Observable은 새로운 항목들을 배출할 때마다 이 메서드를 호출한다. 이 메서드는 Observable이 배출하는 항목을 파라미터로 전달 받는다. onError Observable은 기대하는 데이터가 생성되지 않았거나 다른 이유로 오류가 발생할 경우 오류를 알리기 위해 이 메서드를 호출한다. 이 메서드가 호출되면 onNex나 onCompleted는 더 이상 호출되지 않는다. onError 메서드는 오류 정보를 저장하고 있는 객체를 파라미터로 전달 받는다. on.. 공감수 0 댓글수 0 2022. 10. 23.
Swift) RxSwift 기초 (MVVM, 비동기적 라이브러리 사용) RxSwift란? (RxSwift GitHub) Rx is a generic abstraction of computation expressed through Observable interface, which lets you broadcast and subscribe to values and other events from an Observable stream. RxSwift의 의도는 비동기 작업과 Observable 의 비동기 작업 조각을 변환하고 구성하는 일련의 메서드와 개체 형태의 데이터 스트림을 쉽게 구성할 수 있도록 도와준다. *Rx Swift의 핵심 비동기&이벤트의 표현 ⇒ 관찰 가능한 순차적인 형태, 함수형태의 연산자 RxSwift 를 사용하는 이유 Swift 비동기 실행 애플에서 제공해주는 .. 공감수 0 댓글수 0 2022. 10. 23.
Swift ) WkWebView - Cookie 🍪 WebView Cookie HTTP Cookie 개념 쿠키(cookie)란? 하이퍼 텍스트의 기록서의 일종으로서 인터넷 사용자가 어떠한 웹사이트를 방문할 경우 그 사이트가 사용하고 있는 서버를 통해 인터넷 사용자의 컴퓨터에 설치되는 작은 기록 정보 파일을 일컫는다. HTTP 쿠키, 웹쿠키, 브라우저 쿠키라고도 한다. 이 기록 파일에 담긴 정보는 인터넷 사용자가 같은 웨사이트를 방문할 때마다 읽히고 수시로 새로운 정보로 바뀐다. 쿠키 정보 Created Domain Expires Name Path Secure Value Version WKHTTPCookieStore 웹 페이지의 초기 쿠키를 지정하고 웹 콘텐츠의 쿠키를 관리하는 데 사용된다. 예를 들어, 이 개체를 사용하여 사용자가 로그아웃할 때 현재 .. 공감수 0 댓글수 0 2022. 10. 17.
Swift) Webview-5 웹뷰 컨트롤 WebView Controll WebView Layout Settind WebView Setting (SnapKit 사용 레이아웃 설정) import UIKit import WebKit import SnapKit class ViewController: UIViewController { private var webView: WKWebView! override func loacView() { super.loadView() setWebView() settingView() } override func viewDidLoad() { super.viewDidLoad() loadWebView() } } extension ViewController { // webView Config 설정 및 초기화 func setWeb.. 공감수 0 댓글수 0 2022. 10. 9.
Swift) webView-4 (웹의 Javascript 이벤트 실행) Swift으로 웹의 Javascript 이벤트 실행 글자 입력 위한 HTML 수정 button 네이버 이동 애플 이동 텍스트 입력 Swift to Javascript func setupWebView() { let contentController = WKUserContentController() // Bridge 등록 contentController.add(self, name: "button") contentController.add(self, name: "outLink") // Bridge 추가 등록 contentController.add(self, name: "inputText") // JavaScript Function 불러오기 callJsFunc(contentController: contentCon.. 공감수 0 댓글수 0 2022. 10. 9.
Swift) webView-3 (JavaScript 클릭 이벤트 발생시키기) Swift에서 JavaScript 클릭 이벤트 발생시키기 Swift에서 JavaScript 클릭 이벤트 발생 함수 (이전 샘플 재활용) func callJsFunc(contentController: WKUserContentController) { let userScript = WKUserScript(source: "button()", injectionTime: .atDocumentEnd, forMainFrameOnly: true) contentController.addUserScript(userScript) } WebView 설정 function에 이벤트 적용 func setupWebView() { let contentController = WKUserContentController() // Bridge.. 공감수 0 댓글수 0 2022. 10. 9.
프로그래머스 - lv.1 직사각형 별찍기(12969) 직사각형 별찍기 문제 문제 설명 이 문제에는 표준 입력으로 두 개의 정수 n과 m이 주어집니다. 별(*) 문자를 이용해 가로의 길이가 n, 세로의 길이가 m인 직사각형 형태를 출력해보세요. 제한 조건 n과 m은 각각 1000 이하인 자연수 입니다. 예시 입력 5 3 출력 ***** ***** ***** 답 import java.io.BufferedReader; import java.io.InputStreamReader; public class Solution { public static void main(String[] args) { try { // 실수 입력 BufferedReader br = new BufferedReader(new InputStreamReader(System.in)); // 실수 저.. 공감수 2 댓글수 0 2022. 10. 8.
swift) webview-2 (자바스크립트 버튼 클릭 이벤트 핸들링) Swift에서 JavaScript Button 클릭 이벤트 핸들링 샘플 WebView 초기화 import WebKit import UIKit class ViewController: UIViewController { private var webView: WKWebView! override func viewWillAppear(_ animated: Bool) { super.viewWillAppear(animated) loadWebView() } } extension ViewController { func loadWebView() { guard let url = URL(string: "https://www.naver.com") else { navigationController?.popViewController(.. 공감수 0 댓글수 0 2022. 10. 8.
swift) webview-1 🌐 WebView 사용하기 WKWebView (공식문서 링크) 인앱 브라우저와 같이 인터렉티브 웹 컨텐츠를 표시하는 객체 선언 // iOS, iPadOS, 맥 카탈리스트 class WKWebView: UIView 개요 WKWebkView는 웹 컨텐츠를 앱에 내장시킬 수 있는 플랫폼 기반 View 이다. WebView는 완전한 웹 브라우징 경험을 지원하고 HTML, CSS 및 JavaScript 콘텐츠를 표시해준다. WKWebView 클래스를 사용하기 위해서는 WKWebView 객체를 생성하고 뷰로써 설정한 다음 웹 컨텐츠를 불러오기 위해 요청을 보내야 한다. 💡 중요 iOS 8.0, macOS 10.10 이상에서는 WKWebView를 사용해야 한다. 웹 뷰 초기화 var configuration: WKW.. 공감수 0 댓글수 0 2022. 10. 8.
node Server Custom Cookies Setting 🍪 Cookies Cookie 활용 Express Server Cookie Test router.get('/setcookie', function(req,res) { let accessToken = "1234567" let refreshToken = "2345678" res.cookie('auth_token', { 'accesstoken': accessToken, 'refreshtoken': refreshToken }); res.cookie('autoLogin', { name: 'test', password: '1234' }) res.redirect('/getcookie') }) router.get('/getcookie', function(req, res) { res.send(req.cookies) }) 공감수 0 댓글수 0 2022. 10. 3.
Swift - UserDefault를 활용한 자동 로그인 😀 UserDefaults 활용 자동로그인 Web Front(Html) ID PW 자동로그인 로그인 로그인 정보 ID tokken 자동로그인유무 exrpess server var express = require('express'); var router = express.Router(); /* GET home page. */ router.get('/', function(req, res, next) { res.render('index', { title: 'Express' }); }); router.post('/', function(req, res) { let id = req.body.id; let password = req.body.password; console.log(req.body) let access.. 공감수 0 댓글수 0 2022. 10. 3.
swift - WKWebView 자동로그인 구현 WKWebView WebView 자동 로그인 WorkFlow 😀UserDefaults 활용 자동로그인 🍪Cookies 사용 자동 로그인 https://ios-development.tistory.com/751?category=899471 공감수 0 댓글수 0 2022. 10. 3.
Swift URLSession HTTP 통신 - 2 HTTP 통신 구현 (Swift)Request Function - GET / DELETE // Request Body 미포함 func httpRequestQuery(url: String, method: String, completionHandler: @escaping (Bool, Any) -> Void) { guard let url = URL(string: url) else { print("Error: cannot create URL") return } var request = URLRequest(url: url) request.httpMethod = method URLSession.shared.dataTask(with: request) { data, response, error in guard erro.. 공감수 0 댓글수 0 2022. 9. 30.
Swift URLSession HTTP 통신 - 1 🌐 URLSession : HTTP 통신하기 연관된 네트워크 데이터 전송 태스크들의 그룹을 조정하는 객체 개요 URLSession 및 관련 클래스들은 URL이 가리키는 엔드포인트로 데이터를 다운로드하거나 업로드하기 위한 API를 제공한다. URLSession은 앱이 실행중이지 않거나 앱이 일시정지 상태일때에도 백그라운드로 다운로드를 수행할 수 있도록 해준다. URL Session의 종류 하나의 URL session에 속한 task들은 같은 session configuration 객체를 공유한다. 이 객체는 호스트당 생성 가능한 동시 접속갯수나 cellular 네트워크를 허용할 것인지와 같은 접속 동작을 정의한다. shared기본적인 요청에 적합한 싱글톤 세션으로 자유롭게 커스터마이징할 수는 없지만 아주 .. 공감수 1 댓글수 0 2022. 9. 30.
Swift - NotificationCenter Notification Center Notification Center란? NotificationCenter 에 등록된 event가 발생하면 해당 Event에 대한 행동을 취한다. 앱 내에서 메시지를 던지면 아무데서나 이 메시지를 받을 수 있게 하는 역할을 한다. 보통 백그라운드 작업의 결과, 비동기 작업의 결과 등 현재 작업의 흐름과 다른 흐름의 작업으로부터 이벤트를 받을 때 사용. 참조 블로그 : [iOS/Swift] NotificationCenter 사용하기 공감수 0 댓글수 0 2022. 9. 29.
Swift - UserDefault UserDefaults 앱 실행 시 키-값 쌍을 지속적으로 저장하는 사용자의 기본 데이터베이스에 대한 인터페이스 개요 이 클래스는 기본 시스템과 상호 작용하기 위한 프로그래밍 방식의 인터페이스를 제공한다. 기본객체 저장 float, double, integer, Boolean 값 및 URL과 같은 일반적인 유형에 액세스하기 위한 편리한 메서드를 제공한다. 파일 참조 유지 파일 시스템의 위치를 저장한다. 메서드를 사용하여 특정 파일 위치를 저장하고 사용자가 해당 파일을 이동하면 앱이 다음에 실행될 때 해당 파일을 찾지 못할수도 있다. 기본값 변경에 응답 키-값 관찰을 사용하여 특정 기본값에 대한 업데이트를 알릴 수 있다. 스레드 안정성 UserDefaults 클래스는 스레드로부터 안전하다. 공감수 0 댓글수 0 2022. 9. 29.
Swift - UITabBarController UITabBarController UITabBarController 다중 선택 인터페이스를 관리하는 컨테이너 뷰 컨트롤러로, 선택에 따라 어떤 자식 뷰 컨트롤러를 보여줄 것인지가 결정 공감수 0 댓글수 0 2022. 9. 28.
Swift UINavigationViewController UINavigationViewController Content View Controller 화면을 구성하는 뷰를 직접 구현하고 관련된 이벤트를 처리하는 뷰 컨트롤러 Container View Controller 하나 이상의 Child View Controller 를 가지고 있다. 하나 이상의 Child View Controller 를 관리하고 레이아웃과 화면 전환을 담당한다. 화면 구성과 이벤트 관리는 Child View Controller 에서 한다. Container View Controller 는 대표적으로 Navigation Controller와 TabBar Controller가 있다. 공감수 0 댓글수 0 2022. 9. 28.
Swift - UIViewController UIViewController UIViewController UIKit 앱의 뷰 계층 구조를 관리하는 객체로 앱은 최소 하나 이상의 뷰 컨트롤러를 가지고 있다. UIViewController의 주요 역할 데이터 변화에 따라서 view 컨텐츠를 업데이트 한다. View들과 함께 사용자 상호작용에 응답한다. View를 리사이징하고 전체적인 인터페이스의 레이아웃을 관리한다. 다른 뷰 컨트롤러 들과 함께 앱을 구성한다. UIViewController LifeCycle UIViewController LifeCycle CallBack Method init 뷰 컨트롤러의 초기화를 진행하면 내부의 객체들을 초기화하는 작업이 수행된다. 내부의 뷰들이 생성된 것이 아니기 때문에 내부 뷰 요소에는 접근할 수 없다. loac.. 공감수 0 댓글수 0 2022. 9. 28.
Swift UIKit 설명 UIKit UIKit (Framework) UIKit 프레임워크는 iOS 및 tvOS용 앱을 빌드하는 데 필요한 핵심 개체를 제공한다. 이러한 개체를 사용하여 콘텐츠를 화면에 표시하고 해당 콘텐츠와 시스템과의 상호 작용을 관리합니다. 앱은 기본 동작을 위해 UIKit에 의존하고 UIKit은 특정 요구 사항에 맞게 동작을 사용자 지정할 수 있는 다양한 방법을 제공한다. UIKit App Code Struct UIKit 앱의 구조는 MVC(Model-View-Controller) 디자인 패턴을 기반으로 하며, 여기서 객체는 목적에 따라 구분된다. 아래 그림은 UIKit의 일반적인 구조를 나타내며, 데이터 개체와 View 간의 데이터 교환을 조정하는 것은 View Controller에서 진행된다. App La.. 공감수 0 댓글수 0 2022. 9. 28.
Swift Architecture / 스위프트 아키텍쳐 패턴 Swift Architecture Swift UI Framework MVC 패턴 Model, View, Controller MVC 패턴은 Model-View-Controller 패턴의 줄임말로, 이름 그대로 세 가지 계층으로 각 코드의 책임과 역할을 나눈다. 계층은 각각 Model, View, Controller로 나뉜다. iOS에서의 MVC는 보통 View와 Controller가 합쳐진 형태로 되어있어 이를 Massive View Controller라고 부른다. Swift MVC 패턴 ModelModel에는 대부분 다음과 같은 코드가 포함된다. 데이터로 사용하는 구조체 네트워크 로직 : 네트워크 요청을 하고, 그 결과를 받아오는 기본적인 기능을 담은 로직 Persistance 로직 : 메모리에 저장되는.. 공감수 6 댓글수 1 2022. 9. 28.
Swift 기본 문법 정리 Swift 기본 문법 상수와 변수 (let, var) 상수 : 데이터가 한번 초기화되면 더이상 변하지 않는 수 변수 : 데이터를 계속해서 변경할 수 있는 수 let a: Int = 1 // 상수 var b: Int = 2 // 변수 a = 2 // 오류 발생 데이터 타입(Int, UInt, Float, Double, Bool, Character, String, Any) Int : 64bit 정수형 UInt : 부호가 없는 64bit 정수형 Float: 32bit 부동 소수점 Double: 64bit 부동 소수점 Bool: true / false Character: 문자형 String: 문자열 Any: 모든 타입을 지칭하는키워드 컬렉션 타입(Array, Dictionary, Set) Array : 데이터 .. 공감수 3 댓글수 0 2022. 9. 28.
Swift - 기본개념 개요 스위프트(Swift)는 애플의 iOS와 macOS를 위한 프로그래밍 언어로 2014년 6월 2일 애플 세계 개발자 회의(WWDC)에서 처음소개 되었다. 스위프트 언어의 문법은 파이썬 언어라고 발표 초창기에 알려졌었다. 기존의 애플 운영체제용 언어 오브젝티브-C와 함께 사용할 목적으로 만들어졌다. 주요 특징 최신 기능 (Up-to-date Function) API를 더 쉽게 읽고 유지 관리할 수 있게 해주는 명확한 구문으로 표현 엄격하고 확정적인 참조 계수를 사용하고, 가비지 컬렉션 관련 오버헤드 없이 최소한의 메모리 사용량을 유지하여 메모리 자동 관리 안전 중심 설계 (Safety-oriented Design) 불안전한 코드의 전체 클래스를 제거한다. 변수는 사용 전에 항상 초기화되고, 배열 및 정.. 공감수 0 댓글수 0 2022. 9. 28.
#2 Node.js RestAPI 만들기 - DB 연동(MariaDB) 이전글 - Node.js 프로젝트 생성 Node.js RestAPI 만들기 - 1.프로젝트 생성 VSCode와 Node.js 설치는 Vue.js 개발환경 구축에서 다루었으니 아래 글을 참고해주시면 됩니다. #2 Vue 프로젝트 생성을 위한 개발환경 구축-1(VSCode, Node.js) vscode 설치 https://code.visualstudio.com/ Vis.. dolmengs.tistory.com RESTAPI는 데이터를 제공해주는것을 목표로 한다. 일단 CRUD(Create, Read, Update, Delete)를 목표로 RESTAPI를 제작하는 것이기 때문에 데이터베이스랑 연동은 필수라고 봐도 된다. Node.js - MariaDB 연동 1) mysql 모듈 설치 - 다음과 같은 명령어를 .. 공감수 1 댓글수 0 2021. 11. 8.
#1 Node.js RestAPI 만들기 - 프로젝트 생성 VSCode와 Node.js 설치는 Vue.js 개발환경 구축에서 다루었으니 아래 글을 참고해주시면 됩니다. #2 Vue 프로젝트 생성을 위한 개발환경 구축-1(VSCode, Node.js) vscode 설치 https://code.visualstudio.com/ Visual Studio Code - Code Editing. Redefined Visual Studio Code is a code editor redefined and optimized for building and debugging modern web and cloud ap.. dolmengs.tistory.com 1. express-generator express-generator란? - 서버의 기본적인 구조와 파일을 자동으로 생성하도록 .. 공감수 0 댓글수 0 2021. 11. 8.
#3 Vue 프로젝트 생성을 위한 개발환경 구축 (Vue Cli) 1. Vue CLI 설치 Vue-Cli(Command Line Interface)는 터미널에 명령어를 입력하여 컴퓨터와 상호작용하는 방식을 의미한다. Vue CLI를 설치하기 위해서는 터미널에서 npm을 이용하여 설치한다. vue는 버전 2.x 부터 4.x 버전까지 나와있으며, 각각의 설치방법은 다음과 같다. // vue cli v3.x, v4.x npm install @vue/cli -g // vue cli v2.x npm install -g vue-cli 1) vue cli -v4.x 설치 (windows + R) 실행창에서 cmd(터미널창)을 실행한다. 2) npm install -g @vue/cli 명령어를 입력한다. (-g는 글로벌의 약자) 3) 설치가 완료된 후 vue -V 을 입력하여 버전을.. 공감수 0 댓글수 0 2021. 10. 11.
#2 Vue 프로젝트 생성을 위한 개발환경 구축-1(VSCode, Node.js) vscode 설치 https://code.visualstudio.com/ Visual Studio Code - Code Editing. Redefined Visual Studio Code is a code editor redefined and optimized for building and debugging modern web and cloud applications. Visual Studio Code is free and available on your favorite platform - Linux, macOS, and Windows. code.visualstudio.com VSCode(Visual Studio Code)는 IDE(통합 개발 환경:Integrated Development Environm.. 공감수 0 댓글수 0 2021. 10. 11.
#1 Vue.js 시작하기 (스크립트 추가방법) https://kr.vuejs.org/v2/guide/installation.html 설치방법 — Vue.js Vue.js - 프로그레시브 자바스크립트 프레임워크 kr.vuejs.org 기본적으로 Vue.js 공식 홈페이지의 설명에 따르면 직접 에 추가하는 방식은 다음과 같다. 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 // vue.js 버전 2.x // 프로토 타이핑 또는 학습 목적 // 프로덕션 환경인 경우 // 기본 ES 모듈을 사용하는 경우 import Vue from 'https://cdn.jsdelivr.net/npm/vue@2.6.12/dist/vue.esm.browser.js' // vue.js 버전 3.x // 프로토 타이핑 또는 학습 Colored by Color .. 공감수 0 댓글수 0 2021. 10. 11.
Spring 환경설정 시작 - Maven 설정하기 (pom.xml) 스프링 환경설정은 전체 프로젝트의 반이라고 볼 정도로 환경설정할 것이 많다. 그중 하나가 Maven이다. Maven은 'Build 및 배포를 위한 형상 관리 도구'로 자바 라이브러리의 의존성을 자동으로 관리한다. 프로젝트 객체 모델 (Project Object Model) 메이븐은 프로젝트와 관련된 정보를 Proejct Object Model 이라는 이름으로 정의한다. pom.xml이라는 이름의 XML 기반 메타데이터 파일을 통해 선언적으로 개발자가 제공해야한다. pom.xml 파일의 구조 pom.xml 의 최상위 태그로 프로젝트 정보를 담고 있다. modelVersion, groupId, artifactId, version, packaging 하위 태그로 maven 내부에서 반복적으로 사용될 상수 값을.. 공감수 0 댓글수 0 2021. 7. 13.
Spring - legacy Project 생성하기 스프링 프로젝트 중 가장 기본인 Spring Legacy Project 생성 방법에 대해서 알아보겠습니다. 1. STS에서 컨트롤 + n을 누르면 새로운 프로젝트를 생성할 수 있는 창이 하나 뜨게 됩니다. 여기서 Spring Legacy Project를 선택합니다. 2. Project name을 입력하고 Spring MVC Project를 선택 후 Next를 클릭합니다. 3. 패키지 명을 최소 3단계로 설정한 후 Finish를 클릭합니다. (ex. com.sp.app) 4. 성공적으로 Legacy Project가 완성된 모습입니다. 하지만 몇가지 설정이 필요합니다. 5. Spring Legacy Project를 오른쪽 클릭하여 Properties에 들어간 후 Project Facets목록에서 Java와 .. 공감수 1 댓글수 0 2021. 7. 12.

문의안내

티스토리
로그인
고객센터

티스토리는 카카오에서 사랑을 담아 만듭니다.