[Swift] Storyboard 프로젝트 구성 -2 : 페이지(View / ViewController) 생성 및 설정방법
·
Swift/환경설정
해당 글에서는 Storyboard 프로젝트 내에서 페이지를 구성하기 위한 View, ViewController 설정 방법에 대해서 확인해 봅니다. 1) 개발환경 분류 버전 및 설명 iOS 15.0 언어 Swift 디자인 스타일 StoryBoard(UIKit) IOS 16.2 개발 툴 Xcode 2) 뷰(View) 생성 1. 생성하려는 위치에 ‘New File..’ 버튼을 누릅니다 2. ‘Storyboard’를 선택합니다. 3. ‘TestView’라는 이름으로 파일을 생성합니다 3) 뷰 컨트롤러(ViewController) 생성 1. ViewController를 위해 생성하려는 위치에 ‘New File..’ 버튼을 누릅니다 2. ‘Swift File’를 선택합니다. 3. ‘TestViewController..
[Swift] Storyboard 프로젝트 구성 -1 : 개발 환경 구성
·
Swift/환경설정
해당 글에서는 Xcode 툴을 통하여서 초기 앱의 프로젝트를 생성하고 디바이스에 연결을 하기 위한 설정 및 과정에 대해서 공유를 목적으로 작성한 글입니다. 1) 개발환경 분류 버전 및 설명 iOS 15.0 언어 Swift 디자인 스타일 StoryBoard(UIKit) IOS 16.2 개발 툴 Xcode 2) 프로젝트 생성 💡 해당 환경설정은 ‘Xcode’ 툴을 이용하여서 환경을 구성하였습니다. 1. 프로젝트 선택 💡 Xcode 실행 - File 탭 - "New -Project…" 버튼을 선택합니다. 2. Choose a template for your new project 💡 "Choose a template for your new project"에서 'APP’을 선택 - ‘Next’ 버튼을 누릅니다. ..
[Java] Spring Boot AOP(Aspect-Oriented Programming) 이해하고 설정하기
·
Java/Spring Boot
해당 글에서는 Spring AOP에 대해 이해하고 환경설정을 해보는 방법에 대해서 공유를 목적으로 작성한 글입니다. 1) Spring AOP(Aspect-Oriented Programming, AOP) 1. AOP 용어 이해하기 💡 Spring AOP란? - Spring AOP는 스프링 프레임워크에서 제공하는 기능 중 하나로 관점 지향 프로그래밍을 지원하는 기술입니다. Spring AOP는 로깅, 보안, 트랜잭션 관리 등과 같은 공통적인 관심사를 모듈화 하여 코드 중복을 줄이고 유지 보수성을 향상하는데 도움을 줍니다. 💡 관점 지향 프로그래밍(Aspect-Oriented Programming, AOP) 이란? - 객체 지향 프로그래밍 패러다임을 보완하는 기술로 메소드나 객체의 기능을 핵심 관심사(Core..
[Java] Spring Boot Security 이해하기 -4: JWT 환경 설정 및 구성 하기
·
Java/Spring Boot
해당 글에서는 Spring Boot Security내에 ‘인증’ 방식을 JWT를 이용하여서 사용자의 인증을 구성하는 환경 설정방법에 대해서 이해하기 위한 글입니다.      💡 [참고] 해당 글은 이전에 작성한 'JWT 이론'에 대해서 이해를 하고 구성을 하시면 크게 도움이 됩니다 [Java] Spring Boot Security 이해하기 -3: JWT(JSON Web Token) 이해하기해당 글에서는 Spring Security의 인증을 위한 ‘JWT: JSON Web Token’를 이해하고 적용하기 위해 우선 이해를 목적으로 작성한 글입니다. 추후 적용을 위한 환경 설정 방법에 대해서 공유합니다. [참고]adjh54.tistory.com   1) 개발 환경 💡 Spring Security & JW..
[JAVA] Spring Boot내에서 MyBatis & PostgreSQL 연동하기
·
Java/Spring Boot
해당 글에서는 Spring Boot내에 Mybatis와 PostgreSQL을 연결하고 로직 처리를 위한 환경 설정 및 파일 구성에 대해서 공유합니다.   💡 최하단에 해당 환경 구성과 관련하여 '로컬 DB 구성 방법', 'HikariCP'를 통한 Connection 관리, 'Spring Security' 구성 및 'JWT'를 통한 인증 방법에 대해서 관련 글들도 참고해 보시면 좋을 것 같습니다 🙏   1) 사전 확인 작업1. DB 드라이버 설치 확인# postgreSQL 버전을 확인한다.$ postgres --version# 설치가 안되었다면 설치를 한다.$ brew install postgresql  2. 개발 환경 확인구분언어 / 라이브러리 언어Java웹 프레임워크Spring BootPersist..
[Java/IntelliJ] Spring Boot Devtools 이해하고 설정하기
·
Java/Spring Boot
해당 글은 Spring Boot의 spring-boot-devtools에 대해 이해하고 Automatic Restart, Live Reload의 기능 사용방법에 대해서 공유 목적으로 작성한 글입니다. 1) spring-boot-devtools💡 spring-boot-devtools - Spring Boot Application을 개발하고 디버깅을 하는데 도움이 되는 도구 모음을 의미합니다. - 개발 단계에서 자동으로 다시 로드되는 기능을 제공하여 개발자가 변경 사항을 신속하게 확인할 수 있도록 도움을 줍니다. 또한 라이브 리로딩, 프로퍼티 변경 감지 및 자동 재시작과 같은 기능도 제공합니다 💡 오픈소스 빌드 자동화 툴(Gradle 혹은 Maven) 내에 라이브러리를 추가합니다.# Gradle depend..
[IntelliJ] *.properties 파일 내의 한글 경고 메시지 해결방법
·
개발 Tip/IntelliJ
해당 글은 IntelliJ에서 *.properties 내에 발생하는 경고 메시지에 대해 해결하는 방법에 대해서 공유합니다. 1) 경고 메시지 발생 💡 *.properties 파일 내에서 한글을 입력하는 경우 아래와 같이 문자 집합 'ISO-8859-1'에서 지원되지 않는 문자(Characters not supported in character set 'ISO-8859-1')라는 경고 메시지가 나오는 문제가 발생하였습니다. 2) 경고메시지 해결 방안 💡 Standard JAVA 내에 Properties 파일들은 ISO-8859-1 인코딩을 사용해야 하고 한글은 ISO-8859-1에 정의가 되어 있지 않습니다. 이를 위해서 설정이 필요합니다. 1. IntelliJ - Preferencs… 를 누릅니다 2. ..
[Github] Github Actions 이해하기-2 (환경설정, 적용 예시)
·
Github/이해하기
해당 글에서는 이전 용어들에 대해서 이해하는 것에 이어진 환경 설정 후 적용하는 예시에 대해서 이해하기 위한 글을 다루고 있습니다. 💡 이전에 작성한 Github Actions 정의 및 주요 용어를 설명하는 글을 읽고 오시면 도움이 됩니다. [Github] Github Actions 이해하기 -1(정의, 주요 용어) 해당 글에서는 CI/CD 중 하나인 Github Actions에 대해서 이해하고 각각의 용어에 대해 이해하는 글을 다루고 있습니다. 1) Github Actions란? 💡 특정한 이벤트가 발생 시 '원하는 일'을 자동으로 수행할 adjh54.tistory.com 1) Github Actions 초기 환경 구성 1.. 적용할Github Repository에 들어가서 'Actions' 탭을 누릅..
[RN] React-native-cli Mac OS 환경설정 : 초기 프로젝트 구성
·
React & React Native/환경 설정 및 구성
해당 글은 Mac OS 기반의 React-native-cli 기반 환경설정 방법입니다. 1) 필수 프로그램을 설치합니다.1. homebrew💡 macOS 용 패키지 관리자입니다. HomebrewThe Missing Package Manager for macOS (or Linux).brew.sh # 설치 이후 버전 확인$ brew -v  2. node💡 homebrew를 통해서 설치해도 가능하며, 아래 링크를 통해 다운로드를 하여도 무관합니다.# node install$ brew install node# node check$ node -v Node.jsNode.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine.nodejs.org  3..
[RN] React Native Tensorflow의 blazeface 모델을 이용한 얼굴 감지
·
React & React Native/라이브러리 활용
해당 글은 React-native 환경에서 Tensorflow.js의 blazeface 모델을 이용하여 얼굴을 감지하는 것에 대한 주제로 기초 환경설정하는 부분에서부터 개발과정에 대해서 설명하는 글로 작성하였습니다. 1) 기초 환경 설정1. 프로젝트 생성해당 프로젝트는 React-native의 'expo-cli' 개발 방법을 선택하였으며 Typescript 기반으로 환경을 구성하였습니다.# expo-cli 기반 React Native TypeScript 프로젝트 생성$ expo init rn-tfjs-face-detection -t expo-template-blank-typescript 2. 라이브러리 구성해당 라이브러리 구성은 얼굴 감지를 위한 Tensorflow.js 관련 라이브러리를 설치하였으며, ..