~☆~ 우하하!!~ 개발블로그

https://iwoohaha.tistory.com/312 에서 알아본 것과 같이 React 프로젝트를 개발할 환경 구성을 모두 완료NVM -> Node.js (npm, npx)하였다면, npx 를 이용하여 React 프로젝트를 생성할 수 있는데,npx create-react-app 위 명령어를 실행시켰을 때 아래와 같이 오류가 발생할 수 있다.npx create-react-app reactdiaryCreating a new React app in /Users/dbfis/_MyProject/woohahaapps.com/reactdiary.Installing packages. This might take a couple of minutes.Installing react, react-dom, and reac..

전체 순서는 다음과 같다.################################################### TOC# 타임존 설정# OpenJDK 설치 (17.0.10+7)# apache2 설치# PostgreSQL 16 설치# AWS CLI v2 설치# webapp 계정 생성##################################################각 단계별 스크립트 내용을 살펴보자.각 단계별 스크립트마다 맨 앞 라인에 #!/bin/bash 를 추가해서 파일로 작성하면 실행이 가능하다.파일로 저장된 스크립트 파일은 실행 모드를 추가해야 한다.sudo chmod +x  타임존 설정AWS EC2 인스턴스를 생성한 후 별도의 설정을 하지 않으면 UTC 기준의 타임존으로 설정되어 있는 ..

페이스북 공유내가 작성한 웹페이지를 공유하는 기능을 붙이기 위해서는 오픈그래프 메타태그를 삽입해야 한다. 오픈그래프 메타태그 삽입 위치는 사이이다.중요한 메타태그 종류는 다음과 같다.메타태그 propertycontent 값 또는 의미og:typearticleog:title페이지 제목og:image대표 이미지og:description페이지 설명실질적인 예를 들어보겠다.위 4개 항목만 있다면, SNS 공유에는 일단 문제가 없다. 4개 항목 중 og:title, og:image 항목은 페이지에 따라서 그 값이 달라질 수 있는 항목이다. 위의 예처럼 고정값을 넣는다면, 공유시 항상 동일한 내용으로 공유가 될 것이다.4개 항목을 사이에 삽입하고 아래와 같이 페이스북에 공유하는 자바스크립트를 코딩한다. f..

Android 개발을 하기 위해서 필요한 API Level 과 Android OS 버전에 대해서 알아본다.참고 : https://apilevels.com/, [안드로이드]안드로이드 버전/API레벨/SDK/호환성Android OS 는 2008년 9월 20일에 최초의 버전 1.0이 출시되었다.참고 : 안드로이드 (운영체제)버전 이름대신 알파벳을 사용하는 특이점이 있다. 1.0 은 A 로 시작하는 Astro Boy (Applepie라는 말도 있다) 라는 내부적인 이름을 사용했으나, 정식으로 이 체계에 따른 버전이름은 1.5 버전인 Cupcake 부터이다.개발자나 사용자 입장에서는 숫자로 된 버전번호를 알파벳으로 된 버전이름과 매칭시켜야 하는 불편함이 있다. 그래서 이렇게 정리하게 만든다.Android 개발자에..

Dependencies : Spring Webbuild.gradledependencies { implementation 'org.springframework.boot:spring-boot-starter-web' testImplementation 'org.springframework.boot:spring-boot-starter-test'}application.propertiesspring.application.name=+ Dependencies : Lombokbuild.gradleconfigurations { compileOnly { extendsFrom annotationProcessor }}dependencies { implementation 'org.springframework.boot:spring..

pfSense – HAProxy 포스트에서는 2대의 웹서버에 각각 2차 도메인을 할당하고, 동일한 80 포트로 동작시켰을 때 2차 도메인 주소에 따라 1번 서버 또는 2번 서버로 분리 처리되도록 HAProxy 를 설정하는 방법에 대해서 알아보았지.이번 포스트에서는 pfSense 에서 HAProxy 를 이용하여 http 로 접속했을 때 https 로 전환시켜주는 설정을 해볼까해. 웹서버가 https 로 동작하기 위해서는 SSL 인증서가 필요한데, pfSense 에서는 Let's Encrypt SSL 인증서를 사용할 수 있기 때문에 별도의 SSL 인증서 구입을 하지 않아도 돼.우선 내가 보유하고 있는 도메인에 대해서 pfSense 에서 Let's Encrypt SSL 인증서를 발급받는 방법부터 살펴볼께.Ac..

iOS 개발을 하다보니 모델별 해상도 정보가 자주 필요해진다.출처 : https://thisthatbase.com/iphone-ipad-wallpapers-size/출시시기별아이폰 모델명해상도화면비율인치아이폰 3G320 x 4802:33.5아이폰 3GS320 x 4802:33.5아이폰 4640 x 9602:33.5아이폰 4S640 x 9602:33.5아이폰 5640 x 11369:164아이폰 5S640 x 11369:164아이폰 5c640 x 11369:164아이폰 6750 x 13349:164.7아이폰 6 Plus1080 x 19209:165.5아이폰 6s750 x 13349:164.7아이폰 6s Plus1080 x 19209:165.5아이폰 SE (2016)640 x 11369:164아이폰 7750 ..

HTTPS 로 실행하기 위해서는 SSL 인증서가 있어야 하는데, localhost 도메인에 대해서는 self-signed SSL 인증서를 만들면 된다.self-signed SSL 인증서를 만드는 방법은 다양한데, 많이 사용되는 방법 몇 가지만 알아본다.OpenSSL 을 사용하는 방법1. 비공개 키 생성openssl genrsa -out localhost.key 2048결과로 localhost.key 파일(개인키)이 생성된다.2. CSR(Certificate Signing Request) 생성SSL/TLS 인증서를 발급받기 위해서 인증기관(Certificate Authority, CA)에 제출하는 데이터 파일인데, 인증서를 요청하는 도메인 소유자의 정보를 암호화하여 담고 있다.openssl req -new..