깃플로우 git flow 를 활용한 개발 과정 워크플로우 순서
GIT의 프레임워크 중에 하나인 git flow 를 활용하여 형상 관리하는 개발 과정 워크플로우 순서를 정리해보았다.
Posts by Tag
- 프론트엔드 18
- 웹개발 17
- 모바일앱 16
- React 9
- Ionic-react 9
- 문제 해결 8
- Ionic 6
- Swift 4
- Capacitor 3
- 안드로이드 스튜디오 2
- iOS 2
- 소설 2
- Xcode 1
- 프론트엔드개발자 1
- 네이버 API 1
- Git 1
- Data Analysis 1
프론트엔드
초보 기획자 와이어프레임 작성할 때 주의해야 할 점
개발자의 입장에서 보는, 개발자로 일하며 초보 기획자가 기획을 하면서 실수하는 내용과 와이어프레임을 작성할 때 주의해야 할 점에 대한 내 생각을 정리해보았다.
리액트 컴포넌트 최적화 방법 useCallback 사용법
React useCallback 과 React.memo 를 사용하여 함수를 재사용하고 컴포넌트 리렌더링을 방지함으로써 컴포넌트를 최적화하는 방법과 크롬 익스텐션 React Developer Tools 사용법을 간단하게 설명한다.
자바스크립트 이메일 & 비밀번호 정규표현식 Regex 예제 코드
자바스크립트의 RegExp constructor 로 이메일과 비밀번호, 전화번호를 validation 하는 방법 예제 코드
onBlur 문제 해결 - 마켓에 배포된 앱 hotfix
아이오닉 리액트에서 onBlur 이벤트는 입력 창에서 포커스가 없어지는 모든 이벤트, 여백 클릭, 다른 컴포넌트 클릭, 키보드에서 검색 클릭 등 모든 이벤트가 포함된다.
Svelte 와 React 차이점 - Prop, 상태관리, 컴포넌트 만드는 방법
Svelte 와 React 차이점, Prop, State, if else for 문 작성하는 방법, 상태관리, 컴포넌트 만드는 방법
자바스크립트 컴파일러 Svelte 스벨트가 리액트를 대체할까?
프론트엔드 프레임워크 및 자바스크립트 컴파일러 비교, Svelte 와 React, Angular, Vue 의 차이점, Stencil JS
이미지 파일을 해시 및 암호화 하는 과정에서 발생한 문제점 해결 방법
전자 동의서 서명 암호화 서버 통신과의 오류 발생한 원인 파악 및 문제 해결 과정
자바스크립트 Base64 기본 및 URL 인코딩 개념 알기
Base64 의 기본 개념과 사용하는 이유를 알아보고 자바스크립트로 Base64 인코딩 및 디코딩 하는 법, URL 인코딩 및 디코딩 하는 방법에 대해 알아보자.
리액트 useEffect 사용법
React useEffect 를 사용하여 메인 화면을 클릭 할 때 마다 함수 실행하기, 로그인 상태가 변경될 때 마다 특정 함수 실행하기
Capacitor Local Notifications 을 세팅하면서 마주한 문제점 해결
문제점: iOS 에서 LocalNotifications 가 실행되지 않음
XSS 라이브러리 - dompurify
GS인증을 위한 XSS attack 방지
아이오닉 앱 스크롤 먹통 문제점 해결
문제점: 모바일 화면 스크롤이 on & off 로 되다/안되다 하는 현상
서버와 통신하여 JSON 데이터 불러오기
파이썬 및 자바스크립트로 서버와 통신하여 JSON 데이터 불러오는 방법을 알아보자.
자바스크립트 돔 이란 DOM ?
자바스크립트 돔 DOM - Document Object Model 에 대 알아보자.
CSS 고급 셀렉터 pseudo 클래스
CSS 고급 셀렉터와 수도 클래스를 알아보자.
터미널 커맨드라인 프롬프트 사용법 기초
터미널 커맨드라인 프롬프트 사용법 기초를 알아보자.
HTML CSS JavaScript 프론트엔드 백엔드 개발 차이점?
HTML CSS JavaScript 이 무엇인지 언제 사용하는지 그 차이점을 알아보고, 프론트엔드와 백엔드 개발의 차이점을 알아보자.
웹개발
내 컴퓨터 http 헤더 확인하고 요청시 헤더 전송하는 방법 파이썬 예시
How to send my header and check my http header
Step by Step: python virtual environment and install django project
파이썬 가상 환경을 설치하고 가상 환경에서 Django 와 django 프로젝트를 설치하는 절차를 소개한다.
로컬 VS Code 에서 Github SSH Key 생성하고 연결하는 방법
나의 로컬 컴퓨터 VS Code 에서 github 계정으로 커밋, 풀, 푸시 등 remote repo 로 업로드 가능한 작업을 하기 위해 나의 github 계정을 SSH 로 연결하는 방법에 대해 알아보자.
서버란? 웹서버란? 웹호스팅이란? 앱 서버란? 서버의 개념 총 정리!
서버, 웹 서버, 웹 호스팅, 앱 서버란 무엇인지 알아보고 서버 및 백엔드에 대한 개념을 정리해보자.
IP 주소, IP 패킷, IP 헤더와 페이로드, TCP/UDP 기본 개념
인터넷 프로토콜 주소란 무엇인지 알아보고 인터넷을 통해 다른 컴퓨터로 데이터를 보낼 때 포함하는 IP 패킷, 그 속에 포함되는 IP 헤더와 페이로드, TCP/UDP 에 대해 알아보자.
깃플로우 git flow 를 활용한 개발 과정 워크플로우 순서
GIT의 프레임워크 중에 하나인 git flow 를 활용하여 형상 관리하는 개발 과정 워크플로우 순서를 정리해보았다.
Svelte 와 React 차이점 - Prop, 상태관리, 컴포넌트 만드는 방법
Svelte 와 React 차이점, Prop, State, if else for 문 작성하는 방법, 상태관리, 컴포넌트 만드는 방법
자바스크립트 컴파일러 Svelte 스벨트가 리액트를 대체할까?
프론트엔드 프레임워크 및 자바스크립트 컴파일러 비교, Svelte 와 React, Angular, Vue 의 차이점, Stencil JS
이미지 파일을 해시 및 암호화 하는 과정에서 발생한 문제점 해결 방법
전자 동의서 서명 암호화 서버 통신과의 오류 발생한 원인 파악 및 문제 해결 과정
자바스크립트 Base64 기본 및 URL 인코딩 개념 알기
Base64 의 기본 개념과 사용하는 이유를 알아보고 자바스크립트로 Base64 인코딩 및 디코딩 하는 법, URL 인코딩 및 디코딩 하는 방법에 대해 알아보자.
쿠키, 로컬스토리지, 세션스토리지 차이점
쿠키란? 로컬스토리지와 세션스토리지 정의
서버와 통신하여 JSON 데이터 불러오기
파이썬 및 자바스크립트로 서버와 통신하여 JSON 데이터 불러오는 방법을 알아보자.
자바스크립트 돔 이란 DOM ?
자바스크립트 돔 DOM - Document Object Model 에 대 알아보자.
CSS 고급 셀렉터 pseudo 클래스
CSS 고급 셀렉터와 수도 클래스를 알아보자.
터미널 커맨드라인 프롬프트 사용법 기초
터미널 커맨드라인 프롬프트 사용법 기초를 알아보자.
HTML CSS JavaScript 프론트엔드 백엔드 개발 차이점?
HTML CSS JavaScript 이 무엇인지 언제 사용하는지 그 차이점을 알아보고, 프론트엔드와 백엔드 개발의 차이점을 알아보자.
모바일앱
스위프트 Array 배열 자주쓰는 코드 모음
스위프트 배열을 다루면서 자주 사용하게 되는 배열 요소 추가, 삽입, 삭제, 교체, 스왑, Array의 프로퍼티와 메서드, for loop 에서 사용법 등을 정리했다.
스위프트 inout 키워드
스위프트 Swift 함수 파라미터에 사용되는 inout 키워드와 스위프트의 copy-in, copy-out에 대해 알아보자.
onBlur 문제 해결 - 마켓에 배포된 앱 hotfix
아이오닉 리액트에서 onBlur 이벤트는 입력 창에서 포커스가 없어지는 모든 이벤트, 여백 클릭, 다른 컴포넌트 클릭, 키보드에서 검색 클릭 등 모든 이벤트가 포함된다.
아이오닉 리액트 탭 컴포넌트 예제 (깃헙 소스코드 공유)
아이오닉 리액트 프레임워크에 사용 가능한 탭 컴포넌트 예제 및 깃헙 소스코드 공유 - Ionic React Tab Component
리액트로 전자 서명 터치 패드 구현하기
브라우저, 아이오닉 모바일 앱, 하이브리드 모바일 앱에서 리액트 라이브러리 react-signature-canvas 를 사용하여 전자 서명 터치 패드 기능을 구현하는 방법 및 소스 코드 공유
아이오닉 모바일 앱에 PDF 뷰어 및 줌 확대 축소 기능 만들기
모바일 PDF 및 사진 뷰어 구현 단계와 소스 코드 공유
리액트 환경 변수 설정하고 사용하는 방법
리액트 프레임워크에서는 scripts 에 환경 변수를 추가하여 쉽게 사용 가능할 수 있다.
아이폰의 안전 영역 Safe area 픽셀 사이즈 정리
iPhone X (iPhone 10) 이상 부터 Safe area 라는 것이 있으므로 아이폰의 안전 영역 Safe area 를 고려해야 한다.
Capacitor Local Notifications 을 세팅하면서 마주한 문제점 해결
문제점: iOS 에서 LocalNotifications 가 실행되지 않음
Ionic + Capacitor + Cordova 플러그인 설치시 문제점
Ionic + Capacitor 프로젝트에 코도바 플러그인 및 아이오닉 네이티브 플러그인을 설치하면서 발생하는 문제점
아이오닉 앱 스크롤 먹통 문제점 해결
문제점: 모바일 화면 스크롤이 on & off 로 되다/안되다 하는 현상
Xcode Constraints & Alignment 자동으로 레이아웃 설정하는 방법
Xcode Constraints & Alignment 자동으로 레이아웃 설정하기, Xcode View & Stack View 이해하기
안드로이드 앱 아이콘 변경하는 방법 및 디버그용 APK 생성하는 방법
APK 파일 이란?
Xcode 프로젝트 생성 및 아이폰 앱 테스트하는 방법
PC로 Xcode iOS 개발하는 방법, Xcode 프로젝트 git clone 하는 방법
스위프트 옵셔널 Safety 체크 하는 방법 5가지
Swift Optionals 스위프트 옵셔널 !? 기본 개념과 스위프트 옵셔널 Safety 체크 하는 방법 5가지. 알아보자
React
리액트 컴포넌트 최적화 방법 useCallback 사용법
React useCallback 과 React.memo 를 사용하여 함수를 재사용하고 컴포넌트 리렌더링을 방지함으로써 컴포넌트를 최적화하는 방법과 크롬 익스텐션 React Developer Tools 사용법을 간단하게 설명한다.
onBlur 문제 해결 - 마켓에 배포된 앱 hotfix
아이오닉 리액트에서 onBlur 이벤트는 입력 창에서 포커스가 없어지는 모든 이벤트, 여백 클릭, 다른 컴포넌트 클릭, 키보드에서 검색 클릭 등 모든 이벤트가 포함된다.
아이오닉 리액트 탭 컴포넌트 예제 (깃헙 소스코드 공유)
아이오닉 리액트 프레임워크에 사용 가능한 탭 컴포넌트 예제 및 깃헙 소스코드 공유 - Ionic React Tab Component
리액트로 전자 서명 터치 패드 구현하기
브라우저, 아이오닉 모바일 앱, 하이브리드 모바일 앱에서 리액트 라이브러리 react-signature-canvas 를 사용하여 전자 서명 터치 패드 기능을 구현하는 방법 및 소스 코드 공유
아이오닉 모바일 앱에 PDF 뷰어 및 줌 확대 축소 기능 만들기
모바일 PDF 및 사진 뷰어 구현 단계와 소스 코드 공유
리액트 useEffect 사용법
React useEffect 를 사용하여 메인 화면을 클릭 할 때 마다 함수 실행하기, 로그인 상태가 변경될 때 마다 특정 함수 실행하기
리액트 환경 변수 설정하고 사용하는 방법
리액트 프레임워크에서는 scripts 에 환경 변수를 추가하여 쉽게 사용 가능할 수 있다.
아이폰의 안전 영역 Safe area 픽셀 사이즈 정리
iPhone X (iPhone 10) 이상 부터 Safe area 라는 것이 있으므로 아이폰의 안전 영역 Safe area 를 고려해야 한다.
XSS 라이브러리 - dompurify
GS인증을 위한 XSS attack 방지
Ionic-react
리액트 컴포넌트 최적화 방법 useCallback 사용법
React useCallback 과 React.memo 를 사용하여 함수를 재사용하고 컴포넌트 리렌더링을 방지함으로써 컴포넌트를 최적화하는 방법과 크롬 익스텐션 React Developer Tools 사용법을 간단하게 설명한다.
onBlur 문제 해결 - 마켓에 배포된 앱 hotfix
아이오닉 리액트에서 onBlur 이벤트는 입력 창에서 포커스가 없어지는 모든 이벤트, 여백 클릭, 다른 컴포넌트 클릭, 키보드에서 검색 클릭 등 모든 이벤트가 포함된다.
아이오닉 리액트 탭 컴포넌트 예제 (깃헙 소스코드 공유)
아이오닉 리액트 프레임워크에 사용 가능한 탭 컴포넌트 예제 및 깃헙 소스코드 공유 - Ionic React Tab Component
리액트로 전자 서명 터치 패드 구현하기
브라우저, 아이오닉 모바일 앱, 하이브리드 모바일 앱에서 리액트 라이브러리 react-signature-canvas 를 사용하여 전자 서명 터치 패드 기능을 구현하는 방법 및 소스 코드 공유
아이오닉 모바일 앱에 PDF 뷰어 및 줌 확대 축소 기능 만들기
모바일 PDF 및 사진 뷰어 구현 단계와 소스 코드 공유
리액트 useEffect 사용법
React useEffect 를 사용하여 메인 화면을 클릭 할 때 마다 함수 실행하기, 로그인 상태가 변경될 때 마다 특정 함수 실행하기
애플 앱 스토어에 심사 통과되기 까지의 과정!🎉
애플에 제출한 iOS 앱이 심사 통과 되었고 애플 앱 스토어에 정식 출시 되기까지 5번 거절 당하고 디버깅한 험난했던 과정
리액트 환경 변수 설정하고 사용하는 방법
리액트 프레임워크에서는 scripts 에 환경 변수를 추가하여 쉽게 사용 가능할 수 있다.
아이폰의 안전 영역 Safe area 픽셀 사이즈 정리
iPhone X (iPhone 10) 이상 부터 Safe area 라는 것이 있으므로 아이폰의 안전 영역 Safe area 를 고려해야 한다.
문제 해결
python pandas read_csv unicode decode error
판다스에서 read_csv 유니코드 디코드 에러 해결 방법 UnicodeDecodeError: ‘utf-8’ codec can’t decode byte 0xc7 in position 0: invalid continuation byte
onBlur 문제 해결 - 마켓에 배포된 앱 hotfix
아이오닉 리액트에서 onBlur 이벤트는 입력 창에서 포커스가 없어지는 모든 이벤트, 여백 클릭, 다른 컴포넌트 클릭, 키보드에서 검색 클릭 등 모든 이벤트가 포함된다.
이미지 파일을 해시 및 암호화 하는 과정에서 발생한 문제점 해결 방법
전자 동의서 서명 암호화 서버 통신과의 오류 발생한 원인 파악 및 문제 해결 과정
애플 앱 스토어에 심사 통과되기 까지의 과정!🎉
애플에 제출한 iOS 앱이 심사 통과 되었고 애플 앱 스토어에 정식 출시 되기까지 5번 거절 당하고 디버깅한 험난했던 과정
안드로이드 네이버 지도 API 에러 - https 보안 정책
안드로이드 9.0 이상에서 http평문통신을 허용하지 않고 https만 허용하는 보안정책이 있어 networkSecurityConfig 파일을 생성하여 예외처리를 해주어야 한다.
Capacitor Local Notifications 을 세팅하면서 마주한 문제점 해결
문제점: iOS 에서 LocalNotifications 가 실행되지 않음
Ionic + Capacitor + Cordova 플러그인 설치시 문제점
Ionic + Capacitor 프로젝트에 코도바 플러그인 및 아이오닉 네이티브 플러그인을 설치하면서 발생하는 문제점
아이오닉 앱 스크롤 먹통 문제점 해결
문제점: 모바일 화면 스크롤이 on & off 로 되다/안되다 하는 현상
Ionic
onBlur 문제 해결 - 마켓에 배포된 앱 hotfix
아이오닉 리액트에서 onBlur 이벤트는 입력 창에서 포커스가 없어지는 모든 이벤트, 여백 클릭, 다른 컴포넌트 클릭, 키보드에서 검색 클릭 등 모든 이벤트가 포함된다.
아이오닉 리액트 탭 컴포넌트 예제 (깃헙 소스코드 공유)
아이오닉 리액트 프레임워크에 사용 가능한 탭 컴포넌트 예제 및 깃헙 소스코드 공유 - Ionic React Tab Component
Capacitor Local Notifications 을 세팅하면서 마주한 문제점 해결
문제점: iOS 에서 LocalNotifications 가 실행되지 않음
XSS 라이브러리 - dompurify
GS인증을 위한 XSS attack 방지
Ionic + Capacitor + Cordova 플러그인 설치시 문제점
Ionic + Capacitor 프로젝트에 코도바 플러그인 및 아이오닉 네이티브 플러그인을 설치하면서 발생하는 문제점
아이오닉 앱 스크롤 먹통 문제점 해결
문제점: 모바일 화면 스크롤이 on & off 로 되다/안되다 하는 현상
Swift
스위프트 Array 배열 자주쓰는 코드 모음
스위프트 배열을 다루면서 자주 사용하게 되는 배열 요소 추가, 삽입, 삭제, 교체, 스왑, Array의 프로퍼티와 메서드, for loop 에서 사용법 등을 정리했다.
스위프트 inout 키워드
스위프트 Swift 함수 파라미터에 사용되는 inout 키워드와 스위프트의 copy-in, copy-out에 대해 알아보자.
Xcode Constraints & Alignment 자동으로 레이아웃 설정하는 방법
Xcode Constraints & Alignment 자동으로 레이아웃 설정하기, Xcode View & Stack View 이해하기
스위프트 옵셔널 Safety 체크 하는 방법 5가지
Swift Optionals 스위프트 옵셔널 !? 기본 개념과 스위프트 옵셔널 Safety 체크 하는 방법 5가지. 알아보자
Capacitor
Capacitor Local Notifications 을 세팅하면서 마주한 문제점 해결
문제점: iOS 에서 LocalNotifications 가 실행되지 않음
Ionic + Capacitor + Cordova 플러그인 설치시 문제점
Ionic + Capacitor 프로젝트에 코도바 플러그인 및 아이오닉 네이티브 플러그인을 설치하면서 발생하는 문제점
아이오닉 앱 스크롤 먹통 문제점 해결
문제점: 모바일 화면 스크롤이 on & off 로 되다/안되다 하는 현상
안드로이드 스튜디오
Back to top ↑iOS
애플 앱 스토어에 심사 통과되기 까지의 과정!🎉
애플에 제출한 iOS 앱이 심사 통과 되었고 애플 앱 스토어에 정식 출시 되기까지 5번 거절 당하고 디버깅한 험난했던 과정
아이폰의 안전 영역 Safe area 픽셀 사이즈 정리
iPhone X (iPhone 10) 이상 부터 Safe area 라는 것이 있으므로 아이폰의 안전 영역 Safe area 를 고려해야 한다.
소설
김진명 『풍수전쟁』 좋은 구절 모음
김진명의 『풍수전쟁』으로 보는 한국 인구 소멸 문제를 해결할 방법, 책 좋은 구절 모음
김진명 『풍수전쟁』 줄거리 전체 내용 요약 결말
저주의 예언 ‘나이파 이한필베’, 회신령집만축고선의 비밀, 일본이 바꿔치기한 철령의 위치
Xcode
Xcode 프로젝트 생성 및 아이폰 앱 테스트하는 방법
PC로 Xcode iOS 개발하는 방법, Xcode 프로젝트 git clone 하는 방법
프론트엔드개발자
Ionic + Capacitor + Cordova 플러그인 설치시 문제점
Ionic + Capacitor 프로젝트에 코도바 플러그인 및 아이오닉 네이티브 플러그인을 설치하면서 발생하는 문제점
네이버 API
안드로이드 네이버 지도 API 에러 - https 보안 정책
안드로이드 9.0 이상에서 http평문통신을 허용하지 않고 https만 허용하는 보안정책이 있어 networkSecurityConfig 파일을 생성하여 예외처리를 해주어야 한다.
Git
깃플로우 git flow 를 활용한 개발 과정 워크플로우 순서
GIT의 프레임워크 중에 하나인 git flow 를 활용하여 형상 관리하는 개발 과정 워크플로우 순서를 정리해보았다.
Data Analysis
python pandas read_csv unicode decode error
판다스에서 read_csv 유니코드 디코드 에러 해결 방법 UnicodeDecodeError: ‘utf-8’ codec can’t decode byte 0xc7 in position 0: invalid continuation byte